/* CSS Document */
#guestLogin{
text-align:center;
padding: 20px;
}
#guestLogin img{
border:0;
}
*{
margin:0;
padding:0;
}
.hide {
display:none;
}
.show{
display:block;
}
.clear {
clear:both;
}
body {
background-color: #1f5656;
font-size: 62.5%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
min-width: 64em;
text-align:center;
}

/*title bar */
#titleBar{
background:#6b0075 url(images/bg_header1.gif) left bottom repeat-x;
height: 3em;
line-height:3em;
padding-bottom: 6px;
}
#nav{
text-align:right;
width: 660px;
margin: 0 auto;

}
#nav a{
font-size:1em;
text-transform:uppercase;
font-weight:bold;
margin-right:20px;
color:#e0c2e3;
text-decoration:none;
}
#nav a:hover{
text-decoration:underline;
}
#contentContainer{
clear:both;
background:#f5fbe9 url(images/bg_home_upper.gif) top left repeat-x;
border-bottom:8px solid #bbd7cb;
height:1%;
text-align:center;
}
#content{
width: 660px;
margin: 0 auto;
}
#logo{
margin-left:4px;
position:relative;
top:-30px;
}
#mainPicture{
position: relative;
top: -3px;
margin-left: 65px;
}
#bottomContent{
margin-top: -23px;
background: transparent url(images/bg_home_lower.gif) left top no-repeat;
padding-top: 40px;
text-align:left;
}
#mainText{
width:280px;
margin-left: 60px;
margin-bottom: 60px;
font-size: 1.4em;
color:#017272;
line-height: 1.6em;
}
#mainText a{
color:#017272;
}
#mainText a:hover{
text-decoration:none;
}
h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size: 1.7em;
line-height: 1.1em;
margin: 20px 0;
}
#loginBox{
width:260px;
float:right;
margin-right: 20px;

}
#loginBox fieldset{
border: 1px solid #bccf98;
border-top:none;
background-color:#ebf7d4;
padding: 15px;
}
#loginBox legend{
display:none;
}
#loginBox h2{
font-size: 1.4em;
font-weight:normal;
color:#fff;
border: 1px solid #4f7769;
background:#6ca28e url(images/bg_thead.gif) top right repeat-x;
padding:5px;
}
#loginBox label{
clear:left;
float:left;
width: 75px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#007575;
font-weight:bold;
font-size:1.2em;
margin-right: 5px;
text-align:right;
}
#loginBox p{
margin: 8px 0;
}
#loginBox input{
width: 140px;
margin-top: -4px;
}
#inputButtons{
float:right;
}
#loginTrouble{
margin-right:15px;
float:left;
font-size:1.1em;
line-height: 2.2em;
color:#017272;
}
#loginTrouble:hover {
text-decoration:none;
}
#lockPic{
margin: 0 5px;
vertical-align: text-top;
line-height:2em;
}


.leftNote{
margin-right:15px;
float:left;
font-size:1.1em;
line-height: 1.1em;
color:#017272;
width:140px;
}

/* footer--------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footerContainer{

border-top: 8px solid #387272;
font-size:1.1em;
color:#54acac;
padding: 12px;
padding-bottom: 50px;
}
#footer{
width: 660px;
margin: 0 auto;
}

#footer a{

font-weight:bold;
text-decoration:none;
padding:.5em;
color:#54acac;
text-transform:uppercase;
}
#footer a:hover{
font-weight:bold;
background-color:#387272;
}
.copyright{
float:left;
}
.credit {
float:right;
font-size:.8em;
}
/***********************************************************************************************************************************************/
span.btnGreen, span.btnGrey{
font-family:Georgia, "Times New Roman", Times, serif;
margin-right: 10px;
height: 28px;
font-size: 14px;
float:left;
}
span.btnGreen a, span.btnGrey a{
text-decoration:none;
padding: 0 20px;
float:left;
display:block;
color:#fff;
line-height:28px;
height: 28px;
}

span.btnGreen a:hover, span.btnGrey a:hover{
text-decoration:underline;
}
span.btnGreen {
background:transparent url(images/btn_green_l.gif) 0 50% no-repeat;
}
span.btnGrey {
background:transparent url(images/btn_gray_l.gif) 0 50% no-repeat;
}
span.btnGreen a{
background:transparent url(images/btn_green_r.gif) 100% 50% no-repeat;
}
span.btnGrey a{
background:transparent url(images/btn_gray_r.gif) 100% 50% no-repeat;
}