body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;background-color: #FFFFFF;background-image: url(library/bg_body.jpg);background-repeat: repeat-x;margin:0; color: #8D969F;}

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


		#container{	width:984px;height: auto;	margin-left:auto;margin-right: auto;background-image: url(library/bg_container.jpg);background-repeat: repeat-y;}
					#container_bg{width: 100%;height: auto;	background-image: url(library/bg_top.jpg);background-repeat: no-repeat;}
					
					#content_container{width: 900px; height:auto;margin-left:auto;margin-right:auto;}
					
					
					#left_logo{width: 688px;height: 130px ;float:left;}
					#right_logo{width: 212px;height: 130px; float:right; text-align:right; color: #8D969F;font-weight: bold;}
							
							#right_logo p{margin-top:4px;margin-bottom: 0;}
							p.phone{color: #F8991F; margin-top: 10px;}
							
							p.location{ margin-left: 127px;}

								#right_logo a:link, #right_logo a:visited, #right_logo a:active{text-decoration: none; color:#8D969F;}
							#right_logo a:hover{text-decoration: underline; color:#8D969F;}
							
							#pop_up{width: 900px;height: 30px;background-image: url(library/top_links_bg.jpg);background-repeat: repeat-x;}
							
							#second_menu{width: 100%;height: 26px;background: #bbc1c7; margin-top:3px;line-height: 180%;}
										#second_menu a:link, #second_menu a:visited,#second_menu a:active{text-decoration: none; color:#FFFFFF;margin-left: 20px;}
										#second_menu a:hover	{text-decoration: underline; color:#FFFFFF;margin-left: 20px;}		
										
										
							#content{width: 100%;height:auto;margin-top: 15px;}
							
									#content_main{width:auto; margin-left: 15px;}
							
								#left_content_home{width: 690px;float:left;color: #89969F;}
								
									
								
								#right_content_home{width: 199px;float:right; text-align:center;}
							
							#footer{width: 100%; color: 8D969F; text-align: center; padding-bottom:10px;}
									
										
				
				div.home_boxes{width: 200px; height: 305px; color:#FFFFFF;margin: 10px;}
						div.home_boxes p{margin-left: 5px; margin-right:5px; margin-top: 3px;}
						
						div.home_boxes a:link , div.home_boxes a:visited , div.home_boxes a:active {text-decoration: underline;  color: #FFFFFF;}
						
						div.home_boxes a:hover{text-decoration: underline; color:#FFFF00;}
						
					
				div.home_boxes_title{width: 100%; height: 31px;}
						div.home_boxes_title h2{font-size: 14px;margin-left:15px;margin-top:6px;}
						
						div.home_boxes_title a:link, div.home_boxes_title a:visited, div.home_boxes_title a:active{font-size: 14px;margin-left:15px; font-weight:bold;text-decoration: none;line-height: 200%;}
						
						div.home_boxes_title a:hover{font-size: 14px;margin-left:15px; font-weight:bold;text-decoration: underline;line-height: 200%;}
						
						
				
						#home_box1{background: #026566;float:left;}
						#home_box2{background: #5A9B9B; float:left;}
						#home_box3{background: #FABD6D; float:left;}
						#home_box4{background: #F8991F; float:left;}			
										
							
							
							div.home_boxes ul li{list-style-image: url(library/bullets_li_white.gif);line-height:180%;}
							
							
							
									
									
					#right_slides{width: 260px; height:225px; float:right;}
							div.slide_show{width: 250px;margin-left:8px;height:175px;margin-top:25px; }
							
							#slide_cat1{background-image: url(library/Slides/slide1.jpg);background-repeat: no-repeat;}
							#slide_cat2{background-image: url(library/Slides/slide10.jpg);background-repeat: no-repeat;}
							#slide_cat3{background-image: url(library/Slides/slide4.jpg);background-repeat: no-repeat;}
							#slide_cat4{background-image: url(library/Slides/slide7.jpg);background-repeat: no-repeat;}
									
									
									
									
					#latest_news{width:900px;margin-left: auto;	margin-right:auto;height: 32px;	margin-top:0;margin-bottom: 5px;background-image: url(library/news_bg.gif);	background-repeat: no-repeat;}
									
						#latest_news_left{width: 120px; float:left;height: 20px;margin-top:6px;text-align:left;margin-left:18px;}		
						#latest_news_right{width: 758px;float:right;height:25px;margin-top:2px;}				
									#latest_news_left a:link, #latest_news_left a:visited,#latest_news_left a:active{text-decoration: none;  font-weight:bold}

											#latest_news_left a:hover{text-decoration: underline; color:#CC0000;}
										
h1{font-size: 16px;}

h2{font-size: 14px;}	




		td.td_top{border-top:solid 1px #999999; border-bottom: solid 1px #999999; border-left: solid 1px #999999;}
		td.td_top_right{border-top:solid 1px #999999; border-bottom: solid 1px #999999; border-left: solid 1px #999999;border-right: solid 1px #999999;}
		td.td_regular{border-bottom: solid 1px #999999; border-left: solid 1px #999999;}
		td.td_regular_right{border-bottom: solid 1px #999999; border-left: solid 1px #999999;border-right: solid 1px #999999;}
		
		tr.header{height:30px;background: #026566; color: #FFFFFF; font-weight: bold;}
		tr.tr_even{height:30px;background: #FEECD3;}
		tr.tr_odd{height:30px;background: #FCD8A7;}



/*start of the links*/
a:link{text-decoration: underline;  color: #8D969F;}
a:visited{text-decoration: underline;  color: #8D969F;}
a:active{text-decoration: underline;  color: #8D969F;}
a:hover{text-decoration: underline; color:#CC0000;}





/****************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;}/*the category of either help or FAQ*/
p.cms_faq_questions{margin-left: 60px;}/*the clickable questions on the faq or help*/
span.cms_faq_title{font-weight: bold;/*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, textarea, radio, select, submit{background: #E9E9E9; font-size: 14px;color: #8D969F;}/*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_photo_name{margin-bottom:5px;}/*name of the photo*/
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/bullets_p.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{font-size: 14px;margin-left: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*************************/


/*********************** drop down menu ******************************************************/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 240%;
	margin-left: 10px;
	z-index: 25;
}

			#nav li a:link,#nav li a:visited,#nav li a:active  {display: block;color: #FFFFFF;font-weight:bold;	text-decoration: none;	text-align:center;margin-left:12px;	margin-right: 12px;}
			#nav li a:hover {display: block;	 color: #FFFFFF; font-weight:bold;text-decoration: underline;text-align:center;}


#nav li { /* all list items */float: left; height: 30px;text-align:left;background-image: url(library/link_separator.jpg);	background-repeat: no-repeat;	background-position: right top; /* width needed or else Opera goes nuts */}

#nav li ul { /* second-level lists */position: absolute;width: 180px;	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, #nav li ul li:hover{width:240px;height: 30px;	border: solid 1px #FFFFFF;text-align:left;padding-left: 10px;background-color: #61676C;	background-image: url(library/pop_up_bullet.gif);background-repeat: no-repeat;background-position: left top;}


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


#nav li ul ul { /* third-and-above-level lists */margin: -26px 0 0 238px;}

#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-repeat: no-repeat;background-position: right top;}





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