/*FONT FAMILY===========================================================================================*/



body, td, th {

	font-family: Verdana, Arial, Helvetica, sans-serif; /*Arial & Helvetica are almost undistinguishable*/

}



/*-------uncomment and customize if you want to use different fonts for different page elements

h2 { font-family: Times }

h3 { font-family: Courier }

h4 { font-family: Trebuchet }

p { font-family: Helvetica }

---------*/

 





/*FONT SIZE=============================================================================================*/



h1 { font-size: 95%; } /* - header or special effects */

h2 { font-size: 110%; } /* content headings */

h3 { font-size: 100%; font-weight:lighter } /* content sub-headings */

h4 { font-size: 95%; } /* list headings, same size as (p) */

h5 { font-size: 95%; } /* list headings 2, same size as (p) */

h6 { font-size: 90%; } 



.widgettitle { font-size: 80%; }



ul, ol, td { font-size: 75%; }

p {line-height: 140%; font-size: 75%; }

ul ul { font-size: 85%; } /*- actually only necessary if the ul size is not 100%  */

td p { font-size: 75%%; }



/*WIDGETBOX=============================================================================================*/



#widgetbox {margin-left:10px; margin-right:10px; width:180px; padding:0px}

#widgetbox p {margin: 0px 0px 0px 0px;}

#widgetbox ul {list-style: none; margin: 0 ;padding: 0 ;}

#widgetbox ul li {padding: 5px ; border: none #cccccc 1px; margin-top:0px; background-color: #FFFFFF}



#widgetbox ul li ul li {list-style: none); padding-left: 0px ;  border:none; padding:0px; margin:0px; margin-bottom:4px; margin-top:4px; margin-left:4px; border: none; }





/*#widgetbox ul li ul li {list-style: none); padding-left: 0px; border: none; padding:0px; margin:0px; margin-bottom:4px; margin-top:2px; margin-left:4px;}*/



#widgetbox ul li ul li ul li {border: none; margin-left:8px}



#widgetbox li {margin-bottom:20px}





#widgetbox h2 {

	margin: 0 0 7px 0px;

	padding-left: 10px;

	padding-top: 3px;

	padding-bottom: 3px;

	border-bottom: 1px solid #cccccc;

	color: #FFFFFF;

	background-color: #009966;

}







/*FONT COLORS=============================================================================================*/

/*--------------------

below is the color scheme used - it's for info only, if you want to change you need to change below (after the body tag)

lead  color: 		#C52D2C  	blue		h1, h2, h3

second color:		#88bb22		green		seperaton lines, some links

highlight 1:		#9966cc		purple		not used but matching color - if you want to highlight something

highlight 2:		#990000		red			not used but matching color - if you want to highlight something



background 1:		#eeeeff		light 	 	lead elements

background 2:		#fefeef		light 		lightest bg

box underline:		#cccccc		light grey

---------------------*/





body {

color: #000066

}

