/****************************
Copyright St Andrew's Leyland
Design CSS
Coded by Jon Bradley with initial workings by David Turner

NOTE: This code is copyrighted.  No unauthorized use
is allowed.  Don't steal code.  However, please feel free
to look at how we did something then write it yourself.

*****************************/

html { height: 100%; margin-bottom: 1px; }

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	line-height:15px;
}

/* THIS is to hide any text you need hiding */
.hidetext {display:none; overflow: hidden; position: absolute;} 
/* END of text you need hiding */

/*******************************************
CONTAINER, HEADER, FOOTER STUFF STARTS HERE
********************************************/

#page_bg{
	margin: auto;
	padding: 0px;
	width: 820px;
}

#bg_container{
	margin: auto;
	padding: 0px 0px 0px 0px;
	float: left;
	height: auto;
	width: 820px;
	background-image: url(../images/layout2/side_lines.gif);
	background-repeat: repeat-y;
}

#pg_container{
	z-index: 1;
	position: relative;
	left: 1px;
	margin: auto;
	padding: 0px;
	width: 800px;
	height: auto;
	display: block;
	clear: both;
}

#header_container{
	margin: auto;
	border: 0px;
	width: 799px;
	height: 150px;
	background-image: url(../images/layout2/header.jpg);
}

#anim_container{
	z-index:3;
	position:absolute;
	left: 248px;
	top: 11px;
	width: 43px;
	height: 44px;
}

#standrews_link_container{
	z-index:3;
	position:relative;
	left: 42px;
	top: 85px;
	width: 170px;
	height: 22px;
}

#ninefootone_link_container{
	z-index:3;
	position:absolute;
	right: 13px;
	top: 0px;
	width: 160px;
	height: 26px;
}

#footer_text_container{
	z-index: 1;
	width: 820px;
	height: 30px;
	float: left;
	margin: auto;
	margin-top: 20px;
	position: relative;
	text-align: center;
}

#index_footer_container{
	z-index: 1;
	height: 116px;
	width: 820px;
	float: left;
	margin: auto;
	margin-top: 0px;
	padding: 0px;
	position: relative;
	background-image: url(../images/layout2/index_footer.gif);
}	

#generic_footer_container{
	z-index: 1;
	height: 32px;
	width: 820px;
	float: left;
	margin: auto;
	margin-top: 0px;
	padding: 0px;
	position: relative;
	background-image: url(../images/layout2/generic_footer.gif);
}	
	
/****************************
MENU LAYOUT STARTS HERE
******************************/
#menu_container{
	position:absolute;
	top:132px;
	left:15px;
	z-index: 5;
	width: 190px;
	height: 209px;
	margin: 0px;
}
#menu_container ul{
	padding: 0px;
	top:0px;
	left:0px;
	z-index: 50;
	margin: 0px;
}
#menu_container li, #menu_header_1, #menu_header_2, #menu_header_3, #menu_header_4, #menu_header_5, #menu_header_6, #menu_header_7, #menu_header_8, #menu_header_9, #menu_header_10, #menu_header_11{
	position: relative;
	top:0px;
	left:0px;
	z-index: 50;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	width: 190px;
	height: 19px;
}

#menu_header_1, #menu_header_2, #menu_header_3, #menu_header_4, #menu_header_5, #menu_header_6, #menu_header_7, #menu_header_8, #menu_header_9, #menu_header_10, #menu_header_11{
	margin: 0px 0px 0px 0px;
}

