body {

	margin: 0 10% 0 10%;
	padding: 0;
	font-size: 14px;
	background-color: #FFF;
}

#mainTable {

	margin: 0 auto;
	border: 1px solid #000;
	/*/*/line-height: 1.5em; /* */
}
#mainTable td {
	padding: 10px;/*Pads each table cell in modern browsers*/
}
#maincontent {
width:90%; /*used to be 100%*/
	padding-top:10px;
	border-left: 2px dotted #333;
	font-size: 14px;
	/*/*/font-size: 100%; /* */
}
#sidebar {
background: #f0e7d7;
padding-top:10px;
	width: 200px; /*used to be 200px this is where the main menu is*/
	font-size: 12px;
	/*/*/font-size: 85%; /* */

}
#header {
margin:0px;
padding:0px;
height:100px;
	background-color: #333333;
	color: #CCCCCC;
	/*background-image: url(csst_bg.gif);*/
	background-image:url('images/tdsk2008header.jpg');
background-repeat:repeat-x;

}
#footer {
	background-color: #333333;
	color: #CCCCCC;
	/*
	background-image: url(csst_bg.gif);
*/
margin:0px;
padding:0px;
height:10px;
}

td, p, ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font: normal normal normal 100% serif;
}
h1:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h2:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h1 { font-size: 160%; }
h2 { font-size: 140%; }

#sidebar a {
	/*/*/padding: 3px;
	display: block;
	border: 2px dotted #CCC;
	text-decoration: none;
	line-height: 1em;
	width: 160px; /* */
}
#sidebar a:link, #sidebar a:visited {
	color: #666;
}
#sidebar a:hover, #sidebar a:active {
	color: #FFFFFF;
	background-color: #CC0000;
	border: 2px solid #000;
}
#current a {
	color: #FFFFFF !important;
	/*/*/background-color: #999999!important;
	border: 2px dotted #999 !important; /* */
}
#sidebar ul {
	/*/*/padding-left: 1em;
	list-style-type: none;
	margin-left: 1em; /* */
	
}

#sidebar li {
	/*/*/margin: 0px 0px 6px 0px; /* */
}
#n4shell {
/* Happy hunting. This rule will allow you to create an outer border around the layout table in netscape 4. Wrap the entire table inside a div and assign to the div this id */
	border: 1px solid #000;
	/*/*/border: 0; /* */
}
/*---------------------------------------------------------------------------------------------------------------*/
/*###############################################################################################################*/
/************************Copyright***************************/
#copyright{
text-align: center;	
background-image:url('images/tdskbg.jpg');
background-repeat:repeat-x;
	
	}
#copyright p {
color:white;
font-weight:bold;
margin: 0px;	
	
	}
	/****************Main Logo at Center of Content Page**************************/

#mainlogo {

margin:0px;	
padding:0px;
/*
position:absolute;
*/
left:40%;
top:150px;
text-align:center;
	}

#mainlogo img {
z-index:1;	
}
#mainlogo p{
text-align:center;	
	
	
}

/*********************************frame for the images padding and a little border************************/	
.imgframes {
padding: 5px;
border-right: solid 2px #CCCCCC;
border-bottom: solid 2px #BEBEBE;
}	
/*************************************************flags**************************/
#flags{
	margin:0px;
	padding-top:2px;
	
}

/********************************************************************************************************************/
#layoutcontrol{

border:thin;
border-style:dashed;
}
#layoutcontrol ul li{
font-size:10px;	
margin:0px;
padding:0px;	

}

/*-------------------------------- Main Menu --------------------------- */
#navcontainer 
{

background: #f0e7d7;
width: 105%; /*used to be 100%*/
margin: 0 auto;
padding: 1em 0;
font-family: georgia, serif;
font-size: 13px;
text-align: center;
/*text-transform: lowercase;*/

}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 80%; /*Original width:70%;*/
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;/*#800000;*/
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

/************************CSS Iframe***************************/

