/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
/*width: 100%;*/
/*border: 1px solid #625e00;*/
/*border-width: 1px 0;*/
background: #3F4C6B;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 4px 10px;
text-decoration: none;
border-right: 1px solid #CB7A35;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: #CB7A35;
}

/* end menu buttons */

#maincontainer{
width: 1002px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background-color: #ffffff;
height: 210px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 204px 0 204px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background: #ffffff;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

#leftcolumn{
float: left;
width: 202px; /*Width of left column in pixel*/
margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
background: #ffffff;
}

#rightcolumn{
float: left;
width: 204px; /*Width of right column*/
margin-left: -204px; /*Set left margin to -(RightColumnWidth)*/
background: #ffffff;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertubecontent{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertubeleft{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
margin-left: 0;
}

.innertuberight{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
margin-right: 0;
}


body{
margin:0;
padding:0;
/*font-family: Arial;*/
}

/* etc */

table.plain {}
tr.plain {}
th.plain { padding:2px; border-bottom:0px }
td.plain { padding:2px; border-bottom:0px }

a.menu {
padding:8px; 
font-weight:bold; 
background: #ffffff;
}

a.menu:hover{
padding:8px; 
font-weight:bold; 
color: #ffffff;
background: #487cc8;
}

a.menucurrent:link{
padding:8px; 
font-weight:bold; 
color: #ffffff;
background: #487cc8;
}

a.menucurrent:visited{
padding:8px; 
font-weight:bold; 
color: #ffffff;
background: #487cc8;
}

a.menucurrent:hover{
padding:8px; 
font-weight:bold; 
color: #ffffff;
background: #487cc8;
}



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: 50px; /*position where enlarged image should offset horizontally */
}