@charset "UTF-8";
/* CSS Document */


body{
	background-color: #1e1d38;
	}
	
	
	
* {margin:0; padding:0}	


#wrap {
	width:980px; 
	margin:auto;
	text-align:left;
		}
		
/*======================== LOGO AND FLASH ========================*/		
		
		
#banner {
	width:980px; 
	height:213px;
		}
		
	#logo {
	width:326px; 
	height:213px;
	background-image:  url("images/logo.jpg");
	background-repeat: no-repeat;
	float:left;
		}
		
		#warriston_logo {
	width:326px; 
	height:213px;
	background-image:  url("images/red_logo.jpg");
	background-repeat: no-repeat;
	float:left;
		}	
		
		
		
	#flash {
	width:654px; 
	height:213px;
	float:right;
		}


/*======================== NAVY BANNER ========================*/		
		
		
#navy_banner {
	width:980px; 
	height:146px;
	background-image:  url("images/navy_banner.jpg");
	background-repeat: no-repeat;
	float:left;
		}


		
		
/*======================== NAVIGATION PANEL ========================*/			


#panel {
	width:980px; 
	height:26px;
	background-color: #7f8f00;
	float:left;
		}
	
	
/*======================== NAVIGATION========================*/		
		
		
#nav {position: relative;margin:0;padding:0; list-style:none}			
#nav  li {margin: 0; padding: 0;}
#nav a {background-position: 0px 0px; display:block; height:26px;  font-size:0.9em; text-indent:-5000px; width:104px}
#nav a:hover{background-position: 0px 26px}
#nav a.current:hover{background-position: 0px 0px;}

#nav #home {position:absolute;top:0px;left:326px}						
#nav #home a{background-image:url("images/home.gif"); }
#nav #home a.current{background-image:url("images/home_on.gif"); }

#nav #office {position:absolute;top:0px;left:430px;}						
#nav #office a{background-image:url("images/office.gif"); }
#nav #office a.current{background-image:url("images/office_on.gif"); }

#nav #opening_hours {position:absolute;top:0px;left:534px;}						
#nav #opening_hours a{background-image:url("images/opening_hours.gif"); }
#nav #opening_hours a.current{background-image:url("images/opening_hours_on.gif"); }

#nav #open_day {position:absolute;top:0px;left:638px;}						
#nav #open_day a{background-image:url("images/open_day.gif"); }
#nav #open_day a.current{background-image:url("images/open_day_on.gif"); }

#nav #warriston {position:absolute;top:0px;left:737px;}						
#nav #warriston a{background-image:url("images/warriston.gif"); }
#nav #warriston a.current{background-image:url("images/warriston_on.gif"); }

#nav #seafield {position:absolute;top:0px;left:840px;}						
#nav #seafield a{background-image:url("images/seafield.gif"); }
#nav #seafield a.current{background-image:url("images/seafield_on.gif"); }		
		
		
		
		
		
		
		
	/*======================== MAIN PART OF WEBSITE ===================*/		
		
		#main {
	width:980px; 
	float:left;
	background-color: #ffffff;
		}		
		
	/*======================== SHADOW ================================*/		
		
#shadow {
width:980px;
height:39px;
	background-image:url("images/shadow.jpg");
	background-repeat:repeat-x; 
	
		}
		
		
	/*======================== PAGE TITLES ================================*/		
		
#welcome_title {
width:600px;
height:40px;
	background-image:url("images/welcome_title.gif");
	background-repeat:no-repeat;
	float:right; 
	padding:0px 20px 0px 0px;
		}		
		
	#office_title {
width:600px;
height:40px;
	background-image:url("images/office_title.gif");
	background-repeat:no-repeat;
	float:right; 
	padding:0px 20px 0px 0px;
		}
		
	#opening_hours_title {
width:600px;
height:40px;
	background-image:url("images/opening_hours_title.gif");
	background-repeat:no-repeat;
	float:right; 
	padding:0px 20px 0px 0px;
		}
		
		
	#open_day_title {
width:600px;
height:40px;
	background-image:url("images/open_day_title.gif");
	background-repeat:no-repeat;
	float:right; 
	padding:0px 20px 0px 0px;
		}
		
		
			#warriston_title {
width:600px;
height:40px;
	background-image:url("images/warriston_title.gif");
	background-repeat:no-repeat;
	float:right; 
	padding:0px 25px 0px 0px;
		}
		
		
			#seafield_title {
