body,form{
margin:0;
}
body, form, div, input, textarea, span, p{
font-family:Helvetica, sans-serif;
}
body{
/*background:url(/images/slivBody.png) repeat-x;*/

}
form{
padding:0;
}
a,a:visited{
text-decoration:none;
cursor:pointer;
}
a:hover{
text-decoration:underline;
}
#center h2 { 
font-family: 'century gothic','palatino linotype',palatino, Arial, sans-serif;
font-size:1.7em;
font-weight:100;
color:#333;
}
.small{
font-size:.7em;
font-weight:normal;
}
.chosen{
text-decoration:underline;
}
#topnav{
background:url(/images/topbar.png) no-repeat;
height:31px;
width:1026px;
margin:0px auto;
}
#topnav ul{
display:inline;
margin:0;
padding:0;
list-style:none;
margin:0px 10px;
color:#777777;
}
#topnav ul li{
display:inline;
font-size:.7em;
}
#topnav a, #topnav a:visited{
color:#fcfcfc;
text-decoration:none;
margin:0 5px;
}

#topnav a:hover{
text-decoration:none;
color:#FBD317;
}

#header{
margin:5px auto;
z-index:2;
background:url(/images/eldotohidden.png) no-repeat;
height:175px;
width:1024px;
padding:0;
width:1024px;
}

#topnav h1,#topnav h2{
float:right;
font-family:Arial;
font-weight:100;
margin:0;
padding:0;
letter-spacing:-1px;
text-align:right;
margin-right:10px;
color:#999;
display:inline;
clear:both;
}
#topnav h1{
font-size:1.4em;
margin-right:15px;
}
#topnav h2{
font-size:1em;
}

#mainBody{
margin:0px auto;
z-index:2;
width:1024px;
background-color:#FFFFFF;

}
#leftOcol{
float:left;
width:210px;
margin-right:10px;
padding:1px;
background-color:#FFFFFF;
}
#leftOcol hr{
clear:both;
background-color: #666600;;
height:1px;
border:none;
margin:0;
}
#leftOcol h2{
color:#99CC99;
text-transform: uppercase;
font-family:  "Century Gothic", Tahoma, Arial, Verdana, Helvetica, sans-serif;
margin:5px
}
#leftOcol h3{
font-size:1em;
color:#99CC99;
text-transform: uppercase;
font-family:  "Century Gothic", Tahoma, Arial, Verdana, Helvetica, sans-serif;
margin:5px;
}

#center{

}

/*footer content*/
#footer{
clear:both;
text-align:center;
font-size:.8em;
background:url(/images/btmbar.png) no-repeat bottom center;
height:31px;
width:100%;
}
#footerlinks{
padding-top:7px;
font-family:'palatino linotype',Arial, sans-serif;
font-size:.8em;
letter-spacing:1px;
}
#footer a, #footer a:visited{
color:#fcfcfc;
text-decoration:none;
}

#footer a:hover{
text-decoration:none;
color:#FBD317;
}



/* for login panel*/
.paneltop{
background:url(/images/paneltop.png) no-repeat;
height:20px;
}
.paneltop a{
margin-top:2px;
}
.panelmiddle{
background:url(/images/panelmid.png);
padding:1px;
}
.panelbottom{
background:url(/images/panelbtm.png) no-repeat;
height:15px;
}

#loginpanel{
display:none;
position:absolute;
width:200px;
margin:0px auto;
}

#login{
display:none;
font-family:Helvetica, sans-serif;
font-size:.8em;
padding:5px;
margin:5px;
z-index:1;
color:#ccc;
}

#login input{
padding:2px;
font-size:.8em;
background-color:#999999;
color:#000000;
border:#333 1px solid;
}
#login strong{
font-size:.8em;
}
#loginDiv a, #loginDiv a:visited{
color:#999999;
font-size:.8em;
}
.formDiv{
padding:0px;
}

#result{
margin:2px;
padding:2px;
font-family:Verdana, sans-serif;
font-size:.8em;
letter-spacing:-1px;
height:3.5em;
}
#validMessage{
margin:2px;
padding:2px;
font-family:Verdana, sans-serif;
font-size:.8em;
color:#FF0000;

}

#captcha{
margin:2px;
}

#contactForm{
font-size:.9em;
float:left;
}
#contactForm input,#captchaB{
margin:2px;
}

