body{margin: 0;padding:0; background-color: #dfdddd; color: #333333;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
#shadow{ margin-left: auto; margin-right: auto;position: relative; width: 820px;background-image:url(../images/layout/dropshadow.jpg); background-repeat:repeat-y;}
#container{ position: relative; width: 800px; margin-left: auto; margin-right: auto; background-color:#f9f2e7; }	 
#header{position: relative;margin-left: auto;margin-right: auto; width: 800px; height: 100px; background-image:url(../images/logo/logo.jpg); background-position:left; background-repeat:no-repeat; padding-top: 10px; padding-bottom: 10px;}
	#nav{float: right; top: 50px; margin-right: 10px;}
		div#navcontainer{margin-left:auto;margin-right: auto;}
		div#navcontainer ul{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight: bold;color: white;text-align: center;padding-bottom: 10px;padding-top: 10px;}
		div#navcontainer ul li{display: inline;margin-left: -4px;}
		div#navcontainer ul li a{padding: 10px 10px 10px 10px;color: #00a8c6;text-decoration: none;}
		div#navcontainer ul li a:hover{color: #40c0cb;}
#featured{position: relative; width:750px; /*background-color: #aee239;*/ height: 140px; padding: 10px; margin-left: auto; margin-right: auto;color: #FFFFFF; background-image:url(../images/featured_background.jpg); background-position:center; background-repeat:no-repeat; }
	#featured h1{margin: 0px; padding: 0px; color: #FFFFFF; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
	#imageSlideshowHolder{width: 606px;	/* IE 5.x */width/* */:/**/600px;	/* Other browsers */width: /**/600px;height: 206px;	/* IE 5.x */height/* */:/**/200px;	/* Other browsers */height: /**/250px;position:relative;	/* Never change this value */}
	.imageInGallery{		width:600px;height:200px;/* Never change these 3 value */left:100px;top:0px;position:absolute;}
	#imageSlideshowHolder img{position:absolute;}
	#the_captions{display:none;}
	.imageInGallery_DESC{position:absolute;color:#FFFFFF;padding:30px;padding-top:25px;margin-left:0px;margin-top:5px;z-index:100;/*height:200px;*/width:240px;background:url("images/bg.png");font-size:80%;}	
	.imageInGallery_DESC h2{color: #FFFFFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-style:italic;}
	#featured a{color: #00a8c6;text-decoration: none; border-bottom:1px dotted #00a8c6;}
	#featured a:hover{color: #40c0cb;text-decoration: none; border-bottom:1px dotted #40c0cb;}
#middle{margin-left:auto; margin-right: auto; width: 800px; padding-left: 20px;padding-right: 20px; margin-top: 20px;}
	#lcol{ position: relative; width: 550px;}
		#lcol h1{margin-bottom: 5px; padding: 0px; color: #333333; font-size: 18px; font-family:Arial, Helvetica, sans-serif;}
		#lcol h2{margin-bottom: 5px; padding: 0px; color: #333333; font-size: 15px; font-family:Arial, Helvetica, sans-serif;}
		#lcol A:link {text-decoration:  underline ;color: #999999;}
		#lcol A:visited {text-decoration:  underline ;color:#999999;}
		#lcol A:active {text-decoration:  underline ;color:#999999;}
		#lcol A:hover {text-decoration:  underline ; color:#000000;}
		fieldset.formFieldSet{padding: 10px; width: 520px; border: 1px solid #40c0cb;}
		legend.formLegend{ font-size: 14px; color:#FFFFFF; background-color: #40c0cb; padding: 5px;}
		label{vertical-align: middle; padding-bottom: 2px;}
		input.formField{ font-size: 11px; height: 12px; width: 200px;}
		.portfolio{ position: relative; margin-top: 20px;}
			.pimage{ position: relative; width: 150px; height: 150px; background-color:#40c0cb;}
			.pnote{ position: absolute; left: 220px; top: 0px;}
	#rcol{ position: absolute; left: 575px; top: 315px; background-color:#40c0cb; width: 185px; padding: 10px; color:#FFFFFF; background-image:url(../images/layout/rcolbg.jpg); background-position:center; background-repeat:no-repeat;}
		#rcol A:link {text-decoration:  none ;color: #ffffff; border-bottom:1px dotted #cccccc; }
		#rcol A:visited {text-decoration:  none ;color:#ffffff;border-bottom:1px dotted #cccccc;}
		#rcolt A:active {text-decoration:  none ;color:#ffffff;border-bottom:1px dotted #cccccc;}
		#rcol A:hover {text-decoration:  none ; color:#ffffff;border-bottom:1px dotted #ffffff;}
		ul li{ list-style-image:url(../images/layout/bullet.gif);}
#footer{ position: relative; width: 760px;padding: 20px; margin-top: 70px; color:#999999;}	 
	#footer_right{ position: absolute; right: 20px; top: 20px;}	
		#footer_right A:link {text-decoration:  none ;color: #999999; border-bottom:1px dotted #999999; }
		#footer_right A:visited {text-decoration:  none ;color:#999999;border-bottom:1px dotted #999999;}
		#footer_right A:active {text-decoration:  none ;color:#999999;border-bottom:1px dotted #999999;}
		#footer_right A:hover {text-decoration:  none ; color:#000000;border-bottom:1px dotted #999999;}
		
		#ajax_tooltipObj{z-index:1000000;text-align:left;}
		#ajax_tooltipObj div{position:relative;}
		/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */
		#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */background-image:url('../images/arrow.gif');width:20px;position:absolute;left:0px;top:0px;background-repeat:no-repeat;background-position:center left;z-index:1000005;height:60px;}
		#ajax_tooltipObj .ajax_tooltip_content{border:2px solid #317082;	/* Border width */left:18px;	/* Same as border thickness */top:0px;position:absolute;width:150px;	/* Width of tooltip content */height:200px;	/* Height of tooltip content */background-color:#FFF;	/* Background color */padding:5px;	/* Space between border and content */font-size:0.8em;	/* Font size of content */overflow:auto;	/* Hide overflow content */z-index:1000001;}