@charset "utf-8";
/* CSS Document */
	body {
		background:#666 url(../img/bodybg.png) top center repeat-y;
		margin: 0px;
		padding: 0px;
		font-family: Arial, Verdana;
		font-size: 11px;
	}
	
	a{
		text-decoration: none;
		font-weight: bold;
	}
	
	a:hover{
		text-decoration: underline;
	}
	
	div#wrapper{
		margin:0;
		padding:0;
		background: url(../img/roundlower.png) bottom left no-repeat;
	}
	
	div#wrapper2{
		width:983px;
		margin:0 auto;
		padding:0;
		/*background: url(../img/rightbg.png) top right repeat-x;*/
		background-color:#C00;
	}
	
	div#header {
		text-align: center;
		background-color: #999;
		height: 150px;
		width:983px;
		margin: 0px;
		padding:0;
	}
	
	div#navcol{
		position:relative;
		background:#FFF;
		padding:0;
		margin: 0 0 130px;
		width: 160px;
		float: left;
		min-height:500px;
		height: auto !important;
		height: 500px;
		z-index: 1;
	}
	
	div#navcol ul#nav{
		text-align:center;
		margin:0;
		padding:0;
		list-style:none;
		font-size:12px;
		font-weight:bold;
		border-bottom:#999 1px solid;
	}
	
	div#navcol ul#navIEfix{
		text-align:center;
		margin:0 0 10px 0;
		padding:0;
		list-style:none;
		font-size:1px;
		font-weight:bold;
		border-bottom:#FFF 1px solid;
	}
	
	div#navcol ul#nav li{
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
		padding: 4px 0.2em 2px 0.2em;
		margin:0;
		/* border-top:#999 1px solid;
		border-bottom:#999 1px solid; */
		background:url(../img/navbg.png);
	}
	
	div#navcol ul#nav li.main{
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
		padding: 4px 0.2em 2px 0.2em;
		margin:0;
		/* border-top:#999 1px solid;
		border-bottom:#999 1px solid; */
		background:url(../img/navbg.png) !important;
	}
	
	div#navcol ul#nav li.others a, div#navcol ul#nav li.main a, div#navcol ul#nav li a{
		background: transparent !important;
	}
	
	div#navcol ul#nav li.others{
		background-color:#EEE;
		background:url(../img/navbg2.png);
	}
	
	div#navcol ul#nav li:hover{
		background-color: #B22;
		color:#000;
	}
	
	div#navcol ul#nav li.submenu:hover{
		background-color: #E60;
		padding:4px 0;
	}
	
	div#navcol ul#nav li:hover ul{
		display:block;
	}
	
	div#navcol ul#nav li ul{
		margin:0;
		padding:0;
		width:100%;
		display: none;
		font-size:12px;
	}
	
	div#navcol ul#nav li ul li{
		list-style:none;
		margin:0;
		padding:2px 4px;
	}
	
	div#navcol ul#nav li ul li a{
		display:block;
		width:100%;
		color:#000000;
		text-decoration:none;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	div#navcol ul#nav li ul li a:hover{
		color:#900;
	}
	
	div#navcol ul#nav li.whitebg{
		text-align:center;
		border-top:none;
		margin-left:5px;
		padding-top: 0px;
		padding-bottom:10px;
		background:#FFF;
	}
	
	div#navcol ul#nav li.whitebg:hover{
		background-color: #FFF;
	}
	
	div#navcol ul#nav li a{
		display:block;
		width:100%;
		color:#000000;
		text-decoration:none;
	}
	
	div#navcol ul#nav li a:hover{
		color:#900;
	}
	
	div#navcol p{
		margin:1em 0 0 5px;
		padding: 0 2em;
	}
	
	div#main {
		position:relative;
		padding: 1em;
		min-height:770px;
		height: auto !important;
		height: 770px;
		margin-left: 160px;
		margin-right: 190px;
		border-left:#999 1px solid;
		border-right:#FFF 1px solid;
		background:#FFF;
		width:auto;
		font-family:Arial;
		font-size:12px;
		
	}
	
	/*div#main:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}*/

	div#main h2{
		margin:0;
		padding:0.2em 0.3em;
		font-size:1.8em;
		font-family:Arial;
		font-weight:bold;
		color:#E60;
		border: 1px #999 solid;
		background:url(../img/mainheaderbg.png);
	}
	
	div#main h2 a, div#main h2 a:visited{
		color:#E60;
	}
	
	div#main h2 a:hover{
		text-decoration:none;
	}
	
	div#main h2 p{
		margin: 0;
		padding:0;
		color:#600;
		font-size:40%;
	}
	
	div#main h3{
		color:#FFF;
		padding:0.1em 0.5em;
		background:url(../img/mainsubheaderbg.png);
		margin-top:2em;
		margin-bottom: 0;
		border:#A60 1px solid;
	}
	
	div#main ul#boardTopics{
		padding:0;
		margin:0;
		font-size:11px;
	}
	
	div#main ul#boardTopics li{
		/*list-style:url(../img/cat.gif) inside;*/
		list-style:none;
		padding: 0.6em;
		background-color:#F6F6F6;
		border-right:#999 1px solid;
		border-bottom:#999 1px solid;
		border-left:#999 1px solid;
	}
	
	div#main ul#boardTopics li.upcoming a{
		color:#060;
	}
	
	div#main ul#updates{
		padding-left:2em;
	}
	
	div#main p#locator{
		margin: 0;
		border-right:#AAA 1px solid;
		border-bottom:#AAA 1px solid;
		border-left:#AAA 1px solid;
		background:url(../img/mainheaderbg.png);
		font-size: 90%;
		padding: 0.5em;
	}
	
	div#main p{
		padding: 0.5em;
	}
	
	div#main p#mainfooter{
		clear:both;
		margin: 4em 0 0;
		padding: 0.5em;
		font-size:11px;
		border:#AAA 1px solid;
		background:url(../img/mainheaderbg.png);
	}
	
	div#main p#clear{
		position:static;
		clear:both;
		margin-top:5em;
	}
	
	div#main a{
		color:#600;
		font-weight:bold;
		text-decoration:none;
	}
	
	div#main a:hover{
		text-decoration:underline;
	}
	
	div#main a:visited{
		color:#900;
	}
	
	div#main h4{
		margin-bottom: 1.5em;
		border-bottom:1px #000 solid;
		padding-bottom: 0.5em;
	}
	
	div#main ul#subBoards li{
		list-style:square;
	}
	
	div#main table th{
		margin:1em 0;
		padding:0.3em 1em;
		font-size:12px;
		color:#FFF;
		background:url(../img/mainsubheaderbg.png);
		text-align:left;
	}
	
	div#main table tr td table tr td{
		padding:0.5em;
		border-bottom:#900 2px solid;
	}
	
	div#main div{
		margin: 0;
		padding:0;
	}
	
	div#main table{
		margin:0;
		padding:0;
		width:100%;
	}
	
	div#main table td{
		vertical-align:top;
		padding:0 0.75em;		
	}
	
	div#main tr.rowbg{
		background-color:#EEE;
	}
	
	div#main tr.altrowbg{
		background-color:#D8D8D8;
	}
	
	div#main tr.altrowbg td, div#main tr.rowbg td{
		vertical-align:middle;
	}
	
	div#main h3#comment{
		color:#000;
		background:none;
		margin:0.2em 0;
		width:100%;
		font-size:100%;
		padding:0;
		font-weight:normal;
		border:0;
	}
	
	div#main p#comment{
		margin-top:0.2em;
		padding-top:0.1em;
	}
	
	div#main div#topicBlock, div#main div#topicBlock2{
		font-size:11px;
		border:1px solid #999;
		margin:1em 0;
		background:#F6F6F6;
	}
	
	div#main div#topicBlock2{
		background: #FFF;
		border: 0;
	}
	
	div#main div#topicBlock h3, div#main div#topicBlock2 h3{
		color:#D50;
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		margin:0;
		width:auto;
		background:url(../img/titlebg.png) !important;
		padding:0.5em;
		border:0;
		border-bottom:1px solid #CCC;
	}
	
	div#main div#topicBlock2 h3{
		margin-top: 2em;
		font-size: 14px;
		border:1px solid #CCC;
	}
	
	div#main div#topicBlock h3 span, div#main div#topicBlock2 h3 span{
		font-size:85%;
		color:#000;
		font-weight:normal;
	}
	
	div#main div#photocap span{
		display:block;
	}
	
	div#main div#topicBlock p{
		margin:0.2em;
	}
	
	div#sidecol {
		position:static;
		font-family:Verdana;
		font-size:11px;
		padding: 0;
		width: 190px;
		float: right;
		/*background:url(../img/rightbg.png) repeat-x;*/
		/*background:#B00;*/
		color:#FFF;
	}
	
	div#sidecol:after{
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	/*div#sidecol {display: inline-block;}
	/* Hides from IE-mac \*/
	/** div#sidecol {height: 1%;}
	div#sidecol {display: block;}*/
	/* End hide from IE-mac */
	
	div#sidecol a{
		color:#FFF;
		text-decoration:none;
		font-weight:bold;
	}
	
	div#sidecol a.special{
		padding-left: 12px;
		background:url(../img/arrowleftwhite.gif) no-repeat;
	}
	
	div#sidecol a:hover{
		text-decoration:underline;
	}
	
	div#sidecol h2{
		font-size: 13px;
		margin:0 0 0.5em 0;
		padding: 0.2em 0.2em 0.2em 10px;
		background:url(../img/rightheader.gif) !important;
	}
	
	div#sidecol form{
		padding-left:10px;
		margin-top: 1em;
		text-align:left;
	}
	
	div#sidecol form input{
		margin: 0.2em 0;
		font-family:Geneva, Tahoma, Sans-serif;
		font-size:10px;
	}
	
	div#sidecol p, div#sidecol table{
		font-size:10px;
		margin-left:10px;
		margin-right:10px;
		margin-top:5px;	
	}
		
	div#sidecol h3{
	font-size:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	border-top:#FFF 1px solid;
	color:#DDD;
	}
	
	div#sidecol img{
		margin: 0.5em auto;
		display:block;
	}
	
	div#foot {
		width:983px;
		background-color: #999;
		text-align: center;
		margin: 0 auto;
		padding: 1em 0;
		clear: both;
	}
	
	form.format1{
		position:relative;
		padding:1em;
		margin-top:1em;

		background:#DDD;
		border-top:#600 solid 2px;
		border-bottom:#600 solid 2px;
	}

	form.format1 table tr td{
		vertical-align:top;
		font-size:10px;
	}

	form.format1 table tr th{
		padding:0.25em 0.5em 0 0;
		font-size:12px;
		vertical-align:top;
		text-align:right;
	}

	form.format1 table tr th span{
		display:block;
		
		font-size:90%;
		font-weight:normal;
		width:15em;
		margin:0;
	}
	
	form.format1 textarea{
		font-family: Tahoma;
		font-size: 11px;
	}

	form.format1 button{
		color:#FFFFFF;
		background:#600;
		border:#000 solid 1px;
	}

