i {color: black;}
body {
margin: 0;
padding: 0;
line-height: 2em;
font : 80% "Trebuchet MS", "lucida sans", Arial, Helvetica, Tahoma, sans-serif;
color: #333;
background: #d5713f;
}
iframe {z-index: 0;}
/*--------------------------------------------------TOP BAR--------------------------------------------------*/
a {text-decoration: none;}
a:hover{text-decoration: none;}
a.na:hover {cursor: text;}
c {font-size: 10px;} 

#container {position: relative; margin: auto; width: 1200px; background: #fff url(images/left.jpg) top left repeat-y;}
	#top {margin: 0 auto; padding: 0px;	height: 37px; background: url(images/top.jpg) repeat-x;}
	#top ul {list-style: none; margin:0px; padding:12px 10px 0 0; font-size: 12px;}
	#top ul.left {float: left;}
	#top ul.right {float: right;}
	#top li {display: inline; padding: 0 5px 0 5px; border-left: 1px dotted #fff;}	
	#top li.first {border-left: 0px; margin-left:15px;}
	#top li.do {border-left:0px; margin:0px 100px 0 100px;}
	#top a {color: #fff;}	
	#top a.alt {color: #fffe80;}	
	#top a.inf {color: #00ff03; font-size:12px;}	
	#top a.na {color:#ffc180;}
	#top a.do {color:#80ffff; font-size:12px;}
		
	#top a:hover{color: #80ffff; text-decoration: underline;}
	#top a.na:hover {color: #ffc180;  text-decoration: none;}
	
/*--------------------------------------------------TITLE BAR--------------------------------------------------*/	
	#title {margin: 0 260px 0  200px; padding: 0px; height: 400px; min-width: 400px; background: url(images/header.jpg) center no-repeat;}
	#title  h1 {margin: 0px; padding: 90px 0px 0px 0px; font-size: 200%; text-transform: uppercase; letter-spacing: 2px;
				color: #a63800; font-weight: bolder; text-align: center;}
/*--------------------------------------------------HEADER--------------------------------------------------*/		
	#header {margin-top: -400px; padding: 0px;  min-height: 200px;	max-height: 500px; min-width:960px;}
	#header a {text-decoration: none;}
	#header a:hover {text-decoration: none; color: #044;}
	#header	#logo {cursor: pointer; margin:0px; padding: 0px; float: left; background: url(images/logo.jpg) center center no-repeat; min-height: 200px; width: 200px;}	
	#header	#menuh {margin:0; padding: 0px; display: block; float: right; width: 260px; min-height: 200px;
				background: #ff9740 url(images/menuh.jpg) repeat-y;}			
	#header	#menuh   h1{margin: 10px 60px 5px 60px; padding: 5px; font-size: 90%; letter-spacing: normal; color: #a63800; background: #ffc180;
				text-align: center; max-width: 200px; text-transform: uppercase;}
	#header	#menuh ul{margin: 5px 0 5px 0; padding: 5px 0 5px 0px; list-style: none;}
	#header	#menuh li{margin: 5px; padding: 3px 3px 3px 3px; border-bottom: 1px dotted #fafaaa; font-size: 11px;}
	#header	#menuh a:hover{color: #fafaaa; text-decoration: underline;}
	#header	#menuh li.first {border-top: 1px dotted #fafaaa; border-bottom: 1px dotted #fafaaa;}
	#header	#menuh a{color: #fffbbb;}
	#header	#menuh a.alt {color:#fffe80;}
	#header	#menuh a.do {color:#80ffff; font-size:12px;}
	#header	#menuh a.inf {color:#00ff03; font-size:12px;}
	#header	#menuh a.na {color: #ffc180;}
	#header	#menuh a.na:hover {color: #ffc180;  text-decoration: none;}
	#header	#menuh ul{margin: 0px; padding: 5px 20px 5px 20px; list-style: none;}
	#header	#menuh #search {margin: 0px; padding:0; width: 255px;}
/*--------------------------------------------------BREAD CRUMBS--------------------------------------------------*/
	#container #breadcrumbs{clear: both; height: 37px; background: url(images/breadcrumbs.jpg) repeat-x;}	
	#container #breadcrumbs ul {list-style: none; margin:0px; padding:5px 0 0 0; font-size: 16px; text-align: center;}
	#container #breadcrumbs li { display: inline; margin:0px;}
	#container #breadcrumbs a {text-decoration: none; color: #fafaaa;}
	#container #breadcrumbs a:hover{color: #80ffff; text-decoration: underline;}
	#container #breadcrumbs li.first a {margin-left: 0px; list-style: none;}		
	#container #breadcrumbs li.path { margin:0px; color: #ffe9cf; font-size: 16px;}
/*--------------------------------------------------CONTENT--------------------------------------------------*/		
	#content{margin:0; padding: 0px; background: url(images/right.jpg) right repeat-y; border-bottom: 5px  solid #ffc180;}
	
	#content i {color: black;}

