html{overflow-y:scroll;}
html{overflow:-moz-scrollbars-vertical;}
body{
margin:0px;
padding:0px;
font-family:Arial,Helvetica,sans-serif;
color:#666666;
font-size:11px;
margin-bottom:10px;
}
p{ margin:0px; padding:0px 0px 10px 0; }
ul{ list-style-position:outside; margin:10px 10px 0 0; padding:0px 0px 0 0; list-style-type:none;}
li{padding:0 0 10px 20px; background-image:url(images/bullet.gif); background-repeat:no-repeat; background-position:0px 3px; }
/*----------------------------------------
a styles
-----------------------------------------*/
a{text-decoration:none; color: #0066CC}
a:hover{text-decoration:underline}
a.bttn{width:92px; line-height:22px; display:block; background-image:url(images/bttn_off.jpg); text-decoration:none; padding:0px 0 0 5px; color:#FFFFFF; font-weight:bold; background-color:#737373; font-size:11px;}
a.bttn:hover{background-image:url(images/bttn_on.jpg); text-decoration:none;}
input.bttn{width:96px; height:23px; line-height:22px; display:block; background-image:url(images/bttn_off.jpg); text-decoration:none; padding:0px 0 0 0px; color:#FFFFFF; font-weight:bold; background-color:#737373; font-size:11px;}
input.bttn:hover{background-image:url(images/bttn_on.jpg); text-decoration:none;}
a.grey{color:#9E9E9E; text-decoration:none}
a.grey:hover{text-decoration:underline}
#footer a{color:#9E9E9E; text-decoration:none}
#footer a:hover{text-decoration:underline}
/*----------------------------------------
h styles
-----------------------------------------*/
h1, h2, h3, .highlight{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#284E85;
margin:0px 0px 10px 13px;
padding-bottom:0px;
text-transform: uppercase;
}
.highlight{margin:0px; color:#666666;}
h2, h3{font-size:11px; color:#666666; margin:0px 0px 10px 0px; padding-top:0px;}
h3{color:#6690B2;}
/*----------------------------------------
id styles
-----------------------------------------*/
#header, #content, #footer{margin:0px auto;}
#header{
z-index:3;
position: relative;
padding:0px;
height:258px;
width:845px;
}
#content{
z-index:1;
position: relative;
padding:0px;
width:845px;
margin-bottom:10px;
/*background-color:#999;
min height for firefox and IE */
height: auto !important;
height:226px;
min-height:226px;
}
#footer{
z-index:4;
position: relative;
padding:5px;
width:833px;
font-size:10px;
color:#9E9E9E;
text-align:center;
border:solid 1px #DADADA;
}
/*----------------------------------------
side menu list
-----------------------------------------*/
#barlist{ padding:0px; margin:0px; width: 189px; list-style: none;}
#barlist li a{
display: block; width:100%; text-decoration:none; padding:5px 5px 5px 10px; margin:0px 0px 3px 0px; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-color:#6690B2; background-position: 179px 6px; color:#FFFFFF; }
#barlist li a:hover{display: block; width:100%; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-color:#709DC2; background-position: 179px 6px;}
ul#mainMenu,
ul#mainMenu li {
padding:0px; margin:0px 0px 0px 0px; width: 189px; list-style: none;
list-style-image: none;
}
ul#mainMenu {
margin-top: 0px;
}
ul#mainMenu li a, ul#mainMenu li.sublist a, ul#mainMenu li.selected a{
display: block; width:100%; text-decoration:none; padding:5px 5px 5px 10px; margin:0px 0px 3px 0px; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-color:#6690B2; background-position: 182px 6px; color:#FFFFFF; height: auto !important; height:12px; min-height:12px;
}
ul#mainMenu li.sublist a{background-color:#f4f4f4; color:#333333; background-image: none;}
ul#mainMenu li.selected a{background-image: url(images/arrow_selected.gif);}
ul#mainMenu li a:hover, ul#mainMenu li.sublist a:hover{
display: block; width:100%; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-color:#709DC2; background-position: 182px 6px;
}
ul#mainMenu li.sublist a:hover{background-color:#e4e4e4; background-image: none;}
ul#mainMenu li.selected a:hover{background-image: url(images/arrow_selected.gif);}
/*----------------------------------------
form styles
-----------------------------------------*/
form{margin:0px; padding:0px;}
.formElement{
width: 185px;
height:17px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color:#666666;
background-color: #ffffff;
border:1px solid #DADADA;
padding-left: 5px;
padding-top:2px;
}
.optionBox{width:220px;}
.textArea{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; width:324px; height:78px;}
a.inputBttn, .inputBttn{width:97px; height:22px; display:block; background-image:url(images/bttn_off.jpg); text-decoration:none; padding:0px 0 0 5px; color:#FFFFFF; font-weight:bold; background-color:#737373; border:0; font-size:11px; cursor:pointer; text-align:left; font-family:Arial,Helvetica,sans-serif;}
a.inputBttn:hover{background-image:url(images/bttn_on.jpg); text-decoration:none;}
/*----------------------------------------
portfolio gallery
-----------------------------------------*/
.thumbWrapper{width:180px; position:relative; float:left; margin:0px 6px 0px 0; height: auto !important; height:115px; min-height:115px;}
.detailsImageWrapper{float:left; width:300px; border:1px solid #cccccc; padding:4px; background-color:#FFFFFF; margin-right:17px;}
.detailsImageWrapperPop{border:1px solid #cccccc; padding:4px; background-color:#FFFFFF;}
.image img{margin:0 0px 15px 0;}
.div div{margin-left:5px;}
a.galleryBttn, a.galleryBttnDetails{display:block; color:#666666; font-weight:bold; border:1px solid #cccccc; padding:4px; background-color:#FFFFFF; text-decoration:none; cursor:pointer; /*background-image:url(images/thumbDivider.jpg); background-position:0 63px; background-repeat:no-repeat;*/}
a.galleryBttnDetails{width:60px; float:left; margin:0 7px 10px 0;}
a.galleryBttn:hover, a.galleryBttnDetails:hover{background-color:#f4f4f4; text-decoration:none;}
.thumbDivider{position:absolute; left:-5px; top:63px; height:6px; line-height:7px; font-size:7px;}
/*----------------------------------------
misc
-----------------------------------------*/
.bold{ font-weight:bold;}
.hr{margin:12px 0px 12px 0px; padding:0px; font-size:1px; line-height:1px; height:1px; border-top:1px solid #cccccc;}
.clear{clear:both; padding:0px; font-size:1px; line-height:1px; height:1px;}
.contentBg{width:845px; background-image:url(images/middle_piece.jpg); background-repeat:repeat-y;}
.floatLeft{float:left;}
.floatRight{float:right;}
.newsDate{color:#993300; padding-bottom:5px;}
.columnLeft{
position:relative;
float:left;
width:232px;
margin-right:6px;
margin-bottom:10px;
border-top:solid 4px #DADADA;
height: auto !important;
height:308px;
min-height:308px;}
.columnRight{float:left; width:607px; margin-top:134px; border-top:solid 4px #DADADA;}
.boxLeft{padding:10px 14px 0px 14px;}
.boxRight{padding:10px 0px 0px 14px;}
.textBg, .textBgGallery{background-image:url(images/text_bg.jpg); background-repeat:repeat-x; background-position:top; height: auto !important; height:150px; min-height:150px; padding:10px 14px 10px 14px;}
.textBgGallery{padding:10px 0px 10px 14px;}
.newsImageWrapper, .mapWrapper{color:#666666; font-weight:bold; border:1px solid #cccccc; padding:4px; background-color:#FFFFFF; float:left; margin:0 15px 0px 0;}
a.newsImageWrapper, a.mapWrapper{display:block; color:#666666; font-weight:bold; background-color:#FFFFFF; text-decoration:none; cursor:pointer; padding:4px;}
a.newsImageWrapper:hover, a.mapWrapper:hover{background-color:#f4f4f4; text-decoration:none;}