﻿<style type="text/css">


body{
margin:0;
padding:0;
line-height: 1.5em;
height:100%;
}

a:link {color:blue}
a:visited {color:black}
a:hover {color:red}
a:active {color:aqua}
span.highlight
{
background-color:navy
}


b{font-size: 110%;}
em{color: red;}

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

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

.thumbnail span{
	/*CSS for enlarged image*/
position: absolute;
	background-color: #FFFFCC;
	padding: 1px;
	left: -1000px;
	border: 3px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	max-width: 200px;min-width:200px;
}

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

.thumbnail:hover span{
	/*CSS for enlarged image on hover*/
visibility: visible;
left:-70px;top:-70px;
	
}
#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 200px;

}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 185px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 180px; /*IE 5*/
width: 180px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
text-align:center;
}

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

#topsection{
background: #9e0b0e;margin-top:0px;
height: 140px; /*Height of top section*/
}

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

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

#contentcolumn{
margin: 0 0px 0 202px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background:white;
}

#leftcolumn{
float: left;
width: 202px; /*Width of left column in pixel*/
margin-left: -862px; /*Set margin to that of -(MainContainerWidth)*/
background: #9e0b0e;height: auto;height: 100%;min-height: 100%;

}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: white;height: Auto;height:100%;min-height:100%;

}

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

#footer a{
color: #FFFF80;
}

.innertube{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
}
.style1 {
	color: #FFFFFF;
	font-size: small;
}
.style2 {
	text-align: center;
}
.style4 {
	color: #FFFFFF;
	font-size: medium;
	text-decoration: overline underline;
}


</style>