/*--------------------------------------------------LEFT-BAR--------------------------------------------------*/	
		#left-bar{width: 200px;float: left; z-index: 100; vertical-align: middle;}
	/*--------------------------------------------------MENU--------------------------------------------------*/
		.menuc{z-index:10;}
		.menuc ul {padding: 0; margin-top: 10px; list-style: none; width: 200px; position:relative; float: left; text-transform: uppercase;}
		.menuc ul  li{font-size: 95%; letter-spacing: 2px;z-index:10;} 
		.menuc li { float: left; text-align: center;  z-index:10;}
		.menuc li a, .menuc li a:visited {display: block; width: 200px; text-indent:5px;  padding: 15px 0 15px 0;
		background: url(images/menuc.jpg) repeat-y;  color: #fffe80; border-bottom: 1px solid #ffc180; z-index:10;}
		.menuc li a:hover {background: url(images/focus.jpg) repeat-y;  color: #fff; z-index:10;}
		.menuc li ul {visibility: hidden; position: absolute; left: 200px; top: 0px; font-size: 95%; z-index:10;}
		.menuc li:hover {position: relative;}
		.menuc li:hover > ul {visibility: visible; margin: 10px 0 0 -25px;}
		
		.locked{ color: #f00;}
		
	/*--------------------------------------------------WEBSITES---------------------------------------------------*/
		#websites h1{margin: 0px; padding: 5px; font-size: 90%; letter-spacing: normal; color: #a63800; background: #ffc180;
				text-align: center; max-width: 200px; text-transform: uppercase;}
		#websites ul {margin:15px 0 15px 0; list-style: none; width: 195px; padding:0;}
		#websites  li { margin:0 0 0 10px; text-decoration: none; font-size:12px; color: #ffc180;} 
		#websites  ul ul  { margin: 0 0 5px 10px;} 
		#websites  ul li a {color: #fffbbb; text-decoration: underline; letter-spacing: 2px;} 
		#websites  ul li a:hover{text-decoration: underline; color: #80ffff;}
/*--------------------------------------------------RIGHT-BAR--------------------------------------------------*/
		#right-bar{width: 250px;float: right;}	
	/*--------------------------------------------------INDEX--------------------------------------------------*/
		#content #index{float: right; margin-right: 25px; padding: 0; width: 225px; background: #ffeadc; border-left: 5px  solid #ffc180; font-size:14px;}
		#content #index a {text-decoration: underline;  text-align:left;}
		#content #index a:hover{text-decoration: underline;}
		#content #index h1{margin: 0px; padding: 5px 5px 5px 10px; font-size: 14px; color: #A63800; text-align: left;}
		#content #index h1 a{	text-decoration: none;	color: #ff5600; font-size: 14px; border-bottom: 1px  dotted #c63; font-weight: bold; text-align: center;}
		#content #index h2{ margin:0px; padding: 5px 5px 5px 10px; font-size: 14px; border-bottom: 1px  dotted #c63; text-align:left; color: #a63800;}
		#content #index h2 a{text-decoration: none; text-align:left; color:#0d58a6;}
		#content #index h3{margin:0px; padding: 5px 5px 5px 25px; font-size: 12px;	border-bottom: 1px  dotted #c63; color: #a63800;}
		#content #index h3 a{text-decoration: none; color: #a63800; text-align:left;}
		#content #index .red {color: #f00;}
		/*--------------------------------------------------TOPIC--------------------------------------------------*/	
		#content #topic{z-index:1; margin:0px 250px 0px 200px; padding: 25px 5px 25px 10px; background-color: #fff; border-right: 5px  solid #ffc180; color: #333; text-align:justify; font-size:16px;}
		#content #topic h1, h2, h3, h4 { text-align:center;}				
		#block {width:100%; float: left; margin: 0 0 2% 0; z-index: 100;}
		#video {margin-left: auto;z-index: 1;}
		iframe{z-index: 1;}
		#content #topic ul{list-style-position: inside;}				
		#content #topic ol{margin:0; padding:5px;}				
		#content #topic ol{list-style-position: inside;}				
		#content #topic h1{margin: 0px; padding: 5px; color: #930; font-size: 20px; text-transform: uppercase;}
		#content #topic h2{margin: 0px; padding: 5px; color: #930; font-size: 20px;}
		#content #topic h2 a{color: #930;}
		#content #topic h3{margin: 0px; padding: 5px; color: #420; font-size: 18px; font-weight: bolder;}
		#content #topic h3.left{text-align: left;}		
		#content #topic h3 a{color: #000;}
		#content #topic h3 a:hover{text-decoration: none;}
		#content #topic h4{margin: 0px; padding: 5px; color: #420; font-size: 16px; font-weight: bolder;}
		#content #topic h5{margin: 0px; padding: 5px; color: #420; font-size: 16px; font-weight: bolder; text-align:justify;}		
		#content #topic ol li{margin-left: 30px; padding: 5px; color: #420; font-size: 16px; font-weight: bolder;}		
		#content #topic ol li ol li {margin: 0; padding: 5px; color: #420; font-size: 16px; font-weight: bolder; text-align:justify;}				
		#content #topic a {text-decoration: none; color: #0d58a6; font-weight: bolder;}
		#content #topic .red {color: #c33; font-weight: bolder;}
		#content #topic a:hover {text-decoration: none;}
		#content #topic p{margin: 0px 5px 0px 5px; text-indent: 0px; letter-spacing: 1px;font-size: 100%; vertical-align: center;}
		#content #topic p.ident{margin: 0px 5px 0px 5px; text-indent: 25px; letter-spacing: 1px;font-size: 100%; vertical-align: center;}
		#container #topic img{border: solid 2px #ccc; margin: auto; padding:0;}
		#container #topic img.eq {border-color: #fff; margin:0; padding:0;}
		#container #topic img.center {border: none; margin:0; padding:0;}
		#content #topic #gallery{margin: auto; text-align: justify; padding: 1%; font-size: 120%;}
		#content #topic #gallery a {text-decoration: none; color: #fff; font-weight: bolder;}
		#container #topic #wrap {padding:0px; text-align: center; text-indent: 1px;}
		#content #topic #wrap p {margin: 0px 5px 0px 5px; font-size: 75%;}
		p.red {color:#bf0000;}
		.tl{text-decoration: overline;}
		.ti{margin-left: -9px;}
		
		p.blank {font-size: 1%; color: #fff; margin: auto;}
		
		 .left {float: left; margin: 5px 10px 0 5px;}
		 .right {float: right; margin: 5px 5px 0 10px;}
		 .center{ margin: auto; margin-top: 5px;}
		.palette0{color: #804100; background: #fff;}
		.palette1{color: #804100; background: #ffc;}
		.palette2{color: #efefef; background: #c63;}
		
		.size10 {width:10%;}
		.size11 {width:11%;}
		.size12 {width:12%;}
		.size15 {width:15%;}		
		.size20 {width:20%;}
		.size18 {width:18%;}		
		.size21 {width:21%;}
		.size22 {width:22%;}				
		.size23 {width:23%;}		
		.size24 {width:24%;}		
		.size25 {width:25%;}		
		.size30 {width:30%;}
		.size31 {width:31%;}		
		.size32 {width:32%;}		
		.size33 {width:33%;}
		.size35 {width:35%;}
		.size40 {width:40%;}
		.size45 {width:45%;}
		.size47 {width:47%;}		
		.size50 {width:50%;}
		.size55 {width:55%;}
		.size60 {width:60%;}		
		.size65 {width:65%;}
		.size70 {width:70%;}
		.size75 {width:75%;}
		.size80 {width:80%;}
		.size85 {width:85%;}
		.size90 {width:90%;}	
		.size95 {width:95%;}
		.size99 {width:99%;}						
		.size100 {width:100%;}	
		
		#content #topic blockquote{margin: auto; padding: 5px;	border: solid 1px #ff8200;	border-left: solid 5px #c63;
								background: #ffc; color: #804100; width: 700px;}
		#content #topic pre{color: #420; font-size: 14px; letter-spacing: 2px;}
		#content #topic blockquote p {margin: 5px 5px 5px 5px;  padding: 0; color: #420; font-size: 14px; letter-spacing: 2px;}
		#content #topic table{margin: auto; border-collapse: collapse; text-align: left;	font-size: 12px; letter-spacing: 1px; max-width: 650px;}
		#content #topic table th {font-weight: bold;	padding: 12px;}
		#content #topic table th.center {text-align: center;}
		#content #topic table th.str150 {width: 150px;}
		#content #topic table th.str250 {width: 250px;}
		#content #topic td {padding: 7px;	border-right: solid 1px #c63;}
		#content #topic td.str140 {width: 140px;}
		#content #topic td.str150 {width: 150px;}
		#content #topic td.str160 {width: 160px;}		
		#content #topic td.str280 {width: 280px;}
		#content #topic table tr.rowH{color: #efefef; background: #c63;	border: solid 1px #c63;}
		#content #topic table tr.rowA{background: #fafafa; border: solid 1px #c63;	color: #420;}
		#content #topic table tr.rowB{background: #fcfccc; border: solid 1px #c63;	color: #420;}
		#content #topic table symbol {margin-left: 15px; color: #420;	font-size: 18px; text-align: center;}
		#content #topic table td.eq {border:0px}
		#content #topic td.sys {font-size:36px;}
/*--------------------------------------------------FOOTER--------------------------------------------------*/			
	#container #footer{clear: both; margin: 0; height: 100px; background: #058 url('images/footer.jpg') repeat-x;
						border-top: 5px  solid #ffc180;}
	#container #footer h1{padding-top:45px;	text-align: center;	font-size:11px;	color: #fff;}