a:active {color: #009966}



h1, h1 a:link, h1 a:visited {color: #dddddd}

h2, h3, h2 a:link, h3 a:link, h2 a:visited, h3 a:visited {color: #009966}

ul li a:link, ul li a:visited {color: #009966}

p a:link, p a:visited {color: #009966}

a:link, a:visited {color: #000066}



p.postmetadata a:link, p.postmetadata a:visited {color: #cccccc}



#footer p a:link, #footer p a:visited {color: black}



/*-------uncomment and customize below example if you want to add colors 

h2, h2 a:link, h2 a:visited { #990000 }

h3, h3 a:link, h3 a:visited { #9966cc }

---------*/







/*LINK STYLE other than color=============================================================================*/



a:link, a:visited {text-decoration:none }

p a:link, p a:visited {text-decoration:underline } /* orphan text remains undecorated */



a:hover {text-decoration:underline }

h1 a:hover {text-decoration:none }



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

#footer p a:hover {text-decoration: underline}



/*MARGINS, BORDERS AND PADDING for elements (not for containers)===========================================*/



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

ul, ol {list-style: outside; padding-top: 0px;}

#sidebar ul, #sidebar ol {margin-left: 0;	padding-left: 0; list-style-type: none; padding-right:7px;	}



li {

	padding-bottom: 9px;

}







h1, h1 a:link, h1 a:visited, h1 a:hover {margin-top:0}

h2, h2 a:link, h2 a:visited, h2 a:hover {margin-top:0}

h3, h3 a:link, h3 a:visited, h3 a:hover {margin-top:0}

h4, h4 a:link, h4 a:visited, h4 a:hover {margin-top:0}






a img { border: 0; }
a:hover img {border: 1px green solid; }
a:visited img {border: 0; }






/*MULTI-USE TAGS==========================================================================================*/



.center {text-align: center;}

.alignleft {text-align: left;}

.alignright {text-align: right;}



.left {float:left;}



.bg1 {background: #ffffff}

.bg2 {background: #fefeef}



.border1 {border: 1px solid #009900;}



.important {

font-weight: bold;

}

	









/*IMAGE TAGS==========================================================================================*/





/*the below will make images float right if they have no other tags (like 'right')*/



img.right {float: right; margin:5px 10px 10px 10px}





/*the below will make images float right but you have to add 'class="left" inside the image tag)*/



img.left {float: left; margin: 5px 20px 5px 5px}



#header img {border: none; margin:0px 0px 0px 0px}





/*=========================================================================================

===========================================================================================

===========================================================================================

*/









/* DIV FRAMING =============================================================

un-comment the next few lines and you will see colored borders around the main elements on your site - this helps you to identify which DIV you need to change if you want to change the layount (e.g. make the page or the sidebar wider)==========================================================================*/



/*

#page {border: 3px solid green;}

#header {border: 3px solid red;}

#content {border: 3px solid brown;}

#sidebar{border: 3px solid aqua;}

.post {border: 3px solid #C52D2C;}

#comments {border: 3px solid black;}

.commentlist {border: 3px solid yellow;}

*/





/* change the color or the width of the line below the header and left of the sidebar*/

#header {border-bottom: 1px solid #cccccc;}

#sidebar {border-left: 1px solid #cccccc;}







/* not much in the boddy tag================================================

==========================================================================*/



body {

text-align:center;

background-image: url(images/mainbckgrnd2.jpg);

background-repeat: repeat-y;

background-position:center; 

	}





/* BEGIN DIVS and other layout stuff========================================

this is the tricky bit - here you change your layout - make sure you back-up before changing ==========================================================================*/



#page {margin:auto;	margin-top:20px; width: 800px; text-align:left;

padding-left:40px; padding-right:10px;

}

.mainheading {

	width: 850px;

	background-color: #009966;

	height: 70px;

padding-top: 35px;

}

.mainheading a{

color: #ffffff;
font-size: 200%;
}





.description {

	width: 850px;

	background-color: #009966;

	height: 30px;

padding-top: 8px;

color: #ffffff;

}

.social_bookmark {
margin-top: 30px;
font-size: 70%;

}





#header {position:relative;	width: 850px; margin-top:10px; margin:auto;}



/* menu bar in header section*/

#nav{

	position:relative;

	display:block;

	height:24px;

	font-size:11px;

	font-weight:bold;

	background-color: #F3F3F3;

}

		#nav ul{margin:0; padding:0; list-style-type:none; width:auto;}

		#nav ul li{display:block; float:left;}

		#nav ul li a{

	display:block;

	float:left;

	color:#000;

	text-decoration:none;

	height:18px;

	padding-top: 7px;

	padding-right: 20px;

	padding-bottom: 0;

	padding-left: 20px;

}

		#nav ul li a:hover,#nav ul li a.current{

	display:block;

	float:left;

	color:#fff;

	background-color: #66CC99;

	text-decoration:none;

	height:18px;

	padding-top: 7px;

	padding-right: 20px;

	padding-bottom: 0;

	padding-left: 20px;

}



#content {padding-left: 5px; padding-right: 5px; margin-top: 10px;}



.narrowcolumn {float: left;	padding: 0 0 20px 45px;	margin: 0px 0 0; width: 585px;}

		.narrowcolumn .postmetadata {text-align: right;}



.widecolumn {float: left;	padding: 0 0 20px 45px;	margin: 0px 0 0; width: 790px;}









/* navigation here refers to the link to the next on previous post (not needed if you do pages only)*/

.navigation {font-size: 60%; display: block; text-align: center; margin-top: 20px; margin-bottom: 20px;}







/* sidebar refers to the main element on the right hand side of the page which contains all navigation links*/

#sidebar{position:relative;	float:right; padding: 0px 0 0px 0;	width: 185px; margin-top: 10px;	margin-left: 0px;}

		#sidebar form {margin: 0;}

		#sidebar #searchform #s {width: 108px; padding: 5px;}

		#sidebar #searchsubmit {padding: 0px;}



/* style of the headers within the sidebar*/

		.sb_header {
	margin: 0 0 20px 20px;
	padding-top: 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #F5FFEE;
}

				.sb_header h2 {margin: 0 0 2px 0px; }

			

.post {margin: 0 0 40px 0; text-align: left; display:block;	clear:both;}



	

.postmetadata ul, .postmetadata li {display: inline; list-style-type: none;	list-style-image: none;}



.blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}

		.blockquote cite {margin: 5px 0 0; display: block;}



#footer {border-top: 1px solid #cccccc;	padding: 0;	margin: 20px 0 0 0;	clear:both;	width: 800px;}

		#footer p {margin: 0; padding: 5px 10px; text-align: center;}



#comments { clear:left;}



.commentlist {padding: 0; text-align: left;	margin-left: 0;}

	.commentlist li {margin: 15px 0 5px; padding: 5px 10px 5px;	list-style: none;}

	.commentlist p {margin: 10px 5px 10px 0;}

	.commentlist p {text-transform: none;}



#commentform p {margin: 5px 0;}

#commentform input {width: 170px; padding: 5px;	margin: 5px 5px 0px 0;}

#commentform textarea {width: 500px;	padding: 0px;}

#commentform #submit {margin: 0; float: right;}



.commentmetadata {margin: 0; display: block;}



.nocomments {text-align: center; margin: 0;	padding: 0;}



#searchform {margin: 10px auto;	padding: 5px 3px; text-align: center;}



.entry form { text-align:center;}



select {width: 130px;}



.alt {background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; padding: 10px;}





.hedder img a:link {border: none;}





/**** Inline STYLE-tag style sheet ****/











/**** added navigsation styles ****/



#widgetbox #wh-subpages #subpages a {

	color: #000066;

	background-color: #FFF0FF;

	display: block;

	text-decoration: none;

	padding-left: 8px;

	padding-top: 3px;

	padding-right: 2px;

	padding-bottom: 4px;

	border: 1px solid #F3F3F3;

}



#widgetbox #wh-subpages #subpages a:hover {

	color: #009966;

	display: block;

	text-decoration: none;

	padding-left: 8px;

	padding-top: 3px;

	padding-right: 2px;

	padding-bottom: 4px;

	border: 1px solid #009966;

}



#page #sidebar #widgetbox #wh-subpages h2.widgettitle #subpages-title 

{

}





#page #sidebar #widgetbox #wh-subpages h2.widgettitle a:link{

	color: #FFFFFF;



}

#page #sidebar #widgetbox #wh-subpages h2.widgettitle a:visited{

	color: #FFFFFF;



}





#widgetbox #flexi-pages-1 .page_item a {

	color: #000099;

	background-color: #F3F3F3;

	display: block;

	text-decoration: none;

	padding-left: 8px;

	padding-top: 3px;

	padding-right: 2px;

	padding-bottom: 4px;

	border: 1px solid #F3F3F3;

}



#widgetbox #flexi-pages-1 .page_item a:hover {

	color: #009966;

	display: block;

	text-decoration: none;

	padding-left: 8px;

	padding-top: 3px;

	padding-right: 2px;

	padding-bottom: 4px;

	border: 1px solid #009966;

}





/**** end of added navigsation styles ****/