@import url(reset.css);

/* normal tags */

body{
	background: #000 url(../_img/bg.png) fixed center top;
	color:#000;
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}

A {
	color: #900;
	font: normal 1em/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
}

A:hover {
	color: #060;
	font: normal 1em/100% Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

H1 {
	color:#060;
	font: bold 150%/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
}


H2 {
	color: #900;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
}

H3 {
	color:#000;
	font: bold 120%/100% Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

H4 {
	color: #C60;
	font: normal 100%/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
}

ul {
	font: normal 1em/100% Arial, Helvetica, sans-serif;
}

li {
	background:url(../_images/pointer_l.gif) no-repeat 0 4px;
	list-style:none;
	padding: 0 0 0 10px;
}

	* html li { background-position: 0 5px;}
	*+html li {	background-position: 0 5px;}

p {
	color:#666;
	font: normal 1em/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* Theme */
#centerEverything {
	border: 0;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	width:744px;
}

	#masterContainer {
		border: 0;
		float: left;
		margin: 0 0 0 -1px;
		padding: 0;
		width: 744px;
	}
	
		#toc {
			background: #FFF url(../_img/header.png) no-repeat 0 0;
			border: 0;
			color: #900; 
			float: left;
			font: bold 1em Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0 10px;
			width: 724px;
		
		}
		
			#toc ul {
				float: right;
				list-style:none;
			}
			
			#toc li {
				background: none;
				display:inline;
				padding: 0;
			}
			
			#toc a{
				color:#900;
				font: bold 1em Arial, Helvetica, sans-serif;
				padding: 0;
				text-decoration: none;
			}
			
				#toc a span{
					color:#900;
					float: left;
					height: 34px;
					padding: 5px 10px 0 10px;
					text-decoration: none;
				}
				
				#toc a span.on{
					background: url(../_img/tocOver.png) no-repeat center -39px !important;
					color:#900  !important;
					height: 34px;
					padding: 5px 10px 0 10px;
					text-decoration: none  !important;
				}
				
			#toc a:hover span{
				background: url(../_img/tocOver.png) no-repeat center top;
				color:#060;
				height: 34px;
				padding: 5px 10px 0 10px;
				text-decoration: none;
			}
			
		#header{
			background: #FFF url(../_img/header.png) no-repeat 0 -39px;
			border: 0;
			float:left;
			height:163px;
			margin: 0;
			padding: 0;
			width: 744px;
		}
		
			#header h1{
				text-indent: -9999em;
			}
			
			#header h1 a{
				display: block;
				height: 70px;
				overflow: hidden;
				text-indent: -9999em;
				width: 554px;
			}
			
			#header h2{
				text-indent: -9999em;
			}
		
		#TextArea{
			border: 0;
			float:left;
			margin: 0;
			padding: 5px 10px;
			width:724px;
		}
		
			#TextArea.col{
				background: #fff url(../_img/ColDiv.png) repeat-y 0 0;
				padding: 5px 0;
				width:744px;
			}
		
		#TextArea #Col01, #TextArea #Col02, #TextArea #Col03{
			border: 0;
			float:left;
			margin: 0;
			padding: 5px 7px;
			width: 234px;
		}
		
			#TextArea #Col01 h2, #TextArea #Col02 h2, #TextArea #Col03 h2{ 
				font: bold 1em/100% Arial, Helvetica, sans-serif; 
				margin: 0 0 10px 0; 
				padding: 0;
			}

				#TextArea #Col01 h2, #TextArea #Col03 h2{color: #060;}
				#TextArea #Col02 h2{color: #900;}
	
			#TextArea #Col01 p, #TextArea #Col02 p, #TextArea #Col03 p{
				font: normal 1em/150% Arial, Helvetica, sans-serif;
				margin: 0 0 10px 0; 
				padding: 0;
			}
	
				#TextArea #Col01 p, #TextArea #Col03 p{color: #666;}
				#TextArea #Col02 p{color: #666;}
	
		#ftoc {
			border: #060 solid;
			border-width: 1px 0 0 0;
			float: left;
			font: normal 1em Arial, Helvetica, sans-serif;
			margin: 10px 0 0 0;
			padding: 5px 168px ;
			width: 408px;
		
		}
		
			#ftoc ul {
				list-style: none;
			}
			
			#ftoc li {
				background: none;
				display: inline;
				padding: 0 10px;
			}
			
			#ftoc a{
				text-decoration: none;
			}
			
			#ftoc a:hover{
				text-decoration: underline;
			}
			
			
		
		
		#Foot{
			border: 0;
			float: left;
			margin: 0;
			padding: 0;
			width: 744px;
		}
		
		#credit{
			border: 0;
			float: left;
			font: normal 10px Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0 10px;
			width: 724px;
		}
		
			#credit p{
				margin: 0;
				padding: 0;
				text-align: right;
			}
			

