* { padding:0px; margin:0px; }

body{
	margin: auto; 
	padding: 0; 
	font-family: Arial,Helvetica, sans-serif; 
	text-align:left; color:#666; 
	font-size: 76%; /* results in 12 pixel text when the base size is 16 pixels */
	background: #f5f1e6 url(../images/top-background.jpg) repeat-x 50% 0;
	}
	

p { font: 1em Arial,Helvetica, sans-serif; 
	text-align:left; color:#666;
	line-height: 150%;
	margin: .5em 0 0 0; 
	}

span{ color: #00768b; font-weight:bold;}


h1{ font: 1.8em Arial, Helvetica, sans-serif; text-align: left; color: #00768b; font-weight: bold;line-height: 1em; }
h2{ font: 1.2em Arial, Helvetica, sans-serif; text-align: left; color: #00768b; font-weight: bold;line-height: 1em; margin-top:.4em;}

img {border: none;}

li{list-style-type: none; line-height: 130%;}

strong{ color: #00768b; }

#container{	
	width: 1000px; 
	margin: 0px auto; /* == centering == */ 
	background-color: #f5f1e6;
	background: #f5f1e6 url(../images/body-background.jpg) repeat-y 50% 0;
	background-repeat:repeat-x;
	}

/*==== header style ====*/

#headerwrap{
	width:1000px;
	height: 190px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	float: left;
	}
	
#mainmenu{
	float:left;
	width:560px;
	height:80px;
	margin: 50px 0px 0px 80px;
	}
	
ul#main{ 
	list-style-type: none;
	margin: 0px;
	padding: 0px;}
	
ul#main li{
	display: block;
	float: left;
	}

ul#main li a{
	padding: 0px 2px 10px 0px;
	margin: 0 8px 0 0;
	text-decoration: none;
	color: #666;}

#home a{
	display: block;
	width: 83px;
	height: 70px;
	text-indent: -5000px;
	background: url(../images/nav/home.gif) no-repeat;
	}

#home a:hover{
	display: block;
	width: 83px;
	height: 70px;
	text-indent: -5000px;
	background: url(../images/nav/home-over.gif) no-repeat;
	}

#courses a{
	display: block;
	width: 83px;
	height: 70px;
	text-indent: -5000px;
	background: url(../images/nav/courses.gif) no-repeat;
	}

#courses a:hover{
	display: block;
	width: 83px;
	height: 70px;
	text-indent: -5000px;
	background: url(../images/nav/courses-over.gif) no-repeat;
	}

#gallery a{
	display: block;
	width: 83px;
	height: 70px;
	text-indent: -5000px;
	background: url(../images/nav/gallery.gif) no-repeat;
	}

#gallery a:hover{
	display: block;
	width: 83px;
	height: 70px;
	text-indent: -5000px;
	background: url(../images/nav/gallery-over.gif) no-repeat;
	}

#projects a{
	display: block;
	width: 83px;
	height: 70px;
	text-indent: -5000px;
	background: url(../images/nav/projects.gif) no-repeat;
	}

#projects a:hover{
	display: block;
	width: 83px;
	height: 70px;
	text-indent: -5000px;
	background: url(../images/nav/projects-over.gif) no-repeat;
	}

#news a{
	display: block;
	width: 83px;
	height: 70px;
	text-indent: -5000px;
	background: url(../images/nav/news.gif) no-repeat;
	}

#news a:hover{
	display: block;
	width: 83px;
	height: 70px;
	text-indent: -5000px;
	background: url(../images/nav/news-over.gif) no-repeat;
	}

#contact a{
	display: block;
	width: 83px;
	height: 70px;
	text-indent: -5000px;
	background: url(../images/nav/contact.gif) no-repeat;
	}

#contact a:hover{
	display: block;
	width: 83px;
	height: 70px;
	text-indent: -5000px;
	background: url(../images/nav/contact-over.gif) no-repeat;
	}


#logo{
	float: right;
	width: 209px;
	height:95px;
	margin: 40px 100px 0px 0px;}

/*==== body content style ====*/

#mainwrap{
	float:left;
	width: 1000px;
	background: #f5f1e6 url(../images/body-background.jpg) repeat-y 50% 0;
	}


#content{
	float:left;
	width: 490px;
	padding: 5px 0 180px 0;
	margin: 10px 0px 0 100px;
	background:url(../images/blotch.jpg) no-repeat;
	}
	
#project-cont{
	float:left;
	width: 490px;
	padding: 5px;
	margin: 10px 0px 0 100px;
	}
	
#right-column{
	float: left;
	width:300px;
	margin: 10px 100px 0 0;
	}
	
div.photos{
	float: left;
	width: 219px;
	margin: 20px 0 25px 50px;}	

/*==== gallery style ====*/	

#thumbs-gallery{
	float: left;
	width: 800px;
	margin: 0 0 0 100px;
	}

div.thumb{
	float: left;
	padding: 2px;
	margin: 8px;
	background-color: #EAEAEA;
	border: solid 1px #DDDDDD;
	width: 71px;
	}
		
/*==== courses nav style ====*/

#c-wrap{
	float:left;
	width:260px;
	height: 281px;
	margin: 20px 0 0 40px;
	background:url(../images/postit.gif) no-repeat;
	}
	
ul#c-nav{ 
	margin: 30px 0 0 20px;
	padding: 0px;}
	
ul#c-nav li{
	display: block;
	line-height: 140%;
	}

ul#c-nav li a{
	padding: 0px 2px 10px 0px;
	margin: 0px 2px;
	text-decoration: none;
	color: #00768b;
	font-weight:bold;
	font-size:1.2em;
	}
	
ul#c-nav li a:hover{
	text-decoration: underline;
	}
	
li.indent{
	padding: 0 0 0 3em;}
	
/*==== contact form style ====*/
	
#contactform{
	float: left;
	margin: 10px 0px 0px 0px;
	width: 280px;
	height: 300px;
	}
	
#response{
	float: left;
	margin: 10px 0px 0px 80px;
	width: 250px;
	} 

fieldset  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	border: none;
	width: 260px;
	}
label{
	width: 40px;
	float: left;
	text-align: left;
	margin: 5px 5px 0px 5px;
	clear: both; 
	}
input, type{
	float: left;
	margin: 5px 0px;
	width: 150px;
	}

input, textarea{
	float: left;
	margin: 5px 0px;
	width: 240px;
	}

#subbutton{
	float: none;
	width: auto;
	margin-bottom: 10px;
	margin-left: 50px;
	clear: both;
	}
#resetbutton{
	float: none;
	width: auto;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: both;
	}
br {clear: both;}

/*==== site map style ====*/

ul.sitemap {
	 list-style-type: none; 
	 margin-left: 0.5cm;
	 padding-left: 0;
	}

ul.sitemap li {
	 padding-left: 1.2em;
	 padding-top:.1em;
	}

ul.sitemap li a {
	 margin-left: -1.1em;
	 padding-left: 1em;
	 text-decoration: none;
	 color: #666;
	 font-size:1em;
	}

ul.sitemap li a:hover{
	color: #00768b;
	text-decoration: underline;
	}

		
/*==== footer style ====*/

#footerwrap{
	float:left;
	width: 1000px;
	height:140px;
	background-image:url(../images/footerbg.gif);
	}

#footmenu{
	float: right;
	margin: 80px 100px 0 0;
	}
	
ul#foot{ 
	list-style-type: none;
	margin: 0px;
	padding: 0px;}
	
ul#foot li{
	display: block;
	float: left;
	}

ul#foot li a{
	padding: 0px 2px 10px 0px;
	margin: 0px 2px;
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;}