width:600px;
height:40px;
	background-image:url("images/seafield_title.gif");
	background-repeat:no-repeat;
	float:right; 
	padding:0px 25px 0px 0px;
		}
		
				#forms_for_download_page_title {
width:600px;
height:40px;
	background-image:url("images/forms_for_download_page_title.gif");
	background-repeat:no-repeat;
	float:right; 
	padding:0px 25px 0px 0px;
		}	
		
		
			
		
		
/*======================== LEFT FEATHERED IMAGE ========================*/	

	#index_left_feathered_image {
	width:326px; 
	height:364px;
	float:left;
	background-image:  url("images/home_feathered_image.jpg");
	background-repeat: no-repeat;
	margin: 10px 0px 0px 0px;
		}	

#office_left_feathered_image {
	width:326px; 
	height:364px;
	float:left;
	background-image:  url("images/office_feathered_image.jpg");
	background-repeat: no-repeat;
	margin: 20px 0px 0px 0px;
		}
		
	#opening_hours_left_feathered_image {
	width:326px; 
	height:364px;
	float:left;
	background-image:  url("images/opening_hours_feathered_image.jpg");
	background-repeat: no-repeat;
	margin: 20px 0px 0px 0px;
		}
		
		#open_day_left_feathered_image {
	width:326px; 
	height:364px;
	float:left;
	background-image:  url("images/open_day_feathered_image.jpg");
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
		}	
			
		#warriston_left_feathered_image {
	width:326px; 
	height:364px;
	float:left;
	background-image:  url("images/warriston_feathered_image.jpg");
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
		}	
				

/*======================== RIGHT TEXT BOX ========================*/	

#right_textbox {
	width:580px; 
	float:left;
	background-color: none;
	margin: 15px 0px 0px 0px;
		}
		
#right_textbox1 {
	width:580px; 
	float:left;
	background-color: none;
	margin: 15px 0px 0px 0px;
		}		
		
		
#left_column {
	width:300px; 
	float:left;
	background-color: none;
	margin: 0px 0px 50px 0px;
		}		
		
#right_column {
	width:280px; 
	float:left;
	background-color: none;
	margin: 0px 0px 0px 0px;
		}		
		
		
/*======================== TEXT STYLES ========================*/		
		
h1{
	font:12px/21px Arial, sans-serif; font-weight:bold;
	color: #000000;
	padding:0px 20px 20px 35px;
	}
	
h2{
	font:12px/21px Arial, sans-serif; font-weight:bold;
	color: #000000;
	padding:0px 20px 0px 35px;
	}	
	
	
	#right_textbox p{
	color: #333333;
	font:12px/20px Arial, sans-serif; 
	padding:0px 20px 15px 35px;
	}			
	
#right_textbox1 ul li{ 
	list-style: none;
	font:11px/22px Arial, sans-serif; color: #333333;
	padding:0px 0px 0px 35px;
	}
	
	
#right_textbox ul li{ 
	list-style: none;
	font:12px/22px Arial, sans-serif; color: #333333;
	padding:0px 0px 0px 35px;
	}	
	
		
	
.bold{
	font:12px/20px Arial, Helvetica, Verdana, sans-serif; font-weight:bold;
	color:#000000;
		}
		
.small{
	font:10px/10px Arial, Helvetica, Verdana, sans-serif; 
	color:#000000;
		}		
			
		
#right_textbox a:link {color:#000000; }	
 #right_textbox a:visited {color:#000000;}			 
#right_textbox a:hover {color:#999999;}			
#right_textbox a:active {color:#000000;}		
#right_textbox a:focus {color:#000000;}	


#right_textbox1 a:link {color:#000000; }	
 #right_textbox1 a:visited {color:#000000;}			 
#right_textbox1 a:hover {color:#999999;}			
#right_textbox1 a:active {color:#000000;}		
#right_textbox1 a:focus {color:#000000;}	
	
	/*======================== FOOTER ========================*/			


#footer {
	width:980px; 
	height:26px;
	background-color: #7f8f00;
	float:left;
		}
		
	/*======================== FOOTER 2========================*/			


#footer2 {
	width:980px; 
	height:50px;
	background-color: none;
	float:left;
		}
		
#footer2 p{
	color: #666;
	font:9px/20px Arial, sans-serif; 
	padding:30px 0px 30px 0px;
	}