/*  
Theme Name: BayPress V2
Theme URI: http://baypress.org
Version: April 15, 2009
*/


/********************************************** 
				  DEFAULTS
**********************************************/

* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	}
	
body {
	font: normal 62.5%/1.5em Arial, Helvetica, sans-serif;
	/* text-align: center; */
	color: #000000;
	background: #98928B;
	}

hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: none;
	width: 100%;
	height: 1px;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
h1  {
	margin: 0 0 3px 0;	
	font: bold 1.8em Georgia, "Times New Roman", Times, serif;
	color: #6B9FA4;
	}			
	
h2  {
	margin: 0 0 3px 0;
	font: bold 1.4em Georgia, "Times New Roman", Times, serif;
	color: #6B9FA4;
	text-decoration: none;
	text-align: left;
	}		
	
h3  {
	margin: 0 0 3px 0;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
	
h4  {
	margin: 0 0 3px 0;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #9EA877;
	}		
	
h5  {
	margin: 0 0 3px 0;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #000000;
	text-transform: uppercase;
	}		
	
h5 a:link, h5 a:visited, h5 a:hover, h5 a:active {
	text-decoration: none;
	color: #000000;
	}		
	
p { 
	margin: 0 0 10px 0;
	font: normal 1.2em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #666666; 
	}	

	
a:focus { outline: none; }

a:link, a:visited {
	padding: 0 0 1px 0;
	text-decoration: underline;	
	color: #AF2314;
	}
a:hover, a:active {	
	text-decoration: none;	
	}


/********************************************** 
				  STRUCTURE
**********************************************/	


#wrap {
	width: 1020px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(images/bg_body.gif) repeat-y left top;
	}
			
#header {
	width: 960px;
	height: 129px;
	margin: 0 auto;
	padding: 0 0 10px 0;	
	border: 10px solid #E0E0E0;
	border-top: none;
	text-align: center;
	background: url(images/bg_header.gif) no-repeat left top;
	}
	
#header h2 {
	position: relative;
	width: 193px;
	height: 58px;
	margin: 0 0 0 380px;
	padding: 24px 0 0 0;
	font-size: 150%;
	color: #000000;
	}
#header h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/logo_baypress_smaller.gif) no-repeat;	
	margin-top:15px;
	}	
#header h2 a { cursor: pointer;	}		
	
#header h3 {
	margin: 0 0 3px 0;
	padding: 0;
	font: bold 1.4em Georgia, "Times New Roman", Times, serif;
	color: #666666;
	}		
#header p {
	margin: 0;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	color: #333333;
	}	
	
#threecol {
	width:980px;
	height: auto;
	margin: 0 auto;
	padding: 0;	
	background: url(images/bg_content.gif) repeat-y left top;	
	}	
#threecol .leftcol {
	float: left;
	width: 347px;
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	}	
#threecol .centercol {
	float: left;
	width: 200px;
	margin: 0;
	padding: 10px 0 0 0;
	}			
#threecol .rightcol {
	display: inline;
	float: left;
	width: 383px;	
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;	
	}	

#threecol .rightcol .left {	
	float: left;
	width: 172px; 	
	margin: 0 20px 0 10px;	
	}
	
#threecol .rightcol .right {	
	float: left;
	width: 172px; 	
	margin: 0;
	}


#twocol {
	width:980px;
	height: auto;
	margin: 0 auto;
	padding: 0;	
	background: url(images/bg_content.gif) repeat-y left top;	
	}	
#twocol .leftcol {
	float: left;
	width: 547px;
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	}	
	
#twocol .rightcol {
	display: inline;
	float: left;
	width: 383px;	
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;	
	}
	
#twocol .rightcol .left {	
	float: left;
	width: 172px; 	
	margin: 0 20px 0 10px;
	}
	
#twocol .rightcol .right {	
	float: left;
	width: 172px; 	
	margin: -1px;
	}	
	
#onecol {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: #FFFFFF url(images/bg_fade.gif) repeat-x left top;	
	}
#guide {
	width:980px;
	height: auto;
	margin: 0 auto;
	padding: 25px 0 0 0;	
	background: url(images/bg_guide.gif) repeat-y left top;	
	}	
#guide .post {
	width: 940px;
	margin: 0 0 0 20px;
	}






