@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0}
p{margin:0 0 .5em 0;padding:5px;position:relative; font-family:Geneva, Arial, Helvetica, sans-serif;
}/*opera 8 needs the position:relative on the inner content but opera 9 doesn't */

.sidebar {margin:0 0 .5em 0;padding:5px;position:relative; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px;}
}
.pullout {margin:0 0 .5em 0;padding:5px;position:relative; font-family:Geneva, Arial, Helvetica, sans-serif; color: #6699cc; font-weight:bold;}
h1 {font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 18pt;
	line-height: 100%;
	letter-spacing: 0.1ex;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	text-indent: 0ex;
	color:#6699cc; margin-top: 2px; margin: 2px;}

h2 {font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 13pt;
	line-height: 100%;
	letter-spacing: 0.1ex;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	text-indent: 0ex;
	color:#6699cc; margin-top: 2px; margin: 2px;}
	
h3 {margin:0 0 .5em 0;padding:5px;position:relative; font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12pt;
	line-height: 100%;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	text-indent: 0ex;
	color:#6699cc;}		
	
ul
{
list-style-type: circle; text-indent: 5px; list-style-position: outside;
}
	

.topnav {font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 18pt;
	line-height: 100%;
	word-spacing: 5ex;
	letter-spacing: 0.1ex;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	text-indent: 0ex;
	color:#6699cc;}
	
.topnav a:link{font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 18pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: 0.1ex;
	text-decoration: none;
	text-transform: uppercase;
	text-align: justify;
	text-indent: 0ex;
	color:#6699cc;}
	
.topnav a:hover{visited:#FFF00;} 

.topnav a:hover{font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 18pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: 0.1ex;
	text-decoration: none;
	text-transform: uppercase;
	text-align: justify;
	text-indent: 0ex;
	color: #FFFF00;}
	
	
	
	
	a.client:link{font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12pt;
	line-height: 100%;
	word-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	text-indent: 0ex;
	color:#6699cc;}

		a.client:visited{font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12pt;
	line-height: 100%;
	word-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	text-indent: 0ex;
	color:#6699cc;}
	
body{text-align:center;background:#ffffff}
#wrapper{
	width:960px;
	margin:0px auto;
	padding:0;
	text-align:left;
 background:#fff;
 border-top:none;
	z-index:5;
}
#header,#footer{
	background:#fff;
	position:relative;
	z-index:5;
	padding:10px;
	font-family:Geneva, Arial, Helvetica, sans-serif; text-transform:lowercase; font-size:small; }
#footer{border:none;}
#header h1,#footer p{
	padding:25px;
	text-align:center;
}

#main {
	width:960px;
	float:left;
	margin:0 0 0 11px;
	display:inline;
	position:relative;
	z-index:1;
	border: 8px solid #6699cc;
	font-family:Arial, Helvetica, sans-serif;
}	
a.main:link{font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: 0.1ex;
	text-decoration: none;
	text-transform: lowercase;
	text-align: justify;
	text-indent: 0ex;
	color:#6699cc;}
	a:visited{font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 18pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: 0.1ex;
	text-decoration: none;
	text-transform: uppercase;
	text-align: justify;
	text-indent: 0ex;
	color:#6699cc;}
#main img {margin: 10px 10px 10px 10px;}


#outer{
	position:relative;
	width:960px;
	clear:both;
	z-index:4;
}
#left,#right{
 width:200px;
 z-index:1;
	position:relative;
	float:left;
	margin:0 0 0 80px;
	display:inline;
	border:4px solid #ffff33;
	font-family:Arial, Helvetica, sans-serif;

}
#right{float:right;	margin:0 11px 0 0; width:200px;
 z-index:1;
	position:relative;
	float:left;
	margin:0 0 0 11px;
	display:inline;
	border:4px solid #ffff33;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px;
	}
#content{
	width:335px;
	float:left;
	margin:0 0 0 11px;
	display:inline;
	position:relative;
	z-index:1;
	border: 14px solid #6699cc;
	font-family:Arial, Helvetica, sans-serif;
}



#maincontent {width:635px;
	float:left;
	margin:0 0 0 11px;
	display:inline;
	position:relative;
	z-index:1;
	border: 8px solid #6699cc;
	font-family:Arial, Helvetica, sans-serif;
}

#maincontent img {margin: 10px 10px 10px 10px;}
.col{
	width:200px;
	position:absolute;
	z-index:0;
	left:10px;
	bottom:0;
 border-top:none;
}
.one{background:white;}
.two{background:#white;left:222px;width:334px;}
.three{background:#white;left:568px;}
#footer {clear:both;}

html>body .col{top:0}/* hide from ie6 and under*/
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

.col{height:1000em;}