/***************************************************
   MESSAGE BOXES - edit only if causes cosmetic problems
 ***************************************************/ 
	div#main #success{
		font-family:Geneva, Tahoma, Sans-serif;
		font-size:11px;
		
		margin: 1em 0;
		padding: 1em 10em 1em 1em;	
		
		background: #CFC url(../img/successbg.gif) bottom right no-repeat;
		border: 1px solid #6B6;
		color: #040
	}

	div#main #errors{
		font-family:Geneva, Tahoma, Sans-serif;
		font-size:11px;

		margin: 1em 0;
		padding: 1em 10em 1em 1em;
		
		background: #FBB url(../img/errorbg.gif) bottom right no-repeat;
		border: 1px solid #B66;
		
		color: #400;
	}

	div#main #warnings{
		font-family:Geneva, Tahoma, Sans-serif;
		font-size:11px;
		
		margin: 1em 0;
		padding: 1em 10em 1em 1em;	
		
		background: #FC9 url(../img/warnbg.gif) bottom right no-repeat;	
		border: 1px solid #B63;
		
		color: #400;
	}

/***************************************************
   Debug div
 ***************************************************/ 
	#debugcontainer{
	    width: 600px;
	    text-align: left;
	    padding: 50px;
	    margin: 0px auto;
	}
	#debugtitle{
	    font-size: 10px;
	    font-family: Tahoma;
	    font-weight: bold;
	    background-color: #A00;
	    border-style: groove;
	    border-width: 1px;
	    border-color: #000;
	    color: white;
	    padding: 5px;
	}
	#debugdetails{
	    font-size: 10px;
	    font-family: Lucida Console, monospace;
	    background-color: #FFC;
	    border-style: groove;
	    border-width: 1px;
	    border-color: #000;
	    color: black;
	    padding: 5px;
	}