/********************************************** 
			        POSTS
**********************************************/	

.post {
	padding: 0;
	text-align: left;
	}	
	
.post h1 {
	margin: 0 0 3px 0;	
	font: bold 1.8em Georgia, "Times New Roman", Times, serif;
	color: #AF2314;
	}	
.post h1.paged { margin: 0 0 30px 0; color: #6B9FA4; }	
	
.post h1 a:link, .post h1 a:visited {
	text-decoration: none;
	}

.post h1 a:hover, .post h1 a:active { 
	text-decoration: none;
	color: #AF2314;
	}	
	
.post p.date {
	float: left;
	margin: 0 15px 5px 0;
	padding: 3px 15px;
	background: #4C4C4C;
	border: 1px solid #FFFFFF;
	outline: 3px solid #4C4C4C;
	text-align: center;
	}	
	
.post p.date .month {
	display: block;
	font: normal 1.1em "Times New Roman", Times, serif;
	color: #FFFFFF;
	}	
	
.post p.date .day {
	display: block;
	font: normal 1.8em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}	
	
.post p.date .year {
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}			

.post p { 
	font: normal 1.3em/1.6em Georgia, "Times New Roman", Times, serif;
	color: #333333; 
	margin: 0 0 10px 0;
	}
	
.post p a:link, .post p a:visited {
	color: #AF2314;	
	font-weight: normal;
	text-decoration: underline;
	}	
	
.post p a:hover, .post p a:active {	text-decoration: none; }


.post ul {
	margin: 5px 0;
	padding: 0;
	}	
	
.post li {
	margin: 0 10px 5px 10px;
	padding: 0 0 2px 10px;
	list-style: none;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #333333;
	background: url(images/bg_bullet.gif) no-repeat left 6px;
	}	
	
.post li em {
	color: #000000;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
	}	
	
.post li a:link, .post li a:visited {
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;	
	}	
	
.post li a:hover, .post li a:active { color: #00ACEC; }	


.post img {
	float: right;
	margin: 10px 0 10px 10px;
	border: 3px solid #CCCCCC;
	text-decoration: none;
	}			

.post blockquote { margin: 5px 20px; }

.post blockquote p {
	font-style: italic;
	color: #666666; 
	}
	
.byline {
	width: 567px;
	margin: 0 0 30px 0;
	font: normal 1em Arial, Helvetica, sans-serif;	
	color: #AF2314;
	text-transform: uppercase;
	}		
.byline .comnum {
	float: left;
	padding: 0 0 0 15px;
	background: url(images/icon_comments.gif) no-repeat left center;
	}	

.byline .rss {
	float: left;
	margin: 0 0 0 180px;
	}	
	
.byline .share {
	float: left;
	margin: 0 0 0 175px;
	}			
	
.byline a:link, .byline a:visited {
	color: #AF2314;	
	text-decoration: none;
	}		
.byline a:hover, .byline a:active { text-decoration: underline;	}	

.timeline {
	margin: 20px 0 20px 0;
	padding: 3px 5px;
	text-align: center;
	}
		
.timeline a:link, .timeline a:visited {
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	color: #AF2314;
	text-decoration: none;
	}	

.timeline a:hover, .timeline a:active { text-decoration: none; }


/********************************************** 
			   ARCHIVES
**********************************************/	

.archive { 
	padding: 5px 0 0 0; 	
	border-bottom: 1px solid #CCCCCC;
	}

.archive .info {
	margin: 10px 0 3px 0;
	padding: 0;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	}	
.archive .info a:link, .archive .info a:visited {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	}	
.archive .info a:hover, .archive .info a:active {	
	text-decoration: underline;
	}
.archive h4 {
	padding: 0 0 10px 0;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	color: #666666;	
	}	
	
.archive h4 a:link, .archive h4 a:visited {
	color: #AF2314;
	text-decoration: none;	
	}	
.archive h4 a:hover, .archive h4 a:active {
	text-decoration: none;	
	}		


	
/********************************************** 
			    RECENT POSTS
**********************************************/	

.recent { border-top: 3px solid #CCCCCC; padding: 5px 0 0 0; }

.recent .entry { border-bottom: 1px solid #CCCCCC; }
.recent .last { border: none; }	

.recent .info {
	margin: 10px 0 3px 0;
	padding: 0;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	}	
.recent .info a:link, .recent .info a:visited {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	}	
.recent .info a:hover, .recent .info a:active {	
	text-decoration: underline;
	}
.recent h4 {
	clear: both;
	padding: 0 0 5px 0;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	color: #000000;	
	}	

.recent h4 a:link, .recent h4 a:visited {
	color: #6B9FA4;
	text-decoration: none;	
	}	
.recent h4 a:hover, .recent h4 a:active {
	color: #92D9E0;
	text-decoration: none;	
	}		


.most-commented {
	border-top:3px solid #CCCCCC;
	padding:5px 0 0;
}
.most-commented h4 {
	clear: both;
	padding: 0 0 5px 0;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	color: #000000;	
	}	

.most-commented h4 a:link, .most-commented h4 a:visited {
	color: #AF2314;
	text-decoration: none;	
	}	
.most-commented h4 a:hover, .most-commented h4 a:active {
	color: #000000;
	text-decoration: none;	
	}		

.most-read {
	border-top:3px solid #CCCCCC;
	padding:5px 0 0;
}
.most-read h4 {
	clear: both;
	padding: 0 0 5px 0;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	color: #000000;	
	}	

.most-read h4 a:link, .most-read h4 a:visited {
	color: #00008B;
	text-decoration: none;	
	}	
.most-read h4 a:hover, .most-read h4 a:active {
	color: #000000;
	text-decoration: none;	
	}		

/********************************************** 
			       MODULE
**********************************************/	

.module {
	clear: both;
	margin: 10px;
	padding: 5px 0 0 0;
	border-top: 3px solid #CCCCCC;
	}
	
.module h5 { float: left; }

.module .editorial h5 { margin: 0 0 10px 0; }

.module .rss { float: right; }
.module .rss a:link, .module .rss a:visited { text-decoration: none; }
.module .rss a:hover, .module .rss a:active { text-decoration: underline; }

#twocol .rightcol .left .module { margin: 0; }	

.module h4 {
	padding: 0;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	color: #666666;	
	}	
.module h4:last-child { border: none; }		
.module h4 a:link, .module h4 a:visited {
	color: #6B9FA4;
	text-decoration: none;	
	}	
.module h4 a:hover, .module h4 a:active {
	color: #92D9E0;
	text-decoration: none;	
	}		

.module ul.feed, .module ul.feed p { margin: 0; padding:0; background: #FFFFFF; }
.module ul.feed li {
	padding: 0 0 0 10px;
	background: url(images/bullet.gif) no-repeat left 5px;
	}

.module ul.feed a:link, .module ul.feed a:visited {
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	color:#6B9FA4;
	text-decoration: none;		
	}	
.module ul.feed a:hover, .module ul.feed a:active {
	color: #92D9E0;
	text-decoration: none;	
	}			
.module .entry { 
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #CCCCCC; 
	}
.module .entry:last-child { border: none; margin: 0; padding: 0; }	
.module .last { border: none;  }

.module .entry p { 
	font: normal 1.1em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #333333; 
	}
.module .entry .info {
	margin: 10px 0 3px 0;
	padding: 0;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	}

.module ul {
	margin: 10px 0;
	padding: 5px 0 0 3px;
	background: #EFEFEF;
	}	
	
.module li {
	margin: 0 10px 5px 5px;
	padding: 0 0 2px 0;
	list-style: none;	
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #333333;
	}	
	
.module li em {
	color: #000000;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
	}	
	
.module li a:link, .module li a:visited {
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;	
	}	
	
.module li a:hover, .module li a:active { color: #AF2314; }	



.map { border: 1px solid #CCCCCC; }
.map:hover { border: 1px solid #AF2314; }


.about {
	margin: 10px;
	padding: 5px 0 0 0;
	border-top: 3px solid #CCCCCC;
	}

.left p.archives a {
	float: right;
	margin: 3px 0 0 0;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	}


p.archives a {
	float: right;
	margin: -5px 10px 10px 0;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	}



/********************************************** 
				  SEARCH
**********************************************/		
	
#search {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	background: none;
	}	

#search li { list-style: none; }	
	
#search .input {
	float: left;
	width: 140px;
	margin: 0 0 5px 0;
	padding: 2px;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #CCCCCC;
	}
		
#search .btn {
	float: left;
	margin: 0 0 3px 5px;
	}		

/********************************************** 
			     NEWSLETTER
**********************************************/		
	
	
#stnl_form {
	margin: 0 0 38px 0;
	padding: 0;
	list-style: none;
	background: none;
	}	

#stnl_form li { list-style: none; }	
	
#stnl_form .input {
	float: left;
	width: 140px;
	margin: 0 0 5px 0;
	padding: 2px;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #CCCCCC;
	}
		
#stnl_form .btn {
	float: left;
	margin: 0 0 3px 5px;
	}		

		
/********************************************** 
				COMMENTS
**********************************************/	
h3#comments {
	display: inline;
	margin: 0;
	padding: 5px 0 0 10px;
	}
	
h3#comments a {	
	color: #000000;
	text-decoration: none;
	}

