/*Style sheet for Youthreach*/

* {
	margin:0;
	padding:0;
	}
	
	
	
	
	
	body {
	margin-top:0;
	padding-top:10px;
	padding-bottom:10px;
	background-attachment: fixed;
	background-color: #fff;
	background-image: url(../images/gradient_vert.jpg);
	background-repeat: repeat-x;	
	}




/*Sets width, centres web site block adds borders*/

#wrapper {
	margin-right: auto;
	margin-left: auto;
	width:950px;
	background: #499AF5 url(../images/graybrck_blue.jpg) fixed;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-top:0;	
	}



/*Basic default text styles*/


p, li {
	font-size: 0.95em;
	line-height: 1.45em;
	color: #000033;
	letter-spacing: 0.03em;
	}


p {
	margin-bottom: 0.5em;
	}
	
	
	

ul {
	margin-top:0.25em;
	margin-bottom:0.45em;
	list-style: square;
	}




li { 
	margin-left:2.55em;
	margin-bottom:0.25em;
	}




.hilight_1 {
	color: #330066;
	font-weight: bold;
	}
	
	
	

.hilight_2 {
	color: #000;
	font-weight: bold;
	}	
	
hr {
	border: #330066;
	color: #330066;
	display: block;
	clear: both;
}


/*Headings*/	
	

h1,h2,h3,h4,body,p,td,ul,li,blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	
	

h1,h2,h4 {
	color: #330066;
	letter-spacing: -0.05em;
	font-weight: bold;
	}
	
	
	
	
h1 {
	margin-top:0.0em;
	padding-top:0;
	margin-bottom:0.3em;
	font-size: 1.65em;
}





h2 {
	font-size: 1.25em;
	margin-top:0.6em;
	margin-bottom:0.25em;
	}




h3 {
	color: #000;
	background: #499AF5;
	padding: 3px 4px;
	margin-top:1.2em;
	margin-bottom:0.45em;
	font-size: 1.1em;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #CCCCCC;
	background:  url(../images/14bgc.jpg);
	letter-spacing: -0.05em;
	}


/*Blockquote*/

blockquote {
	margin-top:14px;
	margin-bottom:14px;
	}

blockquote p {
	color: #000066;
	margin-right: 45px;
	margin-left: 45px;
	text-indent: -0.35em;
	}

/*Default links - not navigation*/

a:link, a:visited {
	color: #330066;
	text-decoration: underline;
	}
	
	
	

a:hover, a:active {
	color: #000;
	text-decoration: none;
	}








/*Header block*/


#header {
	background:  url(../images/banner.gif) 50px;
	border-bottom: 1px solid #499AF5;
	border-top: 1px solid #499AF5;
	height:113px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	}





#logo {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
	border:0;
	}
	
	
	

#header h2 {
	font-size: 33px;
	font-weight: bold;
	color: #fff;
	text-align: right;
	margin-top:3px;
	padding-top:0px;
	}
	
	
	
	
#header h2 a:link,#header h2 a:visited {
	color: #330066;
	text-decoration: none;
	}



#header h2 a:hover,#header h2 a:active {
	color: #fff;
	text-decoration: underline;
	color: #000;
	}
	




/*Navigation across top of page*/

#nav {
	font-size: 1.00em;
	font-weight: bold;
	color: #000;
	margin-bottom:1px;
	padding: 0px;
	margin-left:2px;
	margin-right: 2px;
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #CCCCCC;
	background: #fff;
	height:1.8em;
	margin-left:140px;
	}
	
	
	

#nav ul {
	list-style: none;
	margin-bottom:1px;
	width: 100%;
	}




#nav li {
	display: block;
	float: left;
	margin-right: 11px;
	font-size: 0.9em;	
	margin-left:0;
		}
	
	
	

#nav li a:link,#nav li a:visited,#nav li a:hover,#nav li a:active {
	font-weight: bold;
	padding:9px 5px 5px 9px;
}



#nav li a:link,#nav li a:visited {
	text-decoration: none;
	color: #330066;
}




#nav li a:hover,#nav li a:active {
	text-decoration: underline;
	color: #fff;
	background: #330066;
}







/*Right hand side bar*/



