
body{
margin:0;
padding:0;
line-height: 1.5em;
background-color: #333333;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

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

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

#topsection{
/*height: 90px; Height of top section*/
}

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

#contentwrapper{
float: left;
width: 100%;
/*border: 1px solid yellow;*/
background: url(../images/spacer.jpg) repeat-y; 

}

#contentcolumn{
margin-left: 180px; /*Set left margin to LeftColumnWidth*/
margin-right: 35px;
}

#leftcolumn{
float: left;
width: 167px; /*Width of left column*/
margin-left: -1000px; /*Set left margin to -(MainContainerWidth)*/
/*border: 1px solid red;*/
background: url(../images/spacer.jpg) repeat-y;
}

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

#footer a{
color: #FFFF80;
#font-size: 12px;
font: 12px Arial, Verdana, Helvetica, sans-serif;
}


.contentL{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
float: left;
width: 140pt;
padding-right: 15px;
text-align: left;
/*border: 1px solid green;*/
}

.contentR{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
float: left;
width: 74%;
font-size: 10pt;
/*border: 1px solid green;*/
}


.footer-t{
text-align: center;
font-size: 30px;
line-height: 1.5em;
color: #FFFFFF;
}

.heading{
font: bold 20px Arial, Verdana, Helvetica, sans-serif;
color: #9B3203;
text-align: left;
line-height: 1.5em;
padding-bottom: 15px;
}

.heading-normal{
font: 13px Arial, Verdana, Helvetica, sans-serif;
text-align: left;
line-height: 1.5em;
color: green;

}

.image, .content {
margin: 0;
display: table-cell;
vertical-align: -45%;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

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

.innerleft{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
float: left;
/*border: 1px solid green;*/
}

.glossymenu{
list-style-type: none;
margin: 0;
padding: 0 0 0 3px;
width: 145px;
}

.glossymenu li a{
font: 12px  Verdana, Helvetica, sans-serif;
color: #000;
display: block;
width: auto;
padding: 0px 0;
padding-left: 2px;
padding-bottom: 1px;
border-bottom: 1px;
border-bottom-color: #000;
border-bottom-style: solid;
text-decoration: none;
line-height: 25px; 
text-align: left; 
vertical-align: middle; 
background-color: #FABC00;
}


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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
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: 0;
left: -165px; /*position where enlarged image should offset horizontally */

}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 140px;
}