h3#reply { margin: 0 0 0 10px; }
	
.comments {
	margin: 10px 0 10px 0;
	padding: 10px 0;
	border-bottom: 1px solid #CCCCCC;
	}


.admin { background: #E6FCFE; }

.comments h4 {
	margin: 3px 10px 0 10px;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	color: #666666;
	}

.comments h4 cite {
	font-style: normal;
	text-transform: capitalize;
	color: #666666;
	}

.comments p {
	margin: 0 10px;
	font: normal 1.2em/1.25em Arial, Helvetica, sans-serif;
	color: #333333;
	}

form.comment {
	margin: 10px;
	padding: 0 0 20px 0;
	background: #E0E0E0;
	}
	
form.comment fieldset { 
	margin: 0;
	border: none;
	}
	
form.comment legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.comment fieldset ol {
	margin: 15px 15px 0 15px;
	padding: 0;
	}
	
form.comment fieldset li {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
	}

form.comment label { 
	display: block;
	margin: 0 0 3px 0;
	font: bold 100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #333333;
	}
	
form.comment p.tags { font-size: 1em; }	

form.comment p.input {
	margin: -10px 0 0 20px;
	padding: 0;
	}
	
form.comment p.subscribe-to-comments {
	margin: 10px 0 0 20px;
	padding: 0;
	font-size: 1.1em;
	}	

form.comment p.subscribe-to-comments input {
	float: left;
	margin: 0 5px 0 0;
	}

form.comment .textinput, #akst_email .akst_text {
	width: 25%;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #333333;	
	border-top: 1px solid #666666;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	border-left: 1px solid #666666;
	background: #FFFFFF;
	}
	
