/* ------------------------------Main CSS--------------------------- */

body{
margin:0;
padding:0;
line-height: 1.3em;
background-color: #333333;
}

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

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

#topsection{
background: #EAEAEA;
height: auto; /*Height of top section*/
}

#topsection .banner{
width: 100%;
height: 80px;
background-image: url(banner_bg.gif);
background-repeat: repeat;
}

#topsection .banner img{
border: none;
}

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

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

#contentcolumn{
padding-top: 15px;
margin-right: 405px; /*Set right margin to RightColumnWidth*/
}

#contentcolumn2{
padding-top: 15px;
}

#rightcolumn{
padding-top: 15px;
float: left;
width: 405px; /*Width of right column*/
margin-left: -405px; /*Set left margin to -(RightColumnWidth) */
}

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

#footer a{
color: #FFFF80;
}

/* --------------------------------------Extra-------------------------------------- */
.boxme{
width: 97%;
padding: 8px;
border: solid 1px gray;
background: #FDE95E;
}
.boxme2{
width: 97%;
padding: 8px;
border: solid 2px gray;
}
.innertube{
margin: 8px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* --------------------------------------THUMBNAIL CSS-------------------------------------- */
.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: -100px;
	left: 200px; /*position where enlarged image should offset horizontally */
}

/* --------------------------------------THUMBNAIL 2 CSS-------------------------------------- */
.thumbnail2 {
	position: relative;
	z-index: 0;
}
.thumbnail2:hover {
	background-color: transparent;
	z-index: 50;
}
.thumbnail2 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;
}
.thumbnail2 span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.thumbnail2:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -300px;
	left: -200px; /*position where enlarged image should offset horizontally */
}

/* -----------------------------------------TAB CSS----------------------------------------------- */

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}