*, html{margin: 0; padding: 0;}

body{background: white url('../images/bkg.jpg') repeat;
 font-family: "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;
 margin-bottom: 20px;}

a{color: #8ac125; text-decoration: none;} a:hover{text-decoration: underline;} a:visited{color: #67a000;}

/* Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau - http://web-kreation.com/
Date: March 26, 2009 - Version: 1.0 */

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */
.clearfix {height: 1%;} .clearfix {display: block;}


/* Panel Tab/button */
.tab {height: 42px; width: 931px; margin: 0 auto; position: relative; top: -7px; z-index: 999;}

.tab ul.login {display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: bold; line-height: 42px; margin: 0; margin-right: 0px;
	right: 0px; color: white; font-size: 80%; text-align: center;}

.tab ul.login li.left {background: url(../images/tab.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; border: 0;}
.tab ul.login li.right {background: url(../images/tab.png) no-repeat right 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; border: 0;}
.tab ul.login li {text-align: left; padding: 0 6px; display: block; float: left; height: 37px; background: #232323;  border-bottom: 1px solid white;}
.tab ul.login li a {color: #8ac125;}
.tab ul.login li a:hover {color: white;}
.tab .sep {color:#414141;}

.tab a.open, .tab a.close {height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 80px; position: relative; top: 11px;}
.tab a.open {background: url(../images/login_control.png) no-repeat left 0;}
.tab a.close {background: url(../images/login_control.png) no-repeat left -40px;}
.tab a:hover.open {background: url(../images/login_control.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/login_control.png) no-repeat left -59px;}

/* sliding panel */
#toppanel {position: absolute; top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto;}

#panel {width: 100%; height: 120px; color: #999999; background: #232323; overflow: hidden; position: relative; z-index: 3; display: none; border-bottom: 1px solid white;}
#panel h1 {font-size: 1.6em; padding: 5px 0 10px 0; margin: 0; color: white;}
#panel h2{font-size: 1.2em; padding: 10px 0 5px; margin: 0; color: white;}
#panel p {margin: 5px 0; padding: 0;}
#panel a {text-decoration: none; color: #8ac125;}
#panel a:hover {color: white;}

#panel a-lost-pwd {display: block; float: left;}

#panel .content {width: 960px;  padding-top: 15px; text-align: left; font-size: 0.85em;}
#panel .content .left {width: 280px; float: left; padding: 0 15px; border-left: 1px solid #333;}
#panel .content .right {border-right: 1px solid #333;}
#panel .content form {margin: 0 0 10px 0;}
#panel .content label {float: left; padding-top: 8px; clear: both; width: 280px; display: block;}
#panel .content input.field {border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; width: 200px; color: white; height: 16px;}
#panel .content input:focus.field {background: #545454;}
#panel .content .center {width: 150px; margin: 0 auto; display: block;}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login{display: block; float: left; clear: left; height: 24px; width: 74px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0;}

#panel .lost-pwd {display: block; float:left; clear: right; padding: 15px 5px 0; font-size: 0.95em; text-decoration: underline;}
/*End Sliding Login*/

#head{background: url('../images/head_bkg.png') repeat-x;}
#logos{height: 102px;}
.logo{position: relative; z-index: 1; bottom: -11px; right: -11px; border: 0;}
.logotxt{position: relative; z-index: 1; top: -30px; right: -103px; border: 0;}

#main{margin: 0 auto; width: 931px;}
#menu{width: 931px; height: 44px; background:  url('../images/menu.png') no-repeat; margin: 0 auto; position: relative; z-index: 20;}
#menu ul{float: left; font-weight: bold; font-size: 10pt; width: 97%;}
* html #menu ul{margin-bottom: 0; }
#menu ul li{display: inline; line-height: 33px;}

#menu ul li a{font-size: 1em; float: left; height: 44px; width: 125px; text-align: center; color: white; font-weight: bold; text-decoration: none; display: block; margin-top: 2px;}
#menu ul li a:hover{background: #8AC125; display: block; height: 33px;}


#search{position: relative; right: -750px; top: -41px; width: 200px; height: 50px; float: left;}
#search fieldset{border: 0;}
.searchbox{border: 2px black solid; padding: 3px;}


#header{width: 917px; height: 219px; background: #232323 url('../images/header.png') no-repeat; margin: 0 auto; color: #808080;}
#header h1{color: white;}
#header h2{color: white; margin-left: 10px;}
#header p{font-size: 9pt; margin-left: 15px;}
#header hr{border: 1px solid #474845; width: 80%; margin-right: 0; margin-left: auto; margin-top: 5px; margin-bottom: 5px; border-collapse: collapse;}
#header .left{width: 420px; height: 200px; text-align: right; padding-top: 10px; padding-right: 15px;}
#header .right{width: 460px; float: right; margin-top: -100px; text-align: left; padding-top: 0px; margin-left: 445px;}
#header .right img{border-width: 6px; border-style: solid; border-color: #454545;} #header .right img a{border: 0;} .btn{border: 0;}
#wrapper{color: #2d2e2c;}

#container {width: 900px; margin: 0 auto; text-align: center; background: white;}
#content{text-align: left; min-height: 400px;}

#content h1{color: #8ac125; margin-left: 10px;}
#content h2{color: #2d2e2c; margin-left: 10px;}
#content h3{color: #2d2e2c; margin-left: 10px; margin-bottom: 0px;}
#content h4{color: #2d2e2c; margin-left: 10px;}
#content h5{color: #2d2e2c; margin-left: 10px;}
#content h6{color: #2d2e2c; margin-left: 10px;}

#content p{margin: 8px 18px 8px 18px; font-size: 11pt; line-height: 1.6;}
#content .left{float: left; margin: 5px; margin-left:15px; border: 2px solid #8ac125; padding: 3px;}
#content .right{float: right; margin: 5px; margin-right:15px; border: 2px solid #8ac125; padding: 3px;}
#content .center{display: block; margin: 5px auto; text-align: center;}
#content hr{border: 1px solid #dfdfdf; border-collapse: collapse; margin: 2px 20px 9px 20px;}

#content fieldset{border: 0px; padding-left: 50px; padding-bottom: 20px;}
#content .styled{width: 250px;}
#content .label{padding-right: 4px;}
#content #calendar{width: 560px; height: 350px; display: block; margin: 10px auto; text-align: center;}
#content h3 a{text-decoration: underline;}
#content h3 a:hover{text-decoration: none;}
#content ul{
	padding-left: 50px;
}
#content .smaller{ font-size: 10pt; margin-top: -15px; padding-bottom: 10px;}

.sb_right{float: right; width: 250px; border: 1px solid #dededb; background: #efefea; margin-right: 25px; margin-top: 15px; margin-bottom: 20px; margin-left: 20px;}
.sb_right ul{margin-top: 12px; padding-left: 15px; margin-left: -25px; list-style-type: none; margin-bottom: 12px;}
.sb_right h3{margin-top: 10px; margin-bottom: 10px;text-align: center;}
.sb_right h6{font-size: 12pt; font-style:italic; margin-bottom: 17px; margin-top: 9px;}
.sb_right img{margin: 0 auto; margin-top: 12px; display: block; text-align: center; margin: 5px; border: 2px solid #8ac125; padding: 7px; background-color: white;}

.sb_left{float: left; width: 250px; border: 1px solid #dededb; background: #efefea; margin-left: 25px; margin-top: 25px;}
.mphoto{margin: 15px; border: 2px solid #8ac125; float: left;}

#support{clear:both; background: #efefea; border-top: 1px solid #dcdcd9; width: 898px; border-left: 1px solid white; border-right: 1px solid white; color: black; height: 150px; overflow: hidden; text-align: center;}
#support h1{font-size: 14pt; margin-bottom: 20px;}
.a{width: 290px; height: 100px;}
.a img, .b img{vertical-align: middle; margin: 3px; border: 0;}
.b{width: 290px; height: 100px; margin-left: 290px; margin-top: -100px;}
.c{width: 310px; height: 100px; margin-left: 585px; margin-top: -100px;} #support fieldset{padding-left: 0;}
.newsletter{font-size: 9pt;} .newsletter fieldset{border: 0;}
.newsletter .b1, .newsletter .b2{border: 2px solid #8ac125; padding: 3px; text-indent: 5px; font-size: 9pt; margin-bottom: 5px; width: 135px;}
.newsletter .btn{border: 0;}

#footer{clear: both; background: #2a2a2a; width: 898px; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; color: white; font-size: 10pt;}
#footer p{margin: 0; font-size: 10pt; line-height: normal;}
#footer .left{float: none; margin: 0; border: 0; padding: 8px; text-align: left;}
#footer .right{float: none; margin: 0; padding: 8px; border: 0; text-align: right; margin-top: -33px;}

#page-changer{margin-left: 50px; padding-right: 12px; border: 2px black solid; width: 323px; margin-bottom: 25px;}
.ajaxSearch_result{margin-left: 30px;}