/********************* RESETS ***************************/
*
{
margin:0;
padding:0;
}
img{
border:0;
}
a img {
border:none;
text-decoration:none;
}
/************************* GENERAL LAYOUT **********************/
body {
background: url(bodybg01.jpg) top left no-repeat #464646;
background-attachment:fixed;
text-align:center;
padding: 0 0 30px;
margin:0;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
voice-family: "\"}\"";
voice-family:inherit;
}
#wrapper{
background:#fff;
width:960px;
margin:0 auto;
padding:0 0 2px 0;
}
#skipnav{
text-align:left;
font-size:60%;
padding:0 0 0 10px;
}
#navigation{
padding:6px 0;
margin:0 0 10px 0;
background:#464646;
text-align:center;
font-size:100%;
font-family:Geneva, Arial, Helvetica, sans-serif;
border-bottom:1px dotted #a5a5a5;
border-top:1px dotted #a5a5a5;
}
#header{
padding:0;
margin:0;
background:#fff;
}
#breadcrumb {
clear:both;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-indent:10px;
color:#525252;
margin:0 5px 25px 0;
padding:0;
}
#content{
margin:10px 0 0 10px;
padding:0 10px 20px 10px;
text-align:left;
}
#thumbs{
font-size:80%;
color:#464646;
padding:0 10px 10px 10px;
}
#thumbs2{/*index page*/
color:#464646;
padding:0 10px 10px 10px;
}
#footer{
clear:both;
font-size:72%;
color:#454545;
background:#b3cba2;
border-bottom:1px dotted #a5a5a5;
border-top:1px dotted #a5a5a5;
text-align:center;
padding:5px 10px;
}
#bottom{
margin:10px 0 10px 0;
}
.left{
text-align:left;
}
.clear{
clear:both;
}
/************************** ACCESS ***************************/
#skipnav a{
position:absolute; 
left:-9999em; 
width:200px; 
z-index:999; 
display:block;
}
#skipnav a:active, #skipnav a:hover, #skipnav a:focus{
left:0; 
top:0; 
color:#fff; 
background-color:#00557D;
padding:10px; 
font-weight:bold; 
text-decoration:underline;
}
/************************* HEADER ****************************/
#header img{
border:0;
}
#header a{
text-decoration:none;
}
#header a:hover, #header a img:hover{
opacity:1 !important;
}
/************************ NAVIGATION ************************/
#navigation{
background:#464646;
text-align:center;
border-top:1px solid #7c8c65;
}
#navigation ul{
list-style-type:none;
padding:2px 0 2px 0;
}
#navigation li{
font-size:100%;
font-family: Arial, Helvetica, sans-serif;
display:inline;
margin:0 15px;
padding-bottom:5px;
line-height:1em;
text-transform:normal;
letter-spacing:-0.035em
}
#navigation a{
color:#f6f7f4;
text-decoration:none;
padding:2px 5px 2px 5px;
text-shadow:0 -1px 1px rgba(124,140,101,0.5);
}
#navigation a:active, #navigation a:hover, #navigation a:focus, #navigation a.now{
background:#7c8c65;
border-radius: 4px;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
text-shadow:0 -1px 1px rgba(0,0,0,0.5);
}
#navigation a.now{
cursor:default;
}
#dropmenudiv{
text-align:left;
position:absolute;
margin:2px 0 0 0;
border:1px dotted #c5da8c;
border-bottom-width: 0;
line-height:18px;
font-size:75%;
z-index:100;
opacity:.98;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #c5da8c;
background-color:#fff;
padding: 3px 0;
text-decoration: none;
color:#232323;
}
#dropmenudiv a:hover{
background-color:#9fb58f;
border-bottom: 1px dotted #fff;
color:#fff;
}
/************************ BREADCRUMBS ************************/
#breadcrumb a{
color:#333368;
}
#breadcrumb a:hover{
background-color:#E8E8E8;
color:#2f2b2e;
}
/************************ CONTENT ***************************/
#content p{
font-size:80%;
line-height:1.5em;
margin-bottom:0.8em;
}
#content li{
font-size:80%;
line-height:1.5em;
margin-left:15px;
padding-left:10px;
}
#content h1, h2, h3, h4, h5{
font-family:"Times New Roman", Times, serif;
color:#42572c;
margin-bottom:0.7em;
margin-top:1.0em;
letter-spacing:0.05em;
}
#content h1{
font-size:180%;
}
#content h1.swap{
display:block;
height:40px;
background: url("main_heading1.jpg") no-repeat;
text-indent:-5000px;
border-bottom:none;
margin-bottom:.6em;
margin-top:0;
}
#content h2{
font-size:160%;
}
#content h3{
font-size:100%;
}
#content a:link{
background-color:#fff;/*to stop bloody IE from jumping around*/
color:#005680;
}
#content a:visited{
background-color:#fff;/*to stop bloody IE from jumping around*/
color:#6C006C;
}
#content a:focus, #content a:hover, #content a:active{
background-color:#eee;
color:#2f2b2e;
}
#content img:hover{
background-color:#fff;
}
#content a.image{
border:0;
text-decoration:none;
}
.note{
color:#952014;
}
.links a{
margin:10px;
}
.count{
font-size:70%;
}
a img:hover{
opacity:.8;
}
/****************************** THUMBNAIL LAYOUT *****************************/
#thumbs h2{
font-size:130%;
}
#thumbs img{
margin:5px 10px;
}
#thumbs a:link, #thumbs a:visited{
text-decoration:none;
}
div .imggrid{
float: left;
margin: 0 30px 30px 30px;
width: 220px;
text-align:center;
border:1px solid #859478;
padding:0 5px;
}
#thumbs2 h2{
font-size:130%;
}
#thumbs2 img{
margin:5px 0;
padding:0;
border:0;!important
}
#thumbs2 a:link, #thumbs2 a:visited{
color:#464646;
text-decoration:none;
}
#thumbs2 a:hover{
text-decoration:underline;
background-color:#fff;
color:#004A25;
}
div .imggrid2{
font-size:80%;
float: left;
margin: 0 15px 30px 15px;
width: 160px;
text-align:center;
}
/******************************** LATEST UPDATES *********************************/
#latest{
background-color:#e6efe0;
padding:2px 5px 0 5px;
border:1px dotted #464646;
margin:10px 0 15px 0;
}
p.newdate{
color:#640000;
font-weight:bold;
line-height:0.1em;
margin-bottom:0;
}
span.newtext{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#B00000;
}
span.new{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#D90000;
font-weight:bold;
}
.newest{
text-align:center;
}
.newest img{
border:4px double #ccc;
margin:5px 0 5px 0;
padding:5px;
}
/************************************** IMAGES ************************************/
.imagecenter{
text-align:center;
}
.imagecenter img{
border:0;
padding:10px 0 10px 0;
}
/* Thumbnail Viewer -  http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm */
#thumbBox{
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
}
#thumbBox .footerbar{ 
font: bold 80% Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}
#thumbBox #thumbImage{ 
background-color: white;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:100%
}
#thumbLoading{ 
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
/**************************************** FOOTER ************************************/
#footer a{
color:#2e373c;
margin:0 10px;
}
#footer a:hover{
color:#2f2b2e;
}
#footer img{
padding: 0 20px;
}
/************************************* BOTTOM ***************************************/
#bottom p{
font-size:70%;
text-align:center;
line-height:1.5em;
}
#bottom a{
color:#005782;
}
#bottom a:hover{
background-color:#eee;
color:#2f2b2e;
}
/******************************** ERROR PAGE ************************************/
.errorgrid{
float: left;
margin: 10px 40px 30px 20px;
width: 420px;
text-align:center;
}