form.comment .textarea {
	font: normal 1.1em Arial, Helvetica, sans-serif;
	padding: 2px;
	height: 150px;
	width: 99%;
	color: #333333;
	border-top: 1px solid #666666;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	border-left: 1px solid #666666;
	background: #FFFFFF;
	}

	
form.comment .submitbutton { 
	margin: 0 10px 20px 0;
	background: transparent;
	}

form.comment input#submit { 
	margin: 0 0 0 15px;
	padding: 4px 8px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #000000;
	}	
form.comment input#submit:hover { cursor: pointer }


#akst_form { margin: 0 0 0 400px; }

#akst_email input.button {
	margin: 0;
	padding: 4px 8px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #000000;
	}

/********************************************** 
				CONTACT FORM
**********************************************/


.leftcol dl { margin: 0 0 0 10px; }
.leftcol dd { margin: 0 0 5px 0; }	

form.contact {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	}
	
form.contact fieldset { 
	margin: 0;
	border: none;
	}
	
form.contact fieldset li, .post form.contact fieldset li {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
	background: none;
	}

form.contact label { 
	display: block;
	margin: 0 0 3px 0;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #333333;
	}
	
.post form.contact label { font-size: 0.9em; }	

form.contact .textinput, form.contact select {
	border: 1px solid #DAD2CA;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 150px;
	color: #333333;
	}
form.contact select { width: 156px; }


form.contact .textarea {
	border: 1px solid #DAD2CA;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 99%;
	height: 150px;
	color: #462706;
	}
	
form.contact .verify {
	float: left;
	margin: 0 5px 0 0;
	}
form.contact img {
	float: left;
	margin: -3px 0 0 0;
	border: none;
	}		
	
form.contact .button { 
	margin: 0;
	padding: 4px 8px;
	font: normal 1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #000000;
	}	