#iframe
	{
	position:relative;
	margin-left:0%;
	padding:20px;
		overflow:auto;
		width:550px;
		height:400px;
		border-style:solid;
		border:medium;
		border-color:black;
		
	}
#iframe2
	{
	margin-left:0%;
	padding:0%;
		overflow:auto;
		width:400px;
		height:550px;
		border-style:solid;
		border:medium;
		border-color:gray;
		float:left;
	}
	
	#iframe3
	{
	margin-left:2%;
	padding:0p%;
		overflow:auto;
		margin-top: 5%;
		width:240px;
		height:420px;
		border-style:solid;
		border:medium;
		border-color:gray;
	float:left;
	}
	
	.clear{
	
	clear:both;
}

		
	#funakoshi1 img{
	
	float: right; 
	margin-left: .5em;
	width:164px;
	height:250px; 
	
	}

/******************Space from the left side*******************/
.leftmargin{
	margin-left:20px;
	
}
#standout{
	
	font-style:italic;
	font-weight:bold;
	font-size:large;
}
.centered{
	text-align:center;
}
.leftmarginstandout{
	margin-left:20px;
	border-style:solid;
	border-bottom-color:gray;
	border:medium;
	width:250px;
	text-align:center;
}

.transparency {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 50;

	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.75;
}
.notransparency{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;

}

#instructors{
height:600px;
width:388px;
background-image:url('images/tn2_IMG_0039.jpg');
background-attachment:scroll;
background-position:center;
background-repeat:no-repeat;
text-align:center;
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}
#instructorslayer{
	
	position:relative;
	z-index:3;
}

.centereddivs{
padding:0px;
	margin-left:35%;
	margin-top:2%;
}

#instructorsimage{
padding:0px;
margin:0px;	
position:absolute; 
font-size:50px; 
z-index:2;
}

#instructorsparagraph
{
	
position:relative; 
padding-top:0px; 
padding-left:5px; 
color:red; 
font-size:80px; 
z-index:1;
}


/********************************/
input.errorbutton{
	
color:#050;
font-family:'trebuchet ms',helvetica,sans-serif;
font-size:84%;
font-weight:bold;
vertical-align: middle;
	
}

.events{
	font-size:large;
	font-weight:bolder;
	color:gray;
	margin-left:20px;
	margin-top:20px;
	
}
.events ul li a{
	color:black;
	
}

.events ul li a:hover{
	color:#800000;
	
}

#mainheading{
	
	text-align:center;
}
/*********************************Training*********************************************/
.studyguide li{
color:#000000;
}
.studyguide ol li{
color: #808080;
}
/****************************************Traning Menu***********************************/
#tabsH {
      float:left;
      width:100%;
      background:#000;
      font-size:93%;
      line-height:normal;
      }
    #tabsH ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("images/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("images/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }

        #tabsH #current a {
                background-position:0% -42px;
        }
        #tabsH #current a span {
                background-position:100% -42px;
        }
		
		/******************************NO IMages*************************************************/		
#noimage{
text-align:center;
}		

/*#########################################Tooltips######################################################*/

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
    
    
/*###########################################More Tooltips with images#########################################*/


.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: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}    

.pollresults{
	font-size:large;
	font-weight:bold;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Halloween%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*
#witch{
	position: absolute; 
	width: 101px; 
	height: 75px; 
	z-index: 1; 
	left: 86px; 
	top: 300px;
	background-image:url('images/halloween/witch.gif');
}

#ghost{
	position: absolute; 
	width: 178px; 
	height: 167px; 
	z-index: 1; 
	left: 523px; 
	top: 520px;
	background-image:url('images/halloween/ghost.gif');
}

.graveyard{
/*
	position: absolute; 
	width: 178px; 
	height: 167px; 
	z-index: 1; 
	left: 523px; 
	top: 520px;
	*/
/*	
	background-image:url('images/halloween/halloweenscene1.gif');
	background-position:right;
	background-repeat:no-repeat;
	

}
*/