body {
	margin: 0px;
	text-align: left;
	background-color: #FFFFFF;
	 } 
	 
/* Sets the font family and base font size for the site. 
**NOTE: 
You never have to repeat the font family or size unless you want them to be different. 
All other fonts, e.g. in the h1, h2, and h3 are percentages of this base font, which is about 11 points */
body, body div, body p, body th, 
body td, body li, body dd, body a {
font-family: Arial, sans-serif;
font-size: small;
}

/*  This encloses ALL DIVS and centres them. It works with the text-align center declaration in the body */
#wrapper{
margin: 0 auto;
width:760px;
text-align:left;
border: 1px solid #000000;  
}


/* START Header One Layout DIVS - all contained in 'headerone'*/
		
#headerone {
	width: 760px;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 10px;
	height: 0px;
	text-align: left;
	background-repeat: no-repeat;
	float: left;
}			
				
/* END Header Two Layout DIVS */		
			
			
				
			
/* START Content DIVS */
#content{
	width: 777px;
	margin: 0px;
	padding: 0px;
		}
		
		
#contentright {
	float: right;
	width: 220px;
	margin:0px;
	padding:10px 0px 0px;
				}
				
				
#contentrighttitle {
	float: left;
	width: 225px;
	margin:80px 0px 0px;
	padding:30px 0px 0px;
				}
					
					
#contentrightfoot {
	float: right;
	width: 210px;
	padding:85px 0px 0px;
				}					
					
								
#contentfooter {
	float: left;
	margin:150px 0px 0px;
	padding:30px 0px 0px 564px;
	width: 216px;
				}				
				
#contentleftindex {
	float: left;
	width: 225px;
	margin:0px;
	padding:30px 0px 0px;
	color: #000000;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background-image:  url(../../bbs-web_images/BBS-background-leftindex.jpg);
	background-repeat: no-repeat;
	text-align: right;
				}				
				

#navone{
		float: right;
	width: 210px;
	margin:0px 0px 0px 32px;
	padding:10px 0px 0px;
}





#navtwo{
	float: right;
	width: 210px;
	margin-top: 50px;
	padding-top: 10px;
}


#portfolio{
	float:left;
	width: 480px;
	border: 0px solid #CC6600;
	margin-top: 40px;
}

#portfolio img {
padding: 2px
}


#contentimg{
width:425px;
float:left;
}


#contentimgtitle{
	width:425px;
	float:left;
	margin-top: 20px;
}




#contentleft {
	float: left;
	width: 475px;
	margin:50px 20px 0px 0px;
	color: #FFFFFF;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	text-align: justify;
				}
#contentlefttitle {
	float: left;
	width: 495px;
	margin:50px 0px 70px;
	color: #FFFFFF;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
				}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #000000;
	font-weight: lighter;
		}	
						
	
a:link {
	color: #999999;
	text-decoration: none;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	}


a:hover {
	color: #4191b2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
	font-weight: bold;
	}


img {
	border : 0px none;
}

.imgright {
	border : 0px none;
	float: right
}	







/* START - Navone */
#navone ul{
	list-style-type: none;
	width: 193px;
	margin:0px 0px 0px 32px;
	padding:10px 0px 0px;
}

#navone li{
	line-height: 1px;
	list-style-type: none;
}

#navone a, #navone a:link, #navone a:visited
{
	text-decoration: none;
	color: #003366;
	font-size: 100%;
	font-weight: bold;
	line-height: 18px;
}

#navone a:hover
{
color: #4191b2;
}

#navone #current
{
	color: #4191b2;
	font-weight: bold;
}


/* START - Navtwo */
#navtwo ul{
	list-style-type: none;
	width: 193px;
	margin:0px 0px 0px 32px;
	padding:10px 0px 0px;
}

#navtwo li{
	line-height: 1px;
	list-style-type: none;
}

#navtwo a, #navtwo a:link, #navtwo a:visited
{
	text-decoration: none;
	color: #4191b2;
	font-size: 100%;
	font-weight: bold;
	line-height: 18px;
}

#navtwo a:hover
{
color: #003366;
}

#navtwo #current
{
	color: #003366;
	font-weight: bold;
}

ul#portfoliotop{
padding-top: 72px;
}

		
	
h1 {
	color: #000000;
	font-size : 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
		}
			
	
h2 {
	color: #333333;
	font-size : 90%;
	font-family: Arial, Helvetica, sans-serif;
	}	



h3 {
	color: #003366;
	font-size : 70%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	line-height: 15px;
	text-align: left;
	font-weight: lighter;
	}
	
.class1 A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #999999;
	font-weight: lighter;
		}
						
	
.class1 A:link {
color: #999999;
	text-decoration: none;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
		}

.class1 A:hover {
color: #4191b2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
	font-weight: bold;
		}	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
		
p {
	margin-top: 0px;
	margin-bottom: 15px;
	color: #000000;
}

li{
margin-bottom:10px
}
	
div.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}