form.contact .button:hover { cursor: pointer }

.post form.contact .button { font-size: 0.8em; }
	
dl.addresses {
	margin: 0 0 20px 0;
	padding: 0;
	}
	
dl.addresses dt {
	margin: 15px 0 3px 0;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #000000;
	}
	
dl.addresses dd.paper {
	margin: 0 0 3px 0;
	font: bold italic 1.2em Georgia, "Times New Roman", Times, serif;
	color: #666666;
	}		
	
dl.addresses dd.paper a:link {
	text-decoration: none;
	}
dl.addresses dd.paper a:hover, dl.addresses dd.paper a:active { 
	text-decoration: underline; 
	}

dl.addresses dd.paper a:visited {
	color: #666666;
	text-decoration: none;
	}	
	
dl.addresses dd {
	margin: 0 0 3px 0;
	font: normal 1.2em Georgia, "Times New Roman", Times, serif;
	color: #666666;
	}			
	
	
h2.rule  {
	margin: 0;
	padding: 15px 0 0 0;
	font: bold 1.4em Georgia, "Times New Roman", Times, serif;
	color: #666666;
	border-top: 1px solid #CCCCCC;
	}		

/********************************************** 
			      FOOTER

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

#footer {
	width: 982px;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 40px 0;
	background: #000000;
	text-align: center;
	}	
#footer p {color: #FFFFFF; }	
	
#footer a:link, #footer a:visited {
	padding: 0 0 1px 0;
	font-weight: bold;
	text-decoration: none;	
	color: #FFFFFF;
	}
#footer a:hover, #footer a:active {	
	text-decoration: none;	
	color: #666666;
	}	






#overlay{ 
    background-image: url(images/overlay.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(images/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="images/overlay.png", sizingMethod="scale");
}

#box{
    background:#F5FFD1;
	margin: 0;
	padding: 0;
    border:5px solid #CCCCCC;
	overflow: hidden;
}

#box #close{
    position:absolute;
    top:3px;
    right:0;
    cursor:pointer;
}

#box #boxContents {
	padding: 27px 0 0 0;	
	background: #CCCCCC;
}





code { font: normal 1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
	cursor: help;
	}


.right { float:right }

.left { float:left; }

.clear { clear:both; }

.fix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.fix {display: inline-block;}

/* Hides from IE-mac \*/
* html .fix {height: 1%;}
.fix {display: block;}
/* End hide from IE-mac */

.widget_text { 
	/* width: 375px; */
	overflow: auto;
	margin: 0;
}


#map { 
	float:none;
}
.cat-item-1 { 
	display:none;
}


	

/****************************************************************************/
<style type="text/css">
#info {background:#f8f8f8; border:0;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:75px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;
/*width:149px; */
position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#AF2314; width:75px; height:30px; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:135px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: #e0e0e0; 
	width: 960px;
	height: 26px;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 6px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#navbar a, #navbar a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 3px;
	}
	
#navbar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 0px 0px 0px 3px;
	}
	
#navbarleft {
	width: 720px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#navbarright {
	width: 220px;
	font-size: 11px;
	float: right;
	margin: 0px;
	padding: 0px;
	}
	
#navbarright a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

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

#nav a, #nav a:visited {
	background: #e0e0e0;
	color: #AF2314;
	display: block;
    font-weight: bold;
    margin: 0px;
	padding: 8px 15px 8px 15px;
	border-left: 0px solid #000000;
	}
	
#nav a:hover {
	background: #e0e0e0;
	color: #000000;
    margin: 0px;
	padding: 8px 15px 8px 15px;
	text-decoration: none;
	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#nav li li {
	float: left;


	margin: 0px;
	padding: 0px;
	width: 150px;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #FFFFFF;
        color: #AF2314;
	width: 140px; 
	float: none;
	margin: 0px;
	padding: 7px 30px 7px 10px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
        text-align:left;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #c0c0c0;
        color: #AF2314;
	padding: 7px 30px 7px 10px;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
        margin-top: -5px;
	}

#nav li:hover ul {
	left: auto;
	display: block;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}

#navrightlink a, #navrightlink a:visited { 
        color:#6B9FA4;
}
#navrightlink a:hover { 
        color:#000000;
}
#pagetitle { 
color:#6B9FA4;
}