/*  
Theme Name: Sidebar ON
Theme URI: 
Description: Custom Blue and White design for GHLCOA
Version: 1.1
Author:  JLH
Author URI: 
*/

/*  Global Style, normal cascading rules allow it to be overridden in further styles*/
* {	padding: 5;
  	margin: 5;
	color: #000066;
}

#wrapper{margin: 0 auto;
  	width: 700px;
  	width: expression(document.body.clientWidth < 605 ? "600px" : "85%" );
}
div>#wrapper{	margin: 0 auto;
  		min-width: 650px;
  		width: 100%;/*85%*/
}

/*Colour and font for default text and area around outside of copy and sidebar*/
body{		font-size:small;
		font-family: Verdana, Tahoma, Helvetica, sans-serif;/*font for default text*/
		background: #4d8dbd;
  		/*margin-right: 0%;*/
		margin:0 7% 4% 7%;
}
/*The area inside */
#page{		/*font-size:100%;*/
		width:100%;/*width of the area inside the border. text and sidebar*/
  		/*margin-left: 7%;*/
		padding:0;
		background: white;
}

/*hyperlink text*/
a:link{		font-weight:bold;
		color:#4d8dbd;
}
a:visited{		color:#000066;
}
a:hover{		color:#000066;
}
a:active{		color:#000066;
}
#header{ 		padding-top: 5px;
  		margin-bottom: 0px;
  		height: 116px;
		background-color: #4d8dbd;/*background: transparent url(images/geese.jpg) no-repeat top left;*/
		text-indent:-5000px;
}
 
/*#headerimg {	text-align: -5000px;
 		margin-right: 7%;
 		margin-top: 3.5%;		headerimg Section Not Used
  		color: #4d8dbd;
		text-indent:-5000px;
}*/

#header h1{	margin:0;
}
#header h1 a{	float: right;
		height:58px;
		width:260px;
 		margin-top: 48px;/*header height of 106px minus 58px height of graphic*/
		background: transparent url(images/ghlcoa1.gif) no-repeat;
		text-indent:-5000px;
}
#header h2{	position:relative;
		left:-50px;
		top:-10px;
		margin:0;
		height:106px;
		background: transparent url(images/geese1.gif) no-repeat;
		text-indent:-5000px;
}

#navigation{	float:left;
		padding:0%;/*0.5%;*/
		margin:0px 0 0px 0;
  		background-color: white;
		width:100%;
		height: 25px;
}

#navigation ul{	position:relative;
		list-style-type:none;
		float:left;
		padding:0px 0px 0px 25px;
		margin:0;
}
#navigation a{ 	text-decoration:none;
		font-size:80%;
		color: #4d8dbd;
  		background-color: white;
}
#navigation a:hover{ color:#000066;
		text-decoration: underline;
}

/*  hr{  display: none;} Would turn off all horizontal lines:<hr />*/

#content{		width: 60%;
  		float: right;
		min-height:100%;
		padding:2% 5% 5% 5%;
		background:white;
}
#content.widecolumn{width:90%;
}
#content.narrowcolumn{width:45%;
}
#content h1{	font-size:175%;
		margin:0 0 0.5em 0;
		color:#4d8dbd;
}
#content h2{	font-size:125%;
		margin:0 0 0.5em 0;
		color:#4d8dbd;
}
#content h3{	font-size:100%;
		margin:0 0 0.5em 0;
		color:#4d8dbd;
}
#content h4{	font-size:75%;
		margin:0 0 0.5em 0;
		color:#4d8dbd;
}
#content h5{	font-size:50%;
		margin:0 0 0.5em 0;
		color:#4d8dbd;
}
#content img{	margin:5px;
}

#sidebar{		float: left;
		width: 29%;
  		background-color: white;
		margin:0 0 0 0;
		border-right: 1px solid #000066;
}
#sidebar #links{	
}
#sidebar #links a{	
}
#sidebar script{	
}

/*bullets turned off for first unordered listing (which has been turned off in sidebar.php with the title_li= instruction) and on for the rest*/
#sidebar ul{ 	list-style: none;
		margin-bottom: 10px;
}
#sidebar ul ul{	list-style-image: url(images/listitem.gif);
		list-style-type: square;/* square will display if image is not available*/
		text-decoration: none;/*overline;*/
		font-size: 1.2em;
		margin-left: -10px;/*moves bullets off the page in IE*/
		margin-bottom: 10px;
}
#sidebar ul ul ul{	list-style-image: none;
  		list-style-type: disc;
		text-decoration: none;/*netscape screws this up and continues to display overline if one has been assigned in a previous style*/
		margin-bottom: 0;
		margin-left: -22px;/*moves bullets off the page in IE*/
  		font-size: 0.8em;
		margin-bottom: 10px;
}
#sidebar ul ul ul ul{	list-style-image: none;
  		list-style-type: circle;
		text-decoration: none;/*netscape screws this up and continues to display overline if one has been assigned in a previous style*/
		margin-bottom: 0;
		margin-left: 0;
  		font-size: 0.8em;
		margin-bottom: 10px;
}
/*#sidebar ul h2 {	background-color: white;
  		font-size: 1.5em;
  		font-weight: normal;		sidebar ul h2 Section Not Used	
  		padding: 2px;
  		margin-bottom: 5px;
}*/
#sidebar a{	text-decoration: none;
		color:#4d8dbd;
}
#sidebar a:hover{	text-decoration: underline;
  		color: #000066;
}
#sidebar a:visited{	text-decoration: none;
  		color: #000066;
		font-family: Tahoma;
}
/*#searchform{	text-align: left;
}
#searchform input{	border: 1px solid #000066;
  		background-color: #000066;		searchform Section Not Used
}
#searchform #s{	width: 50%;
  		background-color: white;
}
input#s{		background-color:#DDD;
}*/

/*#author{	border: 2px solid #999;
  		margin: 10px auto;
 		text-align: center;
  		width: 260px;			author Section Not Used
		height: 58px;
  		padding: 2px;
}
 
#author img{border: 0;
}*/

#footer{  	clear: both;  
	margin-left: 0%;
 	margin-right: 0%;
  	color: #000066;
  	background: white;
  	padding: 20px;
  	text-align: left;
	background: transparent url(images/ghlcoa-logo1.gif) center center no-repeat;
	font-size:0.8em;
}