html
{
	font:10pt/1.4 helvetica;
	color:#666;
}

body 
{
margin:0;
background:url(graphics/bgnd.jpg) repeat-x #fff;
}

#container
{
position:relative;
padding:0;
width:900px;
margin:0 auto;

   }

#header
{
position:absolute;
top:0;
left:0;
height:300px;
width:900px;
}

#header ul
{
position:absolute;
top:0;
left:500px;
	}
	

#header li
{
	display:inline;
	padding-top:18px;
	list-style:none;
	font-size:10pt;
	float:left;
text-align:right;
}

#header li a
{
	display:inline;
	text-decoration:none;
	color:#fff;
	float:left;
	width:120px;
}

#header li.peo a
{
	text-decoration:none;
	color:#ffcc00;
}

#header li.pro a
{
	text-decoration:none;
	color:#009999;
}


#text{
float:right;
width:550px;
margin-top:330px;
margin-bottom:60px;
padding:0;
}

#text p
{
	width:550px;
	text-align:justify;
	margin-bottom:16px;
}

#text p.quote
{
	font:italic 9pt verdana;
	color:#333;
	margin:30px 0 0 0;
	padding:20px;
	width:510px;
background:#e3e3e3;
border:1px solid #ccc;
text-align:left;
}

#text p.name
{
	margin-top:-1px;
	padding:24px 0 0 0;
	font:normal 9pt arial;
	color:#006699;
	text-align:right;
	width:550px;
	background:url(graphics/name.jpg) no-repeat;
}

#nav
{
	float:left;
	margin:360px 50px 60px 0;
	width:300px;
	background-color:#fff;
	border-top:2px solid #666;
}

#nav ul
{
	margin:10px 0 30px 0;
	padding:0;
	width:300px;
}

#nav li
{
	color:#666;
	list-style:none;
	font:10pt;
	border-bottom:1px solid #ccc;
	margin:0;
	padding:0;	
}

#nav li a:link, #nav li a:visited
{
	display:block;
	color:#666;
	text-decoration:none;
	padding:6px 0 6px 12px;
}

#nav li a:hover, #nav li a:active, #nav li.subnav a:hover, #nav li.subnav a:active, #nav li.prosubnav a:hover, #nav li.prosubnav a:active
{
	color:#000;
	background-color:#f3f3f3;
}

#nav li.current
{
	color:#000;
	padding:6px 0 6px 12px;
	background:#fff;	
}

#nav li.subnav a, #nav li.prosubnav a
{
	padding-left:36px;
}

#nav li.subnav a
{
		background:url(graphics/peopoint.png) no-repeat #fff;
}

#nav li.prosubnav a
{
	background:url(graphics/propoint.png) no-repeat #fff;
}

#nav p
{
	padding:10px;
	color:#666;
	font-family:arial;
}

#nav p.black
{
	padding:6px 12px;
	color:#000;
}

#nav img
{
	padding:0;
	border:none;
}

#text ul
{
	width:500px;
	margin:0;
	padding:10px 20px;
}

#nav ul.social li a
{
	border-bottom:none;
	background-color:#fff;
	color:#006699;
}

#text li
{
	list-style:square;
	padding:4px 0;
}

#team
{
	float:left;
	padding:10px 30px;
}

#team p
{
	width:200px;
	margin-left:10px;
}

h1
{
	width:550px;
	margin:0 0 20px 0;
	font:normal 14pt arial;
	color:#000;
	padding:0 0 8px 0;
	border-bottom:2px solid #666;
	text-align:justify;
}

h2
{
	font:normal normal 11pt arial;
	color:#333;
}

h3
{
	font:normal normal 11pt arial;
	color:#333;
	padding:6px 0 6px 16px;
	background-color:#e3e3e3;
	margin-bottom:0;
}

h4
{
	font:normal normal 11pt arial;
	margin:0;
	color:#333;	
}

h5
{
	font:normal normal 12pt arial;
	margin:0;
	padding:6px 12px;
	color:#fe0000;	
	border-bottom:1px solid #999;
}

a:link, a:visited
{
	color:#006699;
	text-decoration:none;
}

.black
{
	color:#000;
}

.bold
{
	font-weight:bold;
}

.img
{
	float:left;
	margin-right:20px;
}

img.social
{
	margin:6px 3px;
}


#footer {
clear:both;
   width:100%;
   height:80px;   /* Height of the footer */
   border-top:1px dotted #999;
}

#footer p
{
	font:normal normal 9pt/1.4 arial;
	color:#666;
	padding:10px 0;
	float:left;
}

#footer p.right
{
	font:normal normal 9pt arial;
	color:#666;
	padding:10px 0;
	float:right;
}

