body {background-color: #FFFFFF;}

td, th 
{
font: arial; 
color: #000000;
border-color:#000000
}

td.blue, th.blue 
{
font: arial; 
color: #000000;
border-color:#000000;
background: #D2F9FF;
}

td.xlarge
{
font: arial;
font-size: x-large;
color: #000000;
}

h1
{
font: normal medium arial;
color: #000000;
}

h1.large
{
font: arial;
font-size:large;
color: #000000;
}


h1.xlarge 
{
font: arial;
font-size:x-large;
color: #000000;
}

h1.title 
{
font: arial; 
font-size: 40px; 
font-weight: bold;
color: #000000;
}

h2 
{
font: normal medium arial;
color: #000000;
}

h3 
{
font: arial;
font-size: large;
color: #000000;
}

h4, h5, h6 
{
color: #000000;
font: arial;
}


p {
font: normal medium arial;
color: #000000;
}

p.big
{
font: arial;
font-size: larger;
color: #000000;
}

p.large
{
font: arial;
font-size:large;
color: #000000;
}

p.xlarge
{
font: arial;
font-size: x-large;
color: #000000;
}


p.titlered
{
font: arial;
font-size: 24px;
color: #FF0000;
}

strong.red
{
font: arial;
color: #FF0000;
}

span.titlered
{
font: arial;
font-size: 24px;
color: #FF0000;
}

span.red
{
font: arial;
color: #FF0000;
}


a {
font: arial;
color: #000000;
}


a.red {
font: arial;
color: #FF0000;
}


.gallerycontainer{
position: relative;
z-index:100px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.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*/
position:fixed;
visibility: visible;
top:100px !important;
top: 100px;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

ul {
font: normal medium arial;
color: #000000;
}

 ul.large
{
font: arial;
font-size:large;
color: #000000;
}


li {
font: normal medium arial;
color: #000000;
}


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


#topsection{
background: #FFFFFF;
height: 190px; /*Height of top section*/
padding-bottom: 10px;
}

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

#contentcolumn{
margin-left: 420px; /*Set left margin to LeftColumnWidth*/
}


#leftcolumn{
float: left;
width: 420px; /*Width of left column*/
margin-left: -1000px; /*Set left margin to -(MainContainerWidth)*/
}



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

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