@charset "iso-8859-1";
body	{background:#fff;
	margin:15px 1%;
	font:75% arial,helvetica,sans-serif}

table, li li, h2, h3, h4, h5 {font-size:100%}

h1 {font-size:130%; text-align:left; color: black; margin:10px 10px 20px 10px; }
h2 {font-size:110%; text-align:left; color: red; margin:10px 10px 20px 10px}
h3 {text-align:left; color: red; margin:5px 10px 5px 10px}
h4 {text-align:left; margin:10px 10px 10px 10px; color:#000033}
h5 {text-align:left; margin:0px 10px 0px 10px;  color:#285970}

a	{text-decoration:none;
	color:black}
	}
	
a img	{border:none; margin: 1px 5px 5px 5px }

#nav	{
	position:absolute;
	left:2%;
	width:20%;
	margin:0;
	padding:0
	}

#nav li {
	vertical-align:bottom;
	min-height:35px;
	list-style:none; 
	margin:0 0 5px 0;
	padding: 1px;
	}

#nav #icon0 {background:#A1ADC0 url(buttons/icon0.gif) no-repeat 100% 50%}
#nav #icon1 {background:#A1ADC0 url(buttons/icon1.gif) no-repeat 100% 50%}
#nav #icon2 {background:#A1ADC0 url(buttons/icon1.gif) no-repeat 100% 50%}
#nav #icon3 {background:#A1ADC0 url(buttons/icon1.gif) no-repeat 100% 50%}
#nav #icon4 {background:#A1ADC0 url(buttons/icon1.gif) no-repeat 100% 50%}
#nav #icon5 {background:#A1ADC0 url(buttons/icon1.gif) no-repeat 100% 50%}
#nav #icon6 {background:#A1ADC0 url(buttons/icon1.gif) no-repeat 100% 50%}
#nav #icon7 {background:#A1ADC0 url(buttons/icon1.gif) no-repeat 100% 50%}
#nav #icon8 {background:#A1ADC0 url(buttons/icon1.gif) no-repeat 100% 50%}
#nav #icon9 {background:#A1ADC0 url(buttons/icon1.gif) no-repeat 100% 50%}
#nav #icon10 {background:#A1ADC0 url(buttons/icon1.gif) no-repeat 100% 50%}


#nav a {width:100%;
	padding:10px 12px 10px 7px}

/* mozilla hack */
html>body #nav a {
	position:absolute;
	line-height:30px;
	width:90%;
	padding:0 5%}

#nav a:hover {color:#fff}

#content {
	position:relative;
	left:22%;
	width:76%;
	background:#D8DCE8;
	colour:black;
	}

#content a {
	color:red;
	text-decoration:underline
	}

#content a:hover {color:#BC657D}

.bigborder {margin:10px 80px 10px 80px;}

#infoBar {
	position:relative;
	left:22%;
	width:76%;
	background:#A1ADC0; 
	color:#A1ADC0; 
	height:auto;
	margin:0;
	padding:5px 2px 5px 3px;
	border-bottom:1px solid #fff;
	clear:both}

#infoBar p {color:#c6bdb4}

#infoBar a {
	padding-left:13px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	width:23%}

#infoBar a:hover {
	color:red; 
	text-decoration:none}

#infoBar a.wAuto {width:auto} 

#mainBar {
	position:relative;
	left:10%;
	width:80%;
	background:#A1ADC0; 
	color:#A1ADC0; 
	height:auto;
	margin:0;
	padding:5px 2px 5px 3px;
	border-bottom:1px solid #fff;
	clear:both}

#mainBar p {color:#c6bdb4}

#mainBar a {
	padding-left:13px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	width:49%}

#mainBar a:hover {
	color:red; 
	text-decoration:none}

#mainBar a.wAuto {width:auto} 

div#content.home {background:#000; }
div#content.home p {color:#ffc}

#content div {margin:0 10px 10px 10px}

#content p {color:black; margin:10px 10px 10px 10px}

#content li {
	margin-top: 0; 
	margin-bottom: 5px; 
 	padding: 0;
	margin:0px; 
	list-style-type:square}

#content li a { 
	margin-left:5px;  
	color:#000;
	text-decoration:underline;
	font-weight:bold;}

#content li a:hover 
	{
	text-decoration:none;
	color:red
	}
	
#content table 
	{
	margin:10px;
	padding:0px;
	width:90%;
	border:0;
	cellspacing:0;
	table-column: 20px;
	}

.wordbreak {word-wrap: break-word!important}
.fLeft {float:left!important}
.fRight {float:right!important}
.fNone {float:none!important}