body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; background: #1A497A; font-size: 11px; color: #1A497A}

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

#container{width: 700px;margin-left:auto;margin-right:auto;border:solid 1px white;background: #547DB2;}

			#movie{width: 700px;height:80px;	background-image: url(library/top_bg.gif);	background-repeat: no-repeat;margin-left:auto;margin-right:auto; text-align:center;}
			
			
			#top_menu{width: 100%; height:24px;background: #547DB2;border-bottom: solid 1px #FFFFFF;}
			
			#you_are_here{width: 100%; height: 30px;margin-top: 15px;color: #FFFFFF;font-weight: bold;}
					#you_are_here p {margin-left: 35px;background-image: url(library/bullet_p.gif);background-repeat: no-repeat; padding-left: 15px;}
							#you_are_here a:link{text-decoration: none; color:#FFFFFF;}
							#you_are_here a:visited{text-decoration: none; color:#FFFFFF;}
							#you_are_here a:active{text-decoration: none; color:#FFFFFF;}
							#you_are_here a:hover{text-decoration: underline; color:#FFFFFF;}
					
			
			
			#content{background-image: url(library/content_bg.gif);background-repeat: repeat;width:100%;}
					#text{width: auto;margin:15px;}
			
			#bottom_links{width: 100%; height: 40px; line-height: 280%; color: #FFFFFF; text-align: center;}
			
					#bottom_links a:link{text-decoration: none; color:#FFFFFF;}
					#bottom_links a:visited{text-decoration: none; color:#FFFFFF;}
					#bottom_links a:active{text-decoration: none; color:#FFFFFF;}
					#bottom_links a:hover{text-decoration: underline; color:#FFFFFF;}
			
			
			p.copy{text-align: center; color: #FFFFFF; font-weight: bold;}
			
			/*********************** drop down menu ******************************************************/
#nav, #nav ul { /* all lists */	padding: 0;margin: 0;list-style: none;line-height: 180%;}

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


#nav li { /* all list items */float: left;width: 116px; height: 24px;text-align:left; background-image: url(library/menu_spacer.gif);background-repeat: no-repeat;background-position: right;/* using left instead of display to hide menus because display: none isn't read by screen readers *//* width needed or else Opera goes nuts */}



#nav li ul { /* second-level lists */position: absolute;width: 230px;left: -999em;margin-top:3px;}

#nav li ul li{width:230px;height: 22px;border: solid 1px #FFFFFF;text-align:left;padding-left: 20px;background-color: #547DB2;background-image: url(library/bullet_menu.gif);background-repeat: no-repeat;background-position: left;}

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


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

#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/menu_spacer.gif);background-repeat: no-repeat;background-position: 0 right;}

#nav li ul li:hover {background-image: url(library/bullet_menu_hover.gif);background-repeat: no-repeat;background-position: left;}
#clear {clear: left;color: #ccc;}


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





h1{font-size: 16px; }
h2{font-size: 14px;}

							
															

/*layout*/		


#text ul li {line-height: 220%;}


/*start of the links*/
a:link{text-decoration: underline; color:#1A497A;}
a:visited{text-decoration: underline; color:#1A497A;}
a:active{text-decoration: underline; color:#1A497A;}
a:hover{text-decoration: underline; color:#FF0000;}





/****************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{
	background-image: url(library/bullet_links.gif);
	background-repeat: no-repeat; padding-left: 15px; margin-left:20px;
}/* 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.cms_form, textarea.cms_form, radio.cms_form, select.cms_form, submit.cms_form{background: #C8D5E6; font-size: 14px;}/*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:3px;}/*name of the photo*/
div.cms_image_layout{width:160px; height:185px; 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*************************/