#menu_header_1 { height: 19px; background: url(../images/layout2/menu.gif) 0px 0px no-repeat ;}
#menu_header_2 { height: 19px; background: url(../images/layout2/menu.gif) 0px -19px no-repeat ;}
#menu_header_3 { height: 19px; background: url(../images/layout2/menu.gif) 0px -38px no-repeat ;}
#menu_header_4 { height: 19px; background: url(../images/layout2/menu.gif) 0px -57px no-repeat ;}
#menu_header_5 { height: 19px; background: url(../images/layout2/menu.gif) 0px -76px no-repeat ;}
#menu_header_6 { height: 19px; background: url(../images/layout2/menu.gif) 0px -95px no-repeat ;}
#menu_header_7 { height: 19px; background: url(../images/layout2/menu.gif) 0px -114px no-repeat ;}
#menu_header_8 { height: 19px; background: url(../images/layout2/menu.gif) 0px -133px no-repeat ;}
#menu_header_9 { height: 19px; background: url(../images/layout2/menu.gif) 0px -152px no-repeat ;}
#menu_header_10 { height: 19px; background: url(../images/layout2/menu.gif) 0px -171px no-repeat ;}
#menu_header_11 { height: 19px; background: url(../images/layout2/menu.gif) 0px -190px no-repeat ;}

#menu_header_1 a{ height: 19px; background: none;}
#menu_header_2 a{ height: 19px; }
#menu_header_3 a{ height: 19px; }
#menu_header_4 a{ height: 19px; }
#menu_header_5 a{ height: 19px; }
#menu_header_6 a{ height: 19px; }
#menu_header_7 a{ height: 19px; }
#menu_header_8 a{ height: 19px; }
#menu_header_9 a{ height: 19px; }
#menu_header_10 a{ height: 19px; }
#menu_header_11 a{ height: 19px; }

#menu_header_1 a, #menu_header_2 a, #menu_header_3 a, #menu_header_4 a, #menu_header_5 a, #menu_header_6 a, #menu_header_7 a, #menu_header_8 a, #menu_header_9 a, #menu_header_10 a, #menu_header_11 a{
	display: block;
	margin: 0px 0px 0px 0px;
	width: 190px;
}

#menu_header_1 a:hover{ height: 19px; background: url(../images/layout2/menu.gif) -190px 0px no-repeat ;}
#menu_header_2 a:hover{ height: 19px; background: url(../images/layout2/menu.gif) -190px -19px no-repeat ;}
#menu_header_3 a:hover{ height: 19px; background: url(../images/layout2/menu.gif) -190px -38px no-repeat ;}
#menu_header_4 a:hover{ height: 19px; background: url(../images/layout2/menu.gif) -190px -57px no-repeat ;}
#menu_header_5 a:hover{ height: 19px; background: url(../images/layout2/menu.gif) -190px -76px no-repeat ;}
#menu_header_6 a:hover{ height: 19px; background: url(../images/layout2/menu.gif) -190px -95px no-repeat ;}
#menu_header_7 a:hover{ height: 19px; background: url(../images/layout2/menu.gif) -190px -114px no-repeat ;}
#menu_header_8 a:hover{ height: 19px; background: url(../images/layout2/menu.gif) -190px -133px no-repeat ;}
#menu_header_9 a:hover{ height: 19px; background: url(../images/layout2/menu.gif) -190px -152px no-repeat ;}
#menu_header_10 a:hover{ height: 19px; background: url(../images/layout2/menu.gif) -190px -171px no-repeat ;}
#menu_header_11 a:hover{ height: 19px; background: url(../images/layout2/menu.gif) -190px -190px no-repeat ;}
	
#menu_container a{
	padding: 0px;
	margin: 0px;
	display: block;
}

