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

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

h1 {color: #68707D;
	font: 30pt times new roman, Serif; 
	text-decoration:none;
	margin:0;
	padding:3px 0 10px 0;}

h1 a {color: #68707D;
	font: 30pt times new roman, Serif; 
	text-decoration:none;
	margin:0;
	padding:3px 0 10px 0;}
	
h2 {text-align:left; 
	color: black; 
	margin:0; 
	border-bottom: 1px solid #FFF; 
	padding:5px; 
	background:#A1ADC0}

h3 {text-align:left; margin:5px 10px 5px 10px}

a	{text-decoration:none;
	color:black}
	}

.logoimage {float:left; margin:0 10px 0 0}
a img	{border:none }

img	{margin: 5px }

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

#nav ul{margin:0; padding:0;}

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

#nav #icon1 {background:#A1ADC0 url(images/sn.gif) no-repeat 100% 50%}
#nav #icon2 {background:#A1ADC0 url(images/sn.gif) no-repeat 100% 50%}
#nav #icon3 {background:#A1ADC0 url(images/sn.gif) no-repeat 100% 50%}
#nav #icon4 {background:#A1ADC0 url(images/sn.gif) no-repeat 100% 50%}
#nav #icon5 {background:#A1ADC0 url(images/sn.gif) no-repeat 100% 50%}

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

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

#nav a:hover {color:#fff}
		
#content {
	position:absolute;
	left:24%;
	width:75%;
	background:#D8DCE8;
	margin:0; padding:0;
	color:black;
	}

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

#content a:hover {color:black}

#content p {margin:10px}

#content li {
	margin-top: 0; 
	margin-bottom: 5px; 
 	padding: 0 10px 0 5px; }

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

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

.fLeft {float:left}
.fRight {float:right}
.fNone {float:none}
.clear{clear:all}