@import "OD_reset.css";


	.ghost{display:none}
	.noresult{color:#AAA;margin:20px 0;text-align:left}
	h1 {font-size:2em;font-weight:normal;font-family:times;color:#222d53;border-bottom:2px dotted #DDD;margin-bottom:20px}
	h2 {font-size:1.4em;font-weight:normal;font-family:times;color:#222d53;margin:10px 0 5px;}
	a{color:#0040a9;text-decoration:none;font-size:1em}
	a:hover{text-decoration:underline;}
	
	#content ul {padding:10px 0}
	#content li {list-style-type: disc;margin-left:2em;padding:1px 0}


HTML{ 
	height:100%; 
	font-family:verdana,  sans-serif;
	}

BODY{
	height:100%;
	vertical-align:top;
	background:url('/images/background_colour.jpg') #14192a;
	}

#top{
	width: 900px;
	margin: 0 auto;
	background:url('/images/background_top.jpg') no-repeat top center #14192a;
	height:43px;
	}	
#container{
	margin: -15px auto 0;	
	width: 900px;
	color:#000;
	background:url('/images/background_main.jpg') repeat-y top center;
	}	
#header{text-align:left;padding:5px;margin:0px 50px 10px;height:130px;background:url('/images/header.png') no-repeat bottom center;}
#header img {float:left;margin-right:22px}
#header #quote {font-weight:bold;font-family:arial;color:#21273D}

#nav{
	background:;
	float:left;
	width:180px;
	padding-bottom:40px;
	margin-top:-35px;
	margin-left:50px;
	background:url('/images/nav_bottom.png') no-repeat	bottom left;
	}
	#nav ul{}
	#nav li{}
	#nav li a{
			display:block;
			font-size:1em;
			font-family:arial;
			padding:2px 10px 2px 10px;
			text-decoration:none;
			color:#333;
			}
	#nav li a:hover{color:#222;background:#DDD}
	#nav .active a{color:#EEE;background:#31394F;}
	#nav .active a:hover{color:#EEE;background:#31394F;}

#content{float:right;width:580px;font-size:0.9em;margin-top:-30px;margin-right:70px;min-height:250px;padding-bottom:20px;}

#footer{
	width: 900px;
	margin: 0 auto;
	background:url('/images/background_footer.jpg') no-repeat top center #14192a;
	padding:20px 0 0 0;
	text-align:left;
	font-size:0.6em;
	color:#55638c
	}
	#footer div{margin:0 60px;text-align:right}
	#footer b{color:#777;}
	#footer b{color:#777;}
	#footer a{color:#656565;}
	#footer a:hover{color:#444;text-decoration:none;}
	
#bottom{
	width: 900px;
	margin: 0 auto;
	background:url('/images/background_footerbottom.jpg') no-repeat top center #14192a;
	height:137px;
	padding-top:23px;
	text-align:center;
	font-size:0.6em;
	color:#55638c
	}	
	
	#contact table{width:100%}
	#contact th{color:#222d53;font-weight:normal;text-align:left;padding-bottom:10px;font-size:1.2em}
	#contact td{padding-bottom:5px}
	#contact td.leftcol {width:170px}
	#contact input,select {width:170px}
	#contact textarea{width:100%;height:200px;border:1px solid #7798BF}
	
	.paddedtable td{padding:2px}

#announcement{ border:1px solid #FF8A00;padding:5px;margin-bottom:10px;background:#FFF0DF;font-size:0.8em}
#feedback{ border:1px solid #00ff36;padding:5px;margin-bottom:10px;background:#e9ffee;font-size:0.8em}
#error{ border:1px solid #ff0000;padding:5px;margin-bottom:10px;background:#ffe9e9;font-size:0.8em}	


/* Individual pages */

.indexBox{font-size:0.9em;background:#F5F5F5}
.indexBox div.inner{border:1px solid #222;padding:10px}
.indexBox div h2{
				background:#222;
				text-align:left;
				margin:-10px -10px 10px -10px;
				color:#FFF;
				font-size:1.2em;
				padding:3px 10px;
				font-family:arial;
				font-weight:bold;
				}

#indexLatest{margin-top:10px;width:285px;float:left}
#indexLatest div.inner{border-color:#23335F}
#indexLatest div h2{background-color:#21273D}

#indexCamp{margin-top:10px;width:285px;float:right}
#indexCamp div.inner{border-color:#303c66}
#indexCamp div h2{background-color:#303c66}

#indexJoin{margin-top:10px;width:285px;float:right;clear:right }
#indexJoin div.inner{border-color:#FF8A00}
#indexJoin div h2{background-color:#FF6000}