body {background: #efefef; padding: 0; margin:10px; font-family: arial, helvetica, sans-serif; }
p{ font-family: arial, helvetica, sans-serif; font-size: 12px; color: #fff;}
.wrapper{width: 760px; margin:0 auto;}

h1 {margin:0 20px 0 0 ; padding:0; color:#fff; font-size:22px; border-bottom: 1px solid #1A76A3; clear:both; position:relative;}
h1 span {border-bottom: 1px solid #cdcdcd;}
h2 {font-size:15px; padding: 0; color: #fff;}
h2 span {border-bottom: 1px solid #99CC33; padding: 0 0 2px;}
h4{margin:0; padding:0; font: bold 11px/100% arial, helvetica, verdana, sans-serif; color:#666;}

a { color: #009;}
a:hover {text-decoration: underline; color: #900;}
.content img {padding:5px; margin:5px; border: 1px solid #ccc;}

#header {background: url(../images/stripe-bg.gif) center repeat-x; display:block; clear:both; height:92px;}
.screen{background: #069 url(../images/triangle-bg.gif) center no-repeat; border: 2px solid #333; padding:10px; margin:10px 0;min-height:450px;}
.screen p{font-weight:bold; line-height:150%;}

#nav {width:150px;  float:right; border-right: 1px solid #000; border-top: 1px solid #000; padding: 0; margin-bottom:1em; font-family: Helvetica, Arial, sans-serif; background-color:#069; color:#333;}
	#nav ul {list-style: none; margin:0; padding:0; border:none; font-size:13px;}
	#nav li {margin:0; padding:0;}
	#nav li.topimage{text-align:center; line-height:25px; background: #069 url(../images/menu.gif) center no-repeat; margin-left:15px;}
	#nav li a{display:block; width:100%; padding:4px; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4;	background-color: #2175bc; color: #fff; text-decoration:none; font-weight:bold; margin:0;}
	#nav li.head {display:block; width:100%; padding:4px; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4;	background-color: #2175bc; color: #fff; text-decoration: none; font-weight:bold; margin:0;}
	#nav li a:hover {border-left:10px solid #1c64d1; border-right:10px solid #5ba3e0; background-color:#2586d7; color:#fff;}
	#nav ul li.sub a{display: block; width:135px; padding:4px; border-left: 25px solid #1958b7; border-right: 10px solid #508fc4;	background-color: #2175bc; color: #fff; text-decoration: none; font-weight:bold; margin:0; font-size:11px;}
	#nav ul li.sub a:hover {border-left: 25px solid #1c64d1; border-right: 10px solid #5ba3e0;	background-color: #2586d7; color: #fff;}
	/*ie work arounds due to boxmodel challenges mean all other browsers get
	 the wrong info - here's the right info to correct
	 it - and ie dosn't understand this - it should - but lets exploit their ignorance to make up 
	 for their incompetance shall we?*/
	 html>body #nav{width:175px;}
	 html>body #nav li.head{width:auto;}
	 html>body #nav ul li.sub a {width:auto;}	
	 html>body #nav li a {width:auto;}
	
ul.norman{list-style:none; color:#fff; font-size:11px; margin:0px; padding:0px;} 
ol { color:#fff; font-size:11px; margin:0px; padding:0px;} 
ul.norman li {padding:1px; margin:1px 1px 1px 40px; list-style: square url(../images/bullet.gif) outside;}
ol li{padding:1px; margin: 1px 1px 1px 40px; }
ul.norman li a, ol li a{padding:1px; color:#fff;margin:1px; text-decoration:none;}
ul.norman li a:hover, ol li a:hover{padding:1px; color:#ccc; margin:0px; border:1px solid #ccc; text-decoration:none;}
	
.outtercontent{display:block; clear:both; height:100%;}
.content {width:550px; float:left;}

#footer{displap:block; height:85px; background: url(../images/mst3kguys.gif) bottom repeat-x; padding:0px;}

div.center{text-align:center; width:100%;}

strong {color: #555;}
br {clear: both;}