.error,.err{
border:1px solid #FF0000 !important;
}
.req{
color:#FF0000;
font-weight:bold;
}


/* TWITTER WINDOW*/

#twCont{
font-family:Lucida Grande,sans-serif;
margin-right:40px;
}
#twCont hr{
clear:both;
background-color:#006600;
height:1px;
border:none;
margin:5px 0px;
padding:0;
}
#twCont ul{
list-style:none;
margin:0px 0px 5px 0px;
padding:5px;
overflow:auto;
padding:0;
clear:both;
}
#twCont a, #twCont a:visited{
color:#0084B4;
font-weight:bold;
}
.twtprof{

font-size:.8em;
}
.twtprof a{
font-size:1em;
}
ul#twitter,ul#twitterme {
height:150px;
}
ul#twitter{
display:none;
}

#twitter li,#twitterme li{
border-bottom:#CCCCCC dashed 1px;
font-size:.7em;
}

#twitter li,#twitterme li{
margin-top:5px;
padding:2px;
}
#twitter li a, #twitter li a:visited{
color:#0084B4;
font-weight:bold;
}
#twitter li:hover,#twitterme li:hover,#wjposts li:hover{
background: #FFFFFF;
}
#twCont img{
padding-right:3px;
padding-bottom:3px;
border:0;
}
.twt a,.twt a:visited,.twtdt,.twtdt a,.twtdt a:visited{

font-weight:normal !important;
}
.twtdt,.twtdt a,.twtdt a:visited{
color:#999 !important;

}
.chosen{
color:#999999 !important;
text-decoration:underline;
}

/*Journal Window*/

#advJour,#techJour{
font-family:Lucida Grande,sans-serif;
margin-right:40px;
}
#advJour hr, #techJour hr{
clear:both;
background-color:#006600;
height:1px;
border:none;
}

#advJour ul,#techJour ul{
list-style:none;
margin:0px 0px 5px 0px;
padding:5px;
font-size:.7em;
overflow:auto;
height:190px;
}
#advJour h3{

}

.wjposts li{
border-bottom:1px dotted #ccc;
color:#999999;
padding:2px;
}
.wjposts li a, .wjposts li a:visited{
color:#666699;
}


#weather{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:.7em;
width:150px;
display:none;
}
#weather h2{
padding:0;
color:#999999;
margin:5px;
font-size:1.3em;

}
#weather ul{
list-style:none;
margin:0;
padding:0;
}
#weather ul li{
margin-left:5px;
}


div.form{
float:right;
background:none;
margin-right:10px;
margin-top:5px;
}
input.field {
font-family:"Trebuchet MS",Arial,sans-serif;
float:left;
height:20px;
font-size:13px;
margin-right:-25px;
padding-left:10px;
border:0px;
background:transparent url(/images/search.png) no-repeat scroll 0 0;
width:170px;
}

input.submit {
background: url(/images/magnifer.gif) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
display:inline;
float:left;
height:13px;
margin:3px 0 0 3px;
padding:0;
width:16px;
}
div.ttipsm {
background: transparent url(/images/black_arrow.png) no-repeat scroll 0 0;
height:122px;
width:209px;

display:none;
color:#fff;
padding:30px;
text-align:left;
} 

div.ttiplg {
background: transparent url(/images/white_arrow_big.png) no-repeat scroll 0 0;
height:300px;
width:370px;
display:none;
padding-left:30px;
padding-top:10px;
}
#galcats{
float:left;
list-style:none;
margin:0;
padding:0;
width:120px;
font-size:.8em;
}

#galcats li{
margin-top:5px;
border-bottom:1px dotted #ccc;
cursor:pointer;

}
#galcats li:hover{
background-color:#CCCCCC;
}
#imagescont{
width:190px;
height:220px;
border:1px solid #ccc;
overflow:auto;
padding:5px;
}

#imagescont img{
margin:3px;
border:#333 solid 1px;
float:left;
padding:1px;
display:inline;
}

#imagescont img:hover{
border:#fff solid 1px;
}
.imgsel{
background-color:#CCCCCC;
font-weight:bold;
}
.galtip{
height:400px;
width:350px;
background: url(/images/ttipbg.png) no-repeat transparent scroll;
text-align:left;
padding-left:5px;
font-size:.8em;
overflow:auto;
}

.galtip p{
margin:5px;
padding:5px;
}