#sidebar {
	width:160px;
	float: right;
	margin-right:12px;
	padding:5px;
	background: #29A2C6;
	background:  url(../images/14bgc.jpg);
	border-top: 2px solid #999;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #fff;
	margin-bottom:6px;
	}



#sidebar ul {
	list-style: none;
	background: #CCFFD2;
	padding:2px;
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;	
	}
	
	
	
	


#sidebar li {
	display: block;
	margin-bottom:7px;
	border: 1px solid #266A2E;
	margin-left:0;	
	}
	
	
	
	
	
#sidebar li a:link,#sidebar li a:visited,#sidebar li a:hover,#sidebar li a:active {
	text-decoration: none;
	display: block;
	padding: 5px;
	font-weight: bold;
	font-size: 0.9em;
	}
	
	
	

#sidebar li a:link,#sidebar li a:visited {
	border-top: 2px solid #999;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #999;
	color: #000;
	background: #499AF5;
		}
	
	
	
	

#sidebar li a:hover 	{
	color: #499AF5;
	background: #000;
	border-top: 2px solid #000;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-left: 2px solid #000;
		}
	
	
	
#sidebar li a:active {
	background: #330066;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	color:#fff;
	}



	
	
	#sidebar a:link img, #sidebar a:visited img, #sidebar2 a:link img, #sidebar2 a:visited img  {
	color: #499AF5;
	background: #000;
	border-top: 2px solid #bbbbbb;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #bbbbbb;
	margin-left :1px;
	margin-top :10px;
	}
	
	#sidebar a:hover img, #sidebar2 a:hover img  {
	color: #499AF5;
	background: #000;
	border-top: 2px solid #330066;
	border-right: 2px solid #330066;
	border-bottom: 2px solid #330066;
	border-left: 2px solid #330066;
	margin-left :1px;
	margin-top :10px;
	}
	
	
#sidebar a:active img, #sidebar2 a:active img  {
	color: #499AF5;
	background: #000;
	border-top: 2px solid #000066;
	border-right: 2px solid #000066;
	border-bottom: 2px solid #000066;
	border-left: 2px solid #000066;
	margin-left :1px;
	margin-top :10px;
	}
	
	
	
	
/*Left hand side bar*/

#sidebar2 {
	width:158px;
	float: left;
	margin-right:12px;
	padding:5px;
	background: #29A2C6;
	background:  url(../images/14bgc.jpg);
	margin-left:14px;
	border-top: 2px solid #999;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #fff;
	margin-bottom:6px;
	}



#sidebar2 ul {
	list-style: none;
	background: #CCFFD2;
	padding:2px;
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;
	}
	
	


#sidebar2 li {
	display: block;
	margin-bottom:7px;
	border: 1px solid #266A2E;
	margin-left:0;
	}
	
	
	
	
#sidebar2 li a:link,#sidebar2 li a:visited,#sidebar2 li a:hover,#sidebar2 li a:active								 	{
	text-decoration: none;
	display: block;
	padding: 5px;
	font-weight: bold;
	font-size: 0.9em;
	border: 2px solid;
	}

#sidebar2 li a:link,#sidebar2 li a:visited {
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #CCCCCC;
	color: #000;
	background: #499AF5;
	}
	
	
	

#sidebar2 li a:hover {
	color: #499AF5;
	background: #000;
	border-top: 2px solid #000;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 2px solid #000;
	}
	
#sidebar2 li a:active {
	color: #fff;
	background: #330066;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	}
	
	
	
	


	








/*Main central content block*/	
	
	
#content {
	width:510px;
	padding: 0px 12px 12px;
	float:left;
	margin-bottom:6px;
	}
	
#content_home {
	float:left;
	width:910px;
	padding: 0px 12px 12px;
	}







/*Footer on all pages*/



#footer {
	padding: 7px 12px 12px;
	clear: both;
	background:  url(../images/14bgc.jpg);
	border-top: 1px solid #000;
	}


#foot_nav {
margin-bottom:7px;
		
	}



#foot_nav ul {
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #CCCCCC;
	background: #fff;
	margin-right: 15px;
	margin-left:15px;
	list-style: none;
	margin-top:0;
	margin-bottom:0;
	padding-left:5px;
	padding-top:0;
	padding-bottom:0;
	height:1.4em;
	}





