/* Reset */

html,body,div,dt,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	padding:0px 25px 0px;
	list-style:square;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	font-weight:normal;
}



/* Misc  */

html{
}

body {
color:black;
background:url('/images/site/background_top.png') top left repeat-x #FFF;
margin:0px;
height:100%;
font-family:verdana;
text-align:center;
}

table, td, tr, div, blockquote, h1, h2, h3, img, li, form{border:0px;margin:0px;padding:0px;}
table{border-collapse:collapse;font-size:1em}
td{vertical-align:top;}

/* Styles */

h1{font-family:arial;color:#FF0000;font-size:2em;margin:40px 0 12px;}
h2{font-family:arial;color:#555;font-size:1.5em;margin:40px 0 12px}
h3{font-family:arial;color:#ff0000;font-size:1.3em;margin:10px 0 1px;padding:0px;font-weight:normal}

h1.top,h2.top,h3.top{margin-top:0px}

a{color:#ff0000;text-decoration:none}
a:hover{color:#222;text-decoration:underline}

input.text, textarea {width:200px;border:1px solid #AAA;padding:2px}
textarea{padding:0px;font-family:verdana;font-size:1em}
small {font-size:0.7em;color:#888}
.contactform td{vertical-align:middle}

.ghost{display:none;}
.points{border:1px solid #DDD;padding:10px;margin-bottom:5px}
.points h3{margin-top:0px}
.greyspan{color:#555;font-size:0.8em}
/* Structure */


#tabnav {background:url('/images/site/DDDstrip.png') repeat-x bottom left}
#tabnav a.tab {display:block;float:left;border:1px dashed #EEE;border-bottom:1px solid #DDD;background:white;padding:5px 10px;color:#AAA;margin-right:5px}
#tabnav a.tab:hover {border-style:solid;color:#ff0000;text-decoration:none;}
#tabnav a.tab.active {display:block;border:1px solid #DDD;border-bottom:1px solid white;color:black;cursor:default}
#tabnav a.tab.active:hover {text-decoration:none;color:black;}


	.clear{height:0px;font-size:0px;clear:both}









#container{	
	width:800px;
	margin:0px auto;
	text-align:left;
	}
#description {border:1px dotted #AAA;margin-top:20px;padding:10px;text-align:center;;border-width:1px 0}

#content{
	float:left;
	margin:20px 0 0 20px;
	width:600px;
	height:300px;
	font-size:0.8em;
	}


#nav {
	float:left;
	width:180px;
	font-size:0.8em
	}
	.navheading{padding:0 5px 5px ;color:#777;border-bottom:1px dotted #DDD;margin-top:30px}
	#nav a{display:block;padding:5px 10px ;border-bottom:1px dotted #DDD;color:#FF0000}
	#nav a:hover{background:#EEE;color:#222;text-decoration:none}


#footerspacer{
	clear:both;
	height:50px;
	}	
#footer{
	border-top:1px solid #AAA;
	padding:5px 0 20px;
	}
	.col {float:left;padding:10px;font-size:0.7em;width:200px}
	.col h5 {color:#AAA;margin:0 0 10px;font-size:1.5em;font-weight:normal}
	.col a {color:#777;}
	.col a:hover {color:#333}
	#sig{float:right;color:#777;font-size:0.7em;margin-top:5px}
	#sig a {color:#444}
	#sig a:hover {color:#222}