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

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

/*layout*/

#container
{ 
width:700px;
margin-left:auto;
margin-right:auto;
}
#top_banner{
width:auto;
height:131px;
}
#top_logo{
width:auto;
height:110px;
}
#location_link{
width:160px;
height:21px;
float:right;
}
#top_menu{
width:100%;
height:34px;
background-image:url(library/menu/navbar_bg.jpg);
background-repeat:repeat-x;
}
#second_top_menu{
	width: 100%;
	height: 25px;
	background-image:url(library/greymenu_bg.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-indent: 10px;
	padding-top: 6px;
	word-spacing: normal;
}

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




#home_photo{
width: 100%;
height: 260px;
}
#white_space{
width: 100%;
height: 19px;
}
#content{
width: 100%;
height: auto;
}
#left_col{
	float:left;
	width: 500px;
	height: auto;
	background-image:url(library/content_bg.gif);
	background-repeat: repeat-y;
}
#insidepage_left_col{
	float:left;
	width: 540px;
	height: auto;
	background-image:url(library/insidepages_bg.gif);
	background-repeat: repeat-y;
}
#insidepage_right_col{
float:right;
width:160px;
height: auto;
}
insidepage_left_col_wide{width: 540px;
	height: auto;}
			td1{background-image:url(library/insidepages_bg.gif);
	background-repeat: repeat-y;}
	
	
#right_col{
float:right;
width: 200px;
height: auto;
}
#right_headline{
width: 200px;
height: 26px;
}

#insidepage_right_headline{
width: 160px;
height: 26px;
}
#news_text{
width: 200px;
height: 140px;
}
#right_logo{
width: 200px;
height: 87px;
}

#footer{
	width: 100%;
	height: 30px;
	float: left;
}
#page_locator{
	width: 100%;
	height: 25px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #f3b90e;
	}
#inside_footer{
	width: 100%;
	float: left;
}
#inside_logo{
float:left;
width: 115px;
}
#inside_rightcol{
float:right;
width: 585px;
}

H1{margin-left:1px;font-size:15px;}
H2{margin-left:1px;font-size:13px;}
H3{margin-left:1px;font-size:11px;}
/*start of the links*/
a:link{
	text-decoration: underline;
	color: #666666;
}
a:visited{
	text-decoration: underline;
	color: #666666;
}
a:active{
	text-decoration: underline;
	color: #666666;
}
a:hover{
	text-decoration: underline;
	color: #FFCC00;
}


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


#insidepage_left_col ul li {
	list-style-image: url(library/bullet_li.gif);
	list-style-type: disc;
	line-height: 180%
}

#insidepage_left_col ul li ul li {
	list-style-image: url(library/bullet_li_li.gif);
	list-style-type: disc;
	line-height: 180%
}

ul.leftlinks {list-style:none; float:left; margin:0px; padding:0px;}
ul.leftlinks li {background:url(library/bullet_li_links.gif) no-repeat left top; padding-left:20px; padding-top:10px; line-height: 220%;}
ul.leftlinks li ul {list-style:none; float:left; margin:0px; padding:0px;}
ul.leftlinks li ul li {background:url(library/bullet_li_links.gif) no-repeat left top; padding-left:20px; padding-top:10px;line-height: 150%;}

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

/****************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.links_cat{}/* Displays the links categories*/
p.links{}/* Displays the actual link and description*/
a.links{}/*Displays the actual links*/
p.links_empty{}/*The line letting users know there is no links in the database if applicable*/



/*    STYLING THE HELP/FAQ PAGE(S)      */
h2.help_cat{}/* Displays the help / faq categories*/
p.help{}/* shows the line with the questions / links at the top*/
p.help_answer{}/* styles the answer to the question, title and content*/
a.help{}/* styles the links relating to help faq*/


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

input.form, textarea.form, radio.form, select.form, submit.form{background-color:#FAE9B1; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #666666;}/*styling the fields, you can also style them individually*/

/*    STYLING THE IMAGE GALLERY      */
h2.image_gallery{}/*displaying the categories of images*/
div.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*/
#image_window{border: solid 1px black; width:500px; margin-top:5px;margin-left:auto;margin-right:auto; text-align:center;}/*div styling the container on the window for enlarged images*/
h1.image_window{}/* displays the image name*/

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





/************  STYLING THE SAMPLE SITE  ************************/
#samplesite_container{width: 990px;margin-left:auto;margin-right:auto;}
#samplesite_topbar{height:150px; width: 990px;}
#samplesite_main{height:auto; width:auto;}	
#samplesite_leftcol{width:140px;height:600px;float:left;background-color: #8cc1e1;text-align: center;padding: 10px;}
#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;}
#samplesite_footer{width:990;height: 30px;background-color: #fb3141;text-align: center;padding: 10px;float: none;}	
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 *****************************/
#form {
	text-align: center;
	padding: 10px;
	height: auto;
	width: 400px;
	border-color: #FFCC00;
	border-width: 1px;
}

















/*********************** drop down menu ******************************************************/
#nav, #nav ul { /* all lists */	padding: 0;margin: 0;list-style: none;line-height: 180%;}

			#nav li a:link {display: block;	color: #FFFFFF; font-weight:bold;text-decoration: none; }
			#nav li a:visited {display: block;	 color: #FFFFFF; font-weight:bold;text-decoration: none;}
			#nav li a:active {display: block;	 color: #FFFFFF; font-weight:bold;text-decoration: none;}
			#nav li a:hover {display: block;	 color: #FFFFFF; font-weight:bold;text-decoration: underline;}


#nav li { /* all list items */
	float: left;
	height: 34px;
	text-align:left;
	padding-left:8px;
	padding-right: 9px;
	line-height: 280%;
	width:auto; /* width needed or else Opera goes nuts */
	background-image: url(library/link_separator.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	list-style-image: none;
	list-style-type: none;
}

#nav li ul { /* second-level lists */position: absolute;width: 220px;	left: -999em; margin-top:3px;/* using left instead of display to hide menus because display: none isn't read by screen readers */}

#nav li ul li{
	width:220px;
	height: 25px;
	border: solid 1px #999999;
	text-align:left;
	padding-left: 20px;
	background-color: #F3B90E;
	background-repeat: no-repeat;
	list-style-type: none;
	list-style-image: none;
}

#nav li ul li:hover{border: solid 1px #666666;background-color: #F3CD4D;list-style-type: none;
	list-style-image: none;}
			#nav li ul li a:link,#nav li ul li a:visited ,#nav li ul li a:active  {display: block;	 color: #FFFFFF; font-weight:bold;text-decoration: none;}
			
			#nav li ul li a:hover {display: block;	color: #FFFFFF; font-weight:bold;text-decoration: underline;}


#nav li ul ul { /* third-and-above-level lists */margin: -1em 0 0 10em;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */	left: auto;}

#nav li:hover {background-image: url(library/link_separator22.jpg);background-position: 0 0}


#clear {clear: left;color: #ccc;}


/******************************** end of drop down menu ***************************************/