/****************************
ABOUT SUB MENU LAYOUT STARTS HERE
*****************************
#about_sub_menu_container{
	position:absolute;
	top:217px;
	left:32px;
	z-index: 51;
	width: 185px;
	height: 155px;
	margin: 0px;
	background-color: #ffffff;
}
#about_sub_menu_container ul{
	padding: 0px;
	top:0px;
	left:0px;
	z-index: 51;
	margin: 0px;
}
#about_sub_menu_container li, #about_sub_menu_header_1, #about_sub_menu_header_2, #about_sub_menu_header_3, #about_sub_menu_header_4, #about_sub_menu_header_5, #about_sub_menu_header_6, #about_sub_menu_header_7, #about_sub_menu_header_8, #about_sub_menu_header_9{
	position: relative;
	top:0px;
	left:0px;
	z-index: 51;
	float: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	width: 185px;
	height: 17px;
}

#about_sub_menu_header_1, #about_sub_menu_header_2, #about_sub_menu_header_3, #about_sub_menu_header_4, #about_sub_menu_header_5, #about_sub_menu_header_6, #about_sub_menu_header_7, #about_sub_menu_header_8, #about_sub_menu_header_9{
	margin: 0px 0px 0px 0px;
}

#about_sub_menu_header_1 { height: 17px; background: url(../images/menu/about_submenu.gif) 0px -1px no-repeat ;}
#about_sub_menu_header_2 { height: 17px; background: url(../images/menu/about_submenu.gif) -0px -18px no-repeat ;}
#about_sub_menu_header_3 { height: 17px; background: url(../images/menu/about_submenu.gif) -0px -34px no-repeat ;}
#about_sub_menu_header_4 { height: 17px; background: url(../images/menu/about_submenu.gif) -0px -51px no-repeat ;}
#about_sub_menu_header_5 { height: 17px; background: url(../images/menu/about_submenu.gif) -0px -68px no-repeat ;}
#about_sub_menu_header_6 { height: 17px; background: url(../images/menu/about_submenu.gif) -0px -85px no-repeat ;}
#about_sub_menu_header_7 { height: 17px; background: url(../images/menu/about_submenu.gif) -0px -102px no-repeat ;}
#about_sub_menu_header_8 { height: 17px; background: url(../images/menu/about_submenu.gif) -0px -119px no-repeat ;}
#about_sub_menu_header_9 { height: 17px; background: url(../images/menu/about_submenu.gif) -0px -136px no-repeat ;}

#about_sub_menu_header_1 a{ height: 17px; background: none;}
#about_sub_menu_header_2 a{ height: 17px; }
#about_sub_menu_header_3 a{ height: 17px; }
#about_sub_menu_header_4 a{ height: 17px; }
#about_sub_menu_header_5 a{ height: 17px; }
#about_sub_menu_header_6 a{ height: 17px; }
#about_sub_menu_header_7 a{ height: 17px; }
#about_sub_menu_header_8 a{ height: 17px; }
#about_sub_menu_header_9 a{ height: 17px; }

#about_sub_menu_header_1 a, #about_sub_menu_header_2 a, #about_sub_menu_header_3 a, #about_sub_menu_header_4 a, #about_sub_menu_header_5 a, #about_sub_menu_header_6 a, #about_sub_menu_header_7 a, #about_sub_menu_header_8 a, #about_sub_menu_header_9 a{
	display: block;
	margin: 0px 0px 0px 0px;
	width: 185px;
}

#about_sub_menu_header_1 a:hover{ height: 17px; background: url(../images/menu/about_submenu.gif) -185px -1px no-repeat ;}
#about_sub_menu_header_2 a:hover{ height: 17px; background: url(../images/menu/about_submenu.gif) -185px -18px no-repeat ;}
#about_sub_menu_header_3 a:hover{ height: 17px; background: url(../images/menu/about_submenu.gif) -185px -34px no-repeat ;}
#about_sub_menu_header_4 a:hover{ height: 17px; background: url(../images/menu/about_submenu.gif) -185px -51px no-repeat ;}
#about_sub_menu_header_5 a:hover{ height: 17px; background: url(../images/menu/about_submenu.gif) -185px -68px no-repeat ;}
#about_sub_menu_header_6 a:hover{ height: 17px; background: url(../images/menu/about_submenu.gif) -185px -85px no-repeat ;}
#about_sub_menu_header_7 a:hover{ height: 17px; background: url(../images/menu/about_submenu.gif) -185px -102px no-repeat ;}
#about_sub_menu_header_8 a:hover{ height: 17px; background: url(../images/menu/about_submenu.gif) -185px -119px no-repeat ;}
#about_sub_menu_header_9 a:hover{ height: 17px; background: url(../images/menu/about_submenu.gif) -185px -136px no-repeat ;}
	
#about_sub_menu_container a{
	padding: 0px;
	margin: 0px;
	display: block;
}
*/

