<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
    <meta name="dcterms.created" content="Tue, 17 Sep 2013 20:25:37 GMT">
    <meta name="description" content="styles for seaforth">
    <meta name="keywords" content="styles">
    <title>Style Sheet for Seaforth Counselling</title>
       <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body>
<style type="text/css" media="screen">
		html           	{ margin: 0; padding: 0; background="blgr026.jpg"; }
        html, body 		{ margin: 0; padding: 0;  }
        header          { color: #0080FF; font: 24px  Arial; line-height: 24px; }
		body            { color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; }
        h1              { color: #000080; font: 28px  Arial; line-height: 18px; }
		h2				{ color: #000080; font: 18px  Arial; line-height: 18px;}
        h3				{ color: #0D3E73; font: 14px  Arial; line-height: 16px;}
        h4				{ color: #000080; font: 12px  Arial; line-height: 10px;}
       
		a				{ color: #8000FF; }
        a:link {text-decoration:none;}    /* unvisited link */
        a:visited {text-decoration:none;} /* visited link */
        a:hover {text-decoration:underline;}   /* mouse over link */
        a:active {text-decoration:underline;}  /* selected link */
       
		p				{ margin: 0 0 10px; }
		#wrapper		{ float: left; width: 100%; }
		
		/* Header */
		#header			{ background: #eee; border-bottom: 2px solid #ddd; }
		#header h1  	{ font: 24px  Arial; line-height: 24px; color: #0000FF; margin: 0 0 3px; padding: 24px 18px 0; }
		#header p		{ color: #666; font-size: 11px; font-weight: bold; padding: 0 18px; }
		
		/* Content Style */
		#navigation		{ border-bottom: 1px solid #ccc; padding-top:140px; padding-left: 20px; list-style: none;}
		#navigation ul	{ padding: 0px 18px 9px; }
		#content		{ border-bottom: 1px solid #ccc; margin: 0 10px 9px; }
		#extra			{ margin: 0 0 0 18px; }
		#extra small	{ font-size: 11px; line-height: 18px; }
		#content p, #extra p { padding-right: 18px; }
		
		/* Content Positioning & Size */
		#navigation		{ float: left; width: 180px; margin-left: -100%; }
		#content		{ margin-left: 250px; }
		#extra			{ clear: left; }		
		/* Footer */
		#footer			{ background: #333; border-bottom: 2px solid #999; clear: both; width: 100%; }
		#footer a		{ color: #eee; }
		#footer	p		{ font: 8px  Arial; color: #ccc; margin: 0; padding: 0 36px 4px; }
		#footer ul		{ border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 2px 0 2px; }
		#footer li		{ display: inline;  font-size: 11px; font-weight: bold; padding-right: 5px; }
        #footer h6		{ color: #eee; font: 8px  Arial; line-height: 2px; }
	
	
		#navbar			 {width:auto; position:relative; height:36px; background:#999 left top repeat-x; }
		#navbar .inbar   {display:block; border:1px solid red ; height:36px; background:#999 right top no-repeat; }
		#navbar ul, 
		#navbar ul li    { border:1px; margin:0px; padding:0px; list-style:none; height:36px; line-height:36px; } 
		#navbar ul 		 {background:#999 centre top no-repeat; }
		#navbar ul li	 {float:left;display:block;line-height:36px; }
		#navbar ul li a	 { color:#403e32;text-decoration:none; font-weight:bold; display:block; }
		#navbar ul li a span{padding:0 20px 0 0; height:36px; line-height:36px; display:block; margin-left:20px; }
		#navbar .navhome a , 
		#navbar .navhome a:hover{ background:#87CEEB left top no-repeat; height:36px; line-height:36px; }
		#navbar .navhome a span, 
		#navbar .navhome a:hover span{ color:#FFFFFF background: #FFFFFF right top no-repeat; height:36px; line-height:36px; }
		#navbar ul li a:hover{ background:#FA8072 left top no-repeat; height:36px; line-height:36px; }
		#navbar ul li a:hover span{ background: #FA8072; right top no-repeat; height:36px; line-height:36px; } 

	</STYLE>
  </body>
</html>