#foot_nav li {
	display: block;
	float: left;
	margin-right: 40px;
	font-size: 0.9em;
	font-weight: bold;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	}
	





#foot_nav li a:link,#foot_nav li a:visited {
	text-decoration: none;
	color: #330066;
	background: transparent;
	padding:4px;
	}





#foot_nav li a:hover,#foot_nav li a:active {
	text-decoration: none;
	color: #fff;
	background: #330066;
	padding:4px;
	}




#footer p a:link,#footer p a:visited {
	text-decoration: none;
	color: #000;
	}
	
	
	
#footer p {
	text-align: right;
	font-size: 0.75em;
	margin-right: 15px;
	margin-top: 4px;
	font-weight: bold;
	}



#footer p a:link,#footer p a:visited {
	color: #006666;
	text-decoration: none;
	}



#footer p a:hover,#footer p a:active {
	text-decoration: underline;
	color: #000;
	}
	
	
	
	
/*Icon for w3 validation*/	
	
	
.w3c_icon {
	float: left;
	margin-left: 15px;
	margin-top: 8px;
	margin-bottom: 8px;
	border: none;
}
	
	
/*Photos - positioning, paddings and borders*/

.photo_right {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
	background: #CCCCCC;
	padding: 2px;
	border-top: 1px solid #666;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #666;
	}


.photo_right_no_border {
float: right;
	margin-left: 15px;
	margin-bottom: 5px;
}	
	

.photo_block {
	margin-top: 10px;
	margin-bottom: 10px;
	background: #fff;
	padding: 2px;
	border-top: 2px solid #999;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #999;
	display: block;
	}








/*History page only - paragraph spacing and borders*/


#history p	{
	margin-top: 9px;
	padding-bottom: 7px;
	border-bottom: 1px solid #000;
	}
	
	

.gallery h1 {
text-align: center;
}


	
.gallery ul {
	list-style: none;
	text-align: center;
	width:344px;
	margin-left:100px;
	margin-top:22px;
	
	}
	
	
	.gallery li {
	font-size: 0.90em;
	color: #330066;
	margin-left:0;
	padding-left:0;
	margin-bottom:45px;
	font-weight: bold;	
	}
	
	.gallery img {
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;
	display:block;
	margin-bottom:-3px;
	background:#fff;
	}



#cost p {
margin-left:25px;
}

#cost h4 {
margin-top:12px;
}

.feint { color: #666; 
}

.clear {
clear:both;
}


.big_1 {
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;
	display:block;
	margin-top:20px;
	margin-bottom:4px;

}

p.caption { text-align: center; 

}





#home {

}


#home ul {
margin-top:25px;

}


#home li{
	text-align: center;
	list-style: none;
	display: block;
	float:left;
	font-weight: bold;
	color: #333333;
	margin-bottom:10px;
	
}


#home li a:link,#home li a:visited{
	background: transparent;
	display: block;
	width:246px;
	padding:4px;
	text-decoration: none;
	margin-right:1px;
}




#home li a:hover {
	background: #330066;
	color:#ffffff;	
}



#home li a:active{
	background: #000066;
	color:white;	
}



#home li img {
	display: block;
	padding: 1px;
	border-top: 1px solid #666;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #666;
}



#home li a:hover img	{
	border-color:#330066;
}


#home li a:active img	{
	border-color:#000066;
}





#nightgal ul {
	list-style: none;
	text-align: center;
	width:508px;
	margin-top:22px;
	
	}
	
	
#nightgal li {
	font-size: 0.90em;
	color: #330066;
	margin-left:0;
	padding-left:0;
	margin-bottom:45px;
	font-weight: bold;	
	}
	
#nightgal img {
	border-top: 1px solid #aaa;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #aaa;
	display:block;
	margin-bottom:-1px;
	background:#fff;
	}
	
	#nightgal h2 {
	padding-top: 10px;
	border-top: 1px solid #330066;
	margin-top:25px;
	}

#nightgal ul li.indent {
	width:408px;
	margin-right: auto;
	margin-left: auto;
}

.superscript {
	font-size: 0.6em;
	vertical-align: super;
}