body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:black;
	background-color: #CCCCCC;
	font-weight: normal;
}

td {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;}

/*layout*/

#container{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #333333;
}
#banner{width:100%}
#top_left{width:521px;float:left;}

#top_right{width:469px;float:right;}

	#home_content{width: 100%;	height: auto;	background-image:url(library/home_bg.jpg);	background-repeat: repeat-y;}
	#wd_content{width: 100%;height: auto;background-image:url(library/webdesigners_bg.jpg);	background-repeat: repeat-y;}
	#wd_right_links{width: 217px;height: auto;float:right;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;}
	#left_col{}
	
	#so_content{width: 100%;height: auto;background-image:url(library/siteowners_bg.jpg);background-repeat: repeat-y;}
	#so_right_links{width: 217px;height: auto;float:right;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #333333;	}

#footer{width: 100%;height: 25px;background-color: #ACC8E3;	text-align: center;	padding-top: 5px;}
#text{margin-right:200px;}
span.menu{color:#FFFFFF;}

div.home_layers {width:198px;height:250px; margin-left:auto; margin-right:auto; border: solid 1px #8982aa;}
		div.home_layers_title{
	width: 198px;
	height: 26px;
	background: #8982AA;
	background-image: url(library/layers_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}
h2.home_layers_title{font-size: 13px;color: #FFFFFF;  font-style: italic; margin-left: 31px;margin-top: 3px}
		div.home_layers p{margin-left:5px; margin-right:5px; font-style:italic; color: #333333;margin-top: 3px;}


#links_table{
	background-image: url(library/tabs_bg.jpg);
	background-repeat: no-repeat;
}

#siteowners_table{background-image: url(library/siteowners_tab.jpg);
	background-repeat: no-repeat;}



H1{	margin-left:60px;font-size:15px;font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bold;	color: #666666;	background-image: url(library/bullet_h1.gif);background-repeat: no-repeat;	padding-left:20px; margin-top:0px;}
H2{	margin-left:30px;	font-size:13px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bold;	color: #999999;}
H3{	margin-left:30px;	font-size:11px;	font-family: Georgia, "Times New Roman", Times, serif;	font-weight: bold;color: #666666;text-transform: capitalize;text-decoration: underline;}
h1.headline{font-family: Georgia, Times, serif;	font-size: 20px;line-height: 26px;	font-weight: bolder;	color: #999999;}
/*start of the links*/
a:link{	text-decoration: underline;	color: #333333;}
a:visited{	text-decoration: underline;	color: #333333;}
a:active{	text-decoration: underline;	color: #333333;}
a:hover{	text-decoration: underline;	color: #FFFFFF;}


#so_content a:hover{	text-decoration: underline;	color: red;}
#wd_content a:hover{	text-decoration: underline;	color: red;}
#home_content a:hover{	text-decoration: underline;	color: red;}

a.menu:link{	text-decoration: none;	color: #FFFFFF;}
a.menu:visited{	text-decoration: none;	color: #FFFFFF;}
a.menu:active{	text-decoration: none;	color: #FFFFFF;}
a.menu:hover{	text-decoration: underline;	color: #333333;}

p{	margin-left: 30px;	margin-right:40px;	line-height: 14px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #666666;}

ul li{color:#333333;line-height: 200%; margin-left: 50px;}

td.menu ul li {	list-style-image: url(library/bullet_li_links.gif); line-height: 180%;	text-indent: 0px;margin-left:auto;}

#form_bmi {
	text-align: center;
	height: auto;
	width: 400px;
	margin-left: auto;margin-right:auto;
	border: 2px dashed #FFCC66;
}

#right_topbg{
	background-image: url(library/right_topbg.jpg);
	background-repeat: no-repeat;
}

/****************STYLING THE AREAS PRODUCED BY THE cms*************************/

/*by leaving the following empty the tags will be styled from your regular tags*/

/*    STYLING THE LINKS PAGE(S)      */
h2.cms_links_cat{}/* Displays the links categories*/
p.cms_links{}/* Displays the actual link and description*/
a.cms_links{}/*Displays the actual links*/
p.cms_links_empty{}/*The line letting users know there is no links in the database if applicable*/



/*    STYLING THE HELP/FAQ PAGE(S)      */
p.cms_nofaq{}/*the line showing that there is no faq in the database*/
h3.cms_faq_category{margin-left: 40px;font-size:14px;}/*the category of either help or FAQ*/
p.cms_faq_questions{margin-left: 40px;}/*the clickable questions on the faq or help*/
span.cms_faq_title{display:none;}/*this shows weather this is an help or faq, you can hide this using CSS if you do not want to show it*/
a.cms_faq_links{}/*all links within the FAQ section including the back to the top links*/
#cms_faq_spacer{height: 150px;}/*the div allowing you to include space between the last question and the first answer*/
p.cms_faq_answer_title{margin-left: 40px; font-weight:bold;}/*the title of the answer*/
p.cms_faq_answer_detail{margin-left: 50px;}/*the comment on the answer*/
p.cms_backtop{margin-left: 80px;}/*the P tag containing the back to top link*/
hr.cms_faq_hr{width: 50%;margin-left:auto;margin-right:auto;}

/*        STYLING THE GOOGLE API MAP */

#cms_api{}


/*    STYLING THE FORM FIELDS ON THE CONTACT FORM      */

input.cms_form, textarea.cms_form, radio.cms_form, select.cms_form, submit.cms_form{background-color: #FFDD55;}/*styling the fields, you can also style them individually*/
#cms_upload_window{border: solid 1px black; background: #FFFFE1;padding:15px;}
/*    STYLING THE IMAGE GALLERY      */
h2.cms_image_gallery{}/*displaying the categories of images*/
div.cms_image_layout{width:160px; border: solid 1px black; margin:15px;text-align:center;padding-top:4px;padding-bottom:5px;float:left;}/*This is the div which contains the actual thumbnail with name etc*/
div.clearfloat{clear:both;}/*If you are floating the above div, then you might need to cancel the float at the end of category, you can do so by using this div*/
#cms_image_window{border: solid 1px black; width:300px; margin-top:5px;margin-left:auto;margin-right:auto; text-align:center;}/*div styling the container on the window for enlarged images*/
h1.cms_image_window{}/* displays the image name*/

/*styling the news*/
p.cms_current_news{background-image:url(library/bullet_right.gif);background-repeat: no-repeat;padding-left:11px;margin-bottom:0px;}/*displays the listing of news*/
p.cms_current_news_desc{margin-top:0px;margin-left:25px;}/*small description just under the headline on the listing of news*/
p.other_news{}/*the p tag showing the link "to go to archive click here or to go to live news click here*/
h2.cms_news_headline{color: #9F57A4;margin-top:20px;}/*the headline on the news detail page*/
p.cms_news_back{}/*the back link /button on the news detail page*/

/****************END OF STYLING THE AREAS PRODUCED BY THE cms*************************/





/************  STYLING THE SAMPLE SITE  ************************/
#samplesite_container{width: 990px;margin-left:auto;margin-right:auto; border: solid 1px black;}
#samplesite_topbar{height:150px; width: 990px;}
#samplesite_main{height:auto; width:auto;}	
#samplesite_leftcol{width:140px;height:600px;float:left;background-color: #8cc1e1;padding: 10px;}
	/*styling the content of the left column to ease changes for customers*/
	div.samplesite_leftcol ul li{line-height: 200%; color: red;}
			div.samplesite_leftcol a:link{	text-decoration: none;	color: #000000; font-weight: bold;	}
			div.samplesite_leftcol a:visited{	text-decoration: none;	color: #000000;font-weight: bold;}
			div.samplesite_leftcol a:active{text-decoration: none;color: #000000;font-weight: bold;}
			div.samplesite_leftcol a:hover{text-decoration: underline;	color: red;font-weight: bold;}
	
#samplesite_rightcol{width:140px;height:600px;float:right;background-color: #b6e95c;text-align: center;	padding: 10px;}	
#samplesite_center{width:auto;height:auto;margin-left:160px;padding: 10px;}
h1.samplesite{font-size: 16px;}
h2.samplesite{font-size: 14px;margin-left:75px;font-style:italic;}
ul.samplesite_list li{line-height:150%;}
/************** END OF SAMPLE SITE *****************************/