/************** NEW MENU **********************/
	#menu {
	width: 160px; /* set width of menu */
	background: #eee;
	} 

	#menu ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	}

	/* style, color and size links and headings to suit */
	#menu a, #menu h2 {
	font: bold 12px arial, sans-serif;
	text-align: right;
	display: block;
	border-width: 1px;
	border-style: solid;
	/* border-color: #ccc #888 #555 #bbb; */
	border-color: #999;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin: 0;
	padding: 3px 3px;
	}

	#menu h2 {
	color: #fff;
	background: #000;
	text-transform: uppercase;
	}

	#menu a {
	color: #000;
	background: #efefef;
	background:url(../img/mainheaderbg2.png);
	text-decoration: none;
	}

	#menu a:hover {
	color: #a00;
	background:url(../img/mainheaderbg2.png); /* hover image */
	}
	
	#menu li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
	} 

	#menu ul ul ul {
	position: absolute;
	top: 100%; /* position with regard to parent menu */
	left: 0%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
	z-index: 100;
	}
	
	div#menu ul ul ul,
	div#menu ul ul li:hover ul ul
	{display: none;}

	div#menu ul ul li:hover ul,
	div#menu ul ul ul li:hover ul
	{display: block;}
	
	div#menu ul li ul li ul{
	/* background: url(../img/xbg.jpg); */
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	border: 0;
	}
	
	div#menu ul li ul li ul li{
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	border: 0;
	}
	
	div#menu ul li ul li ul li a, div#menu ul li ul li ul li a:hover{
	text-align: left;
	}
	
	div#menu ul li ul li a.extralinks, div#menu ul li ul li a.extralinks:hover{
	background:url(../img/mainheaderbg.png);
	}