/* CSS Document */

<style type="text/css">

body{
margin:0;
padding:0;
font-size: 11px;
font-family: verdana, arial, helvetica;
}

h1{
font-family: verdana, arial, helvetica;
color: #333;
}

h2{
font-family: verdana, arial, helvetica;
color: #333;
}

h3{
font-family: verdana, arial, helvetica;
color: #333;
}

h4{
font-family: verdana, arial, helvetica;
color: #333;
}

h5{
font-family: verdana, arial, helvetica;
color: #333;
}

h6{
font-family: verdana, arial, helvetica;
color: #333;
}

p{
font-size: 11px;
font-family: verdana, arial, helvetica;
color: #333;
}

ul{
font-size: 11px;
font-family: verdana, arial, helvetica;
color: #333;
}

li{
font-size: 11px;
font-family: verdana, arial, helvetica;
}

ol{
font-size: 11px;
font-family: verdana, arial, helvetica;
font-weight: normal;
}

td{
font-size: 11px;
font-family: verdana, arial, helvetica;
text-align: center;
}

b{font-size: 12px;}
em{color: black;}

.textblock{
font-size: 11px;
font-family: verdana, arial, helvetica;
text-align: left;
line-height: 20px;
}

.alert{
font-size: 11px;
color: #cc0000;
font-family: verdana, arial, helvetica;
text-align: left;
}

#topsection{
background: none;
height: 106px; /*Height of top section*/
margin: 0;
padding-top: 15px;
}

#picsPadding{
background: #fff;
height: 350px; /*Height of top section*/
margin: 0;
padding-top: 15px;
}

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

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

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -100%;
background: #ffffff;
}

#rightcolumn{
float: left;
width: 100px; /*Width of right column*/
margin-left: -100px; /*Set left marginto -(RightColumnWidth)*/
background: #FFFFFF;
}

#footer{
clear: left;
height: 37px;
color: #FFF;
text-align: left;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

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


/* The following code is for image expander on roll-over*/

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

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: D9F2E6;
padding: 5px;
left: -1000px;
border: 1px 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;
position: fixed;
top: 250;
left: 200px; /*position where enlarged image should offset horizontally */

}




</style>