* {	margin:0;	padding:0;}		
body {	background: #222 url(images/jackback_2.png) repeat-x fixed top center;	text-align:center;	font-size: .8em;	font-family: "trebuchet ms", verdana, sans-serif;	color: #222;	}
#wrapper { margin-top:20px;}
#container{	width:700px;	margin:auto;	padding-bottom:20px;}
/* basic styles */
h1,h2,h3,h4,h5,h6{	margin:10px 0px 0px 0px;	color:#222;}
h1{ font-size:200%;}
h2{ font-size:150%;}
h3{ font-size:120%;}
h4{ font-size:100%;}
h5{ font-size:90%; }
h6{ font-size:70%;}
del{ color:#999; }
acronym{	/*border-bottom:1px dotted #222;*/	border:none;	background:url(images/dottedborder_dark.gif) repeat-x bottom center;	padding-bottom:1px;	cursor:help;}
hr{	width:100%;	border:0;	margin:5px 0px !important;	margin:2px 0px 5px 0px;	height:1px;	color:#777;	background-color:#777;}
a{	color:#333300;	text-decoration:none;}
a:hover{	color:#996600;	text-decoration:underline;}
a:visited{	color:#996600;	/*text-decoration:underline;*/}
p{	line-height:20px;	margin:5px 0px 15px 0px;}
.noborder{	border:0;}
#content ul{	margin:0px;	padding:0px 10px 5px 15px;	list-style-type:none;}
#content ol{	margin:0px;	padding:0px 10px 5px 33px;}
#content ul li{	padding-bottom:7px;	background:transparent url(images/arrow.gif) no-repeat 0px 5px;	padding-left:10px;}
#content ol li{	padding-bottom:7px;}
#content ul li ul{	margin:8px 0px -7px 0px;}
/* floats, positioning, and widths */
.floatleft{	float:left;}
.floatright{	float:right;}
.w50{	width:50%;}
.floatleft p{	padding:0px 10px 0px 0px;}
.floatright p{	padding:0px 0px 0px 10px;}
/* rounded corners */
/*.tl{background:#222 url(images/corners/tl.gif) no-repeat top left;}
.tr{background:transparent url(images/corners/tr.gif) no-repeat top right;}
.br{background:transparent url(images/corners/br.gif) no-repeat bottom right;}
.bl{background:transparent url(images/corners/bl.gif) no-repeat bottom left;}*/
/*IE issue bottom corners were called up before the top two corners. If we were to do this the other way round, that is call up the top corners first, some parts of the orange background colour sneak out under the bottom curves causing a rather unsightly effect.*/
.bl{background:url(images/corners/bl.gif) 0 100% no-repeat #222;}
.br{background:url(images/corners/br.gif) 100% 100% no-repeat; }
.tl{background:url(images/corners/tl.gif) 0 0 no-repeat; }
.tr{background:url(images/corners/tr.gif) 100% 0 no-repeat; padding:7px; }
.clear {font-size: 1px; height: 1px}
/* blockquote */
blockquote {  min-height:35px;  width:100%;  display:block;  margin:5px auto;  background: transparent url(images/blockquote/quote_open.png) left top no-repeat;}
blockquote div {  padding: 0;  background: transparent url(images/blockquote/quote_close.png) right bottom no-repeat;  color:#222;  font-size:.9em;  padding-top:5px;  display:block;}
blockquote p{	margin:0 10px 0 0;	font-size: 120%;	padding:10px;}
/* very top curve-alter top to be this section and make container spread through container/content id  */
#topcurve{	background:url(images/container_top_beige.gif) no-repeat; width:700px; height:9px; margin:0; padding:0;}
*html #topcurve{overflow:hidden;}/*for IE6 to remove gap at top and bottom of page*/
#top{	background:url(images/contentbg_beige.gif) repeat-y; width:700px;}
/* very bottom curve */
#bottom{	background:url(images/container_bot_beige.gif) no-repeat; width:700px; height:9px;}
* html #bottom{	margin-top:-4px;}
/* header */
#header{	width:680px;	height:182px;	margin:auto;	background:url(images/headers/jacknife_round.jpg) no-repeat top center;	text-align:left;}
#title{	margin-top:130px;	margin-left:13px;	position:absolute;	color:#fff;	background-color:transparent;}
/* menubar */
.nav{	height:40px;	color:#f3f0e8;	width:680px;	margin:auto;	text-align:left;	font-size:100%;	font-weight:bold;}
.nav2{	height:40px;}
#slogan{	position:absolute;	margin:11px 0px 0px 15px;	font-size:120%;}
#navdiv{	text-align:right;}
#navlist{	list-style-type:none;	margin:0px;	padding:13px 8px 0px 0px;}
#navlist li{	display:inline;}
#navlist li a{	color:#f3f0e8;	font-weight:bold;	text-decoration:none;	height:40px;	padding:8px 6px 9px 6px;}
#navlist li a:hover{	color:#bfbfbf;}
/* content */
#content{	min-height:400px;	width:680px;	margin:auto;	color:#222;	text-align:left;}
* html #content{	min-height:400px;	height:auto !important;	height:400px;}
#left{	width:470px;	float:left;	padding:10px 5px 20px 5px;}
* html #left{	padding-top:20px;}
/* sidebar */
#right{	width:190px;	float:right;	padding:20px 5px 20px 0;}
* html #right{	padding-top:30px;}
#right .sideitem{	margin-bottom:25px;}
#right .sideitem h4{	width:100%;	font-size:95%;	background:url(images/dottedborder.gif) repeat-x bottom center;	padding-bottom:3px;	margin-bottom:13px;}
#right .sideitem p{	font-size: 90%;	padding:0 10px 0 0;}
/* footer */
.footer{	height:30px;	width:680px;	margin:auto;	color:#f3f0e8;	text-align:left;	clear:both;}
.footer div{	height:30px;}#copyright{	text-align:left;	float:left;	padding:8px;	margin-top:0px !important;	margin-bottom:-16px;}
.redfont{color:#800000}