/* ---------- Standard Site Classes ---------- */

html, body {margin: 0; padding: 0; height: 100%;}
form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; font-weight: normal;}
body {font-family: tahoma, arial, Verdana, sans-serif; font-size: 12px; line-height: 1.5; }
img {border:0px;}
p {padding:0px; margin:0px;}

/* -----     Wrap - Layout/Position ID Tag     -----*/
#wrap {
position: relative;
width: 878px;
height: 100%;
margin: 0 auto;
}

/* -----     Center This - Layout/Position ID Tag     -----*/
#center_this {
	text-align: right;
	vertical-align:top;
	position: absolute;
/*	top: 50%; */
	left: 50%;
/*	height: 690px; */
/*	margin-top: -345px; */ /* Note (must be 50% of the content height)  */
	width: 878px;
	margin-left: -439px; /* Note (must be 50% of the content width)  */
}















/* -----    Main Tags     -----*/

body {
	color: #003A80;
	background-color: #003A80;
	background-image: url(../images/bkg.png);
	background-repeat: repeat;
}




h1{font-size: 16px; color:#003A80; line-height: 1; padding-bottom:7px;}
.h1_sub{font-size: 14px; color:#003A80; padding-top: 7px;}

h2{font-size: 12px; color:#003A80; font-weight:bold;}
.h2_note{font-size: 10px; color:#003A80; font-weight:normal;}

h3{}
h4{font-size: 12px; color:#003A80;}
ul {list-style-type: square; padding: 0px 0px 9px 0px; margin: 0px 0px 9px 0px; }
li{margin: 0px 0px 3px 15px;}

a:link {color: #00ADEF; text-decoration: none;}
a:visited {color: #00ADEF; text-decoration: none;}
a:active {color: #00ADEF; text-decoration: none;}
a:hover {color: #003A80; text-decoration: underline;}

p{padding-bottom: 9px; padding-top:4px; margin-bottom: 9px;}

address{padding: 0px; margin:0px;}



/* ===================================== */
/*                                Structure Here                                        */


/* content layout */

#content_layout {width: 665px; float:right; position:relative;}

/* Header */
#header_bookmark{width:655px; height: 85px; padding: 10px 0px 0px 0px; color: #FFFFFF; font-size:10px;}
#header_bookmark a:link {color: #FFFFFF; text-decoration: none;}
#header_bookmark a:visited {color: #FFFFFF; text-decoration: none;}
#header_bookmark a:active {color: #FFFFFF; text-decoration: none;}
#header_bookmark a:hover {color: #FFFFFF; text-decoration: underline;}




#top_nav{width:665px; height: 28px; color: #FFFFFF; text-align: left; padding:0;}

#top_nav td{color:#FFFFFF; text-decoration:none; cursor:hand; cursor:pointer; height: 28px; vertical-align:top; text-align: center;}

#top_nav a{position:relative; top: 5px; }
#top_nav a:link{color:#FFFFFF; text-decoration:none;}
#top_nav a:visited{color:#FFFFFF; text-decoration:none;}
#top_nav a:hover{color:#FFFFFF; text-decoration:none;}




/* SET THE DEFAULTS */
#top_nav td.home,
#top_nav td.about,
#top_nav td.fundraising,
#top_nav td.resources,
#top_nav td.contact
 {
	color:#FFFFFF; 
	width:123px; 
	margin-right: 2px; 
	background-image: url(../images/nav/default_tab.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/* SET THE ACTIVE STATUS */
#home #top_nav td.home,
#about #top_nav td.about,
#fundraising #top_nav td.fundraising,
#resources #top_nav td.resources,
#contact #top_nav td.contact
 {
	color:#003A80; 
	background-image: url(../images/nav/active_tab.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#home #top_nav td.home a,
#about #top_nav td.about a,
#fundraising #top_nav td.fundraising a,
#resources #top_nav td.resources a,
#contact #top_nav td.contact a
{
color:#003A80; 
}



#home #top_nav td.home a:hover,
#about #top_nav td.about a:hover,
#fundraising #top_nav td.fundraising a:hover,
#resources #top_nav td.resources a:hover,
#contact #top_nav td.contact a:hover
 {
	color:#FFFFFF; 
	background-image: url(../images/nav/hover_tab.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.mnu1 {
color:#FFFFFF;
width:123px; 
margin-right: 2px; 
background-image: url(../images/nav/hover_tab.png);
background-repeat: no-repeat;
background-position: left bottom;}

.mnu-spr td{width:52px; cursor: auto;}










#logo{float:left; position:absolute; top:120px; left:10px;}

#sub_navigation {padding: 15px 15px 0px 0px; height: 40px; background-color: #FFFFFF; background-image:url(../images/sublink_corner.png); background-position: right top; background-repeat: no-repeat;}

.headertext h1 {font-size: 24px; color: #003A80;}

/* Page headers*/
#page_header{text-align: left; height: 66px; background-color: #FFFFFF;}

#header_index {padding: 30px 0px 0px 30px; vertical-align:bottom; height: 36px; background-image:url(../images/page_headers/welcome_bkg.gif); background-position: left top; background-repeat: no-repeat;}
#header_about {padding: 30px 0px 0px 30px; vertical-align:bottom; height: 36px; background-image:url(../images/page_headers/about_bkg.gif); background-position: left top; background-repeat: no-repeat;}
#header_about_spelthorne_crossroads {padding: 30px 0px 0px 30px; vertical-align:bottom; height: 36px; background-image:url(../images/page_headers/about_crossroads.gif); background-position: left top; background-repeat: no-repeat;}
#header_about_cassie_and_theresa {padding: 30px 0px 0px 30px; vertical-align:bottom; height: 36px; background-image:url(../images/page_headers/about_cassie_and_theresa.gif); background-position: left top; background-repeat: no-repeat;}
#header_about_the_team {padding: 30px 0px 0px 30px; vertical-align:bottom; height: 36px; background-image:url(../images/page_headers/about_the_team.gif); background-position: left top; background-repeat: no-repeat;}
#header_fundraising {padding: 30px 0px 0px 30px; vertical-align:bottom; height: 36px; background-image:url(../images/page_headers/fundraising_bkg.gif); background-position: left top; background-repeat: no-repeat;}
#header_resources {padding: 30px 0px 0px 30px; vertical-align:bottom; height: 36px; background-image:url(../images/page_headers/resources_bkg.gif); background-position: left top; background-repeat: no-repeat;}
#header_contact {padding: 30px 0px 0px 30px; vertical-align:bottom; height: 36px; background-image:url(../images/page_headers/contact_bkg.gif); background-position: left top; background-repeat: no-repeat;}




/* Main Content Area*/
#main_content {padding: 0px 30px 30px 30px; text-align: left; background-color: #FFFFFF; background-image: url(../images/content_bkg.png); background-position: bottom; background-repeat: no-repeat;}

/* Main Content Table - Alows for Flexi Extending Height*/
#main_textwrap{height: 433px; vertical-align: top;}

#staff_content_text {padding: 0px 30px 30px 30px; text-align: left; background-color: #FFFFFF;}



#company_details {text-align: left; line-height: 1.2; color: #FFFFFF; float:left; position:absolute; top:450px; left:-155px; width:155px;}
#company_details a:link{font-size: 9px; color: #FFFFFF; text-decoration:underline;}
#company_details a:visited{font-size: 9px; color:#FFFFFF; text-decoration:underline;}
#company_details a:hover{font-size: 9px; color:#FFFFFF; text-decoration:none;}
.copyright {font-size: 10px;}
.fijdesign {font-size: 9px;}
address {font-style: normal;}

#gloss_effect {background-image: url(../images/shaddow.png); height: 123px; width: 665px;}



/* Home Page*/
#home_page_section1 {width: 600px; vertical-align: top; padding-bottom:9px;}
.image1 {float: left; border: 2px solid #00ADEF; margin: 0px 10px 10px 0px;}


/* About Cassie & Theresa*/
#about_page_section {width: 600px; vertical-align: top;}
.image2 {float: left; position:absolute; width: 145px; border: 0px; margin: 0px 10px 0px 0px;}
.image3 {float: left; position:absolute; top: 500px; width: 145px; border: 0px; margin: 0px 10px 0px 0px;}
#about_page_text {width: 450px; position:relative; float:right; padding-top:7px;}


/* About All Staff*/
#about_main_content {padding: 0px 0px 0px 0px; text-align: left; background-color: #FFFFFF; background-image: url(../images/content_bkg.png); background-position: bottom; background-repeat: no-repeat;}

/* About All Staff - Image Holding Table Cell*/
#about_staff_td{height: 249px; vertical-align: top;}



/* Resources Page*/
.resource_table td{
	font-size:11px;
	padding: 5px 0px 5px 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00ADEF;
}

.resource_table td.CN{width: 28%;}
.resource_table td.URL{width: 33%;}
.resource_table td.TEL{width: 19%;}
.resource_table td.FAX{width: 19%;}

.resource_table tr.altrow{
	background-color: #F8FDFE;
}

#Linked{color:#FFFFFF; font-size:9px;}
#Linked a:link {color: #00ADEF; text-decoration:none;}
#Linked a:visited {color: #FFFFFF; text-decoration:none;}
#Linked a:active {color: #FFFFFF; text-decoration:none;}
#Linked a:hover {color: #FFFFFF; text-decoration:none;}