/****************************
CONTENT STUFF STARTS HERE
******************************/

#banner_container{
	position: absolute;
	left: 205px;
	top: 132px;
	width: 590px;
	height: 64px;
	z-index: 1;
	margin: auto;
	/*border: 1px solid #990000;*/
}

#content_container{
	float: right;
	width: 800px;
	height: auto;
	margin-top: 50px;
	/*border: 1px solid #990000;*/
}

#spacer_container{
	float: left;
	width: 215px;
	margin: auto;
	/*border: 1px solid #990000;*/
}

#copy_container{
	float: left;
	width:360px;
	margin: auto;
}

#photo_frame{
	z-index:1;
	float: right;
	width: 200px;
	height: 225px;
	background: url(../images/layout2/photo_frame.gif) no-repeat;
}

#photo_under_frame{
	position:relative;
	z-index: -1;
	width: 185px;
	height: 225px;
	overflow: hidden;
}

/*#photo1{
	position: absolute;
	width:175px;
	height: 145px;
	top: 202px;
	right: 23px;
}

#photo2{
	position: absolute;
	width:80px;
	height: 55px;
	top: 360px;
	right: 118px;
}

#photo3{
	position: absolute;
	width:80px;
	height: 55px;
	top: 360px;
	right: 23px;
}*/

#ad_header_container1{
	position:absolute;
	width:375px;
	height:32px;
	top: 7px;
	left: 27px;
}

#ad_header_container2{
	position:absolute;
	width:375px;
	height:32px;
	top: 7px;
	left: 419px;
}

.inline_image_left{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

.inline_image_right{
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}

/****************************
OTHER LINK LAYOUT STARTS HERE
******************************
#other_link_container{
	position:absolute;
	top:565px;
	left:12px;
	z-index: 52;
	width: 776px;
	height: 24px;
	margin: 0px;
	background-color: #ffffff;
 	float:left;
	list-style:none;
}

#other_link_container a{ height: 24px; background: url(../beta/IMAGES/music/photo_link.gif) 0px 0px no-repeat ;}

#other_link_container a:hover{ height: 24px; background: url(../beta/IMAGES/music/photo_link.gif) 0px -24px no-repeat ;}

#other_link_container a{
	padding: 0px;
	margin: 0px;
	display: block;
}

/****************************
FONT STUFF STARTS HERE
******************************/

.subhead_text{ 
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5B94BE;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.subhead_text_underline {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5B94BE;
	font-weight: bold;
	margin-top:25px;
	border-bottom: 1px solid #5B94BE;
}
.main_text{ 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.second_colour_text{ 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5B94BE;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.box_text {
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #CCCCCC;
	padding: 5px;
	background-color: #EEEEEE;
}
.small_text{ 
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.small_footer_text{ 
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5B94BE;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

a:link {  color: #5B94BE; cursor: hand; text-decoration: none}
a:active {  color: #5B94BE; cursor: hand; text-decoration: none}
a:visited {  color: #5B94BE; text-decoration: none; cursor: hand}
a:hover {  color: #5B94BE; cursor: hand; text-decoration: underline}

#content_container a:link {  color: #5B94BE; cursor: hand; text-decoration: none;}
#content_container a:active {  color: #5B94BE; cursor: hand; text-decoration: none;}
#content_container a:visited {  color: #5B94BE; text-decoration: none; cursor: hand;}
#content_container a:hover {  color: #5B94BE; cursor: hand; text-decoration: underline;}

#side_bar_container a:link {  color: #5B94BE; cursor: hand; text-decoration: none; font-weight: bold;}
#side_bar_container a:active {  color: #5B94BE; cursor: hand; text-decoration: none; font-weight: bold;}
#side_bar_container a:visited {  color: #5B94BE; text-decoration: none; cursor: hand; font-weight: bold;}
#side_bar_container a:hover {  color: #5B94BE; cursor: hand; text-decoration: underline; font-weight: bold;}