body {
margin : 0; 
padding : 0; 
font-family : sans-serif; 
font-size : 0.7em; 
line-height : 1.4em; 
background-color:#000;
} 
div#header {
padding : 0; 
text-align : left;
color:#000; 
background-color : #262626;background-image:url(../art/brunswick4.jpg);background-position:right;background-repeat:no-repeat; 

} 
div#maincontent {
background-image: url(../art/datamoon.jpg);
padding : 1%; 
text-align : justify; 
margin-right : 210px; 
margin-left : 135px; 
height : 520px;
color : #000000; 
border-left : medium solid #000000; 
} 
div#leftcolumn {
padding : 0; 
float : left; 
text-align : left; 
background-color : #ffffff; 
color : #000000; 
width : 135px; 
} 
div#rightcolumn {
padding : 2%; 
float : right; 
background-color : #000000; 
color : #ffffff; 
width : 159px;
height : 500px; 
} 

/* -------------------------------- Navigation ------------------------------*/ 

ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
        color:#c2c2c2; 
	background-color: #ffffff;
	width:120px;
	border-top: 1px solid #ffffff;}	

ul#mainnav li {
	display: block;
	border-bottom: 1px solid #ffffff;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 6%;
	background-color: #000000;
	font: bold 1.0em /1.5 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #fff;
	text-decoration: none;
	width: 100%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

ul#mainnav li a:hover {
	color:#000;
	background-color: #ffffff;
	color: #000;
	}
	
ul#mainnav ul.subnav {
	margin: 0px;
	list-style: none;
	padding: 0px;
	border: 0px solid white;
	}

ul#mainnav ul.subnav li {
	border-top: 0 none;
	padding-left: 1.5em;
	}

ul#mainnav ul.subnav li a {
	padding: 1%;
	margin: 0px;
	font: bold 0.8em /1.5 verdana, sans-serif;
	color: #5C6F90;
	background-color:#fff;
	border: 0px solid yellow;
	}

ul#mainnav ul.subnav li a:hover {
	color: #43616B;
	background-color:#fff;
	text-decoration: underline;
	}

h1 {text-align:center;color:#faf519;font-family: Georgia,"Times New Roman",serif;font-size:28px;font-weight:700;}

p.title {color:#fff;background:transparent;font-size:18px;text-align:center;}

P.copytext {color:#fff;background:transparent;font-size:12px;text-align:center;}

P.copy {color:#fff;text-align: justify;font-size:11pt;}

.decor {color:#faf519;text-align: justify;font-size:11pt;}

P.line {text-align: justify;font-size:14px;line-height:180%;}

P.cent {text-align:center;font-size:11pt;color:#fff;background:transparent;}

p.copyright {font-family:Arial,Verdana,Helvetica,sans-serif;margin:0;font-size:10px;color:#000000;text-align:center;text-decoration:none;}

a:link {text-decoration:none;color:#fff;background:transparent;}

a:visited {text-decoration:none;color:#fbd7a1;background:transparent;}

a:hover {text-decoration:none;color:#fff;background:transparent;}

.photo-right {margin:1px 0 1px 5px;}

.photo-left {margin:1px 5px 1px 0;}

.photo-center {margin:2px 5px 10px 2px;}
