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

   MAIN

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


/* ==  NOTE ABOUT BODY TEXT: Believe the body text can actually be controlled by the settings for  #mainside .entry (scroll down 25% of the way to find that setting)  === */

body	{

	font:normal 13px Georgia,'Arial', 'Helvetica','Tahoma', 'Trebuchet MS';

	background:#F0F0DE url('./images/F0F0DE.gif');

	margin:0;

	padding:0;

	}





#body-in{

	background:transparent url('./images/background.gif') repeat-x;

	}





#wrapper{

	width:1000px;

	margin:0 auto;

	}





a 	{

	text-decoration: none;

	outline:none;

	color:#165BB5;

	}

	



a:hover{

	text-decoration: none;

	color:#6D6D37;

	}





h1	{

	font-family:"Hoefler Text","Constantia",Georgia,"Times New Roman",Times,serif;

	font-size: 24px;

	font-weight: normal;

	line-height: 130%;

	padding: 10px; padding-bottom: 10px; padding-left: 0px;

	}





h2	{

	font-family:"Hoefler Text","Constantia",Georgia,"Times New Roman",Times,serif;

	font-size: 18px;

	font-weight: normal;

	line-height: 150%;

	margin: 0;

	}





/* h3 is the tag that should be used whenever you create a headline within a post. */



h3	{

	font-family:"Hoefler Text","Constantia",Georgia,"Times New Roman",Times,serif;

	font-size: 18px;

	font-weight: normal;

	font-style:italic;

	line-height: 150%;

	margin: 0;

	padding-top: 10px;

	}



h4	{

	font-family:"Hoefler Text","Constantia",Georgia,"Times New Roman",Times,serif;

	font-size: 14px;

	font-weight: normal;

	font-style:italic;

	line-height: 150%;

	margin: 0;

	padding-top: 10px;

	}



img 	{

	border:none;

	}





img.myimg {

	border:1px solid #CCCCCC;

	padding:5px;

	background-color:#FFFFFF;

	}





img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}





img.alignright {

	padding: 2px;

	margin: 0 0 2px 7px;

	display: inline;

	}





img.alignleft {

	padding: 2px;

	margin: 0 2px 2px 0;

	display: inline;

	float: left;

	}

	



.alignright {

	float: right;

	}





.alignleft {

	float: left;

	}





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

   Various Tags & Classes

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





acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote{

	margin: 30px 30px 30px 30px;

	padding: 25px 25px 25px 25px;

	background-color:#FBFDF0;

	}



blockquote p{

	margin: 0px 0px 10px 0px;

	padding: 0px;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center { 

	text-align: center; 

	}



.hidden { 

	display: none; 

	}





hr 	{ 

	display: none; 

	}





a img 	{

 	border: none; 

	}







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

   Captions

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





.aligncenter, div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}





.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #FFFFF4;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	}





.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

	}





.wp-caption p.wp-caption-text {

	font-size: 10px;

	line-height: 12px;

	padding: 0 4px 5px;

	margin: 0;

	}



.clear	{

	clear: both;

	}





/* icon system */





.icon	{

	background-image:url('images/all-icons.png');

	background-repeat:no-repeat;

	display:block;

	padding-left:22px;

	font-size: 10px;

	height:22px;

	}


#brownbuttons img {
	margin-right:5px;
}




#bookmark, #pref-nav  {

	float:left;

	}





#bookmark{ 

	width:150px; 

	}





#search{

	float:right;

	width:45px;

	background-position: 0 -20px;

	}





.rss 	{

	background-position: 0 -44px;

	padding-left:26px;

	width:100px;

	float:right;

	line-height:22px;

	}





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

   HEADER

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



#header	{

	background:transparent url('./images/header-bg.png') no-repeat;

}



/* NOTE: The height number below makes header big & lowers photo carousel */



/* #header-in used to include:  background:transparent url('./images/header-content-bg.gif') repeat-y;*/

/* #header-in used to include: background:transparent url('./images/header-bg.png') no-repeat;*/





#header-in{

	width:980px;

	height:176px;

	margin:0 auto;

	border-bottom:1px solid #FFFFFF;

	}





#header-tool{

	background:#F0F0DE url('./images/F0F0DE.gif');

	height:31px;

	/*margin-bottom:10px;*/

	padding:10px 10px 0;

	font-family: Arial, Georgia, "Hoefler Text", "Constantia", "Times New Roman", Times, serif;

	font-size:11px;

	line-height:22px;

	color:#012047;

	border-bottom:1px solid #DFDFC8;

	}





#header-tool a { 

	color:#012047; 

	}





#header-tool a:hover { 

	color:#2B1F06; 

	}





#header-content {

	border-top:1px solid #F9F9F0;

	padding:10px 20px;

	height:64px;

	position:relative;

	font-family: Helvetica, Arial, Georgia, sans serif; 

	font-size: 7px;

	color:#FFFFFF;

	}





#header-content h1

	{ font-family:"Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif;	

	text-transform: uppercase;

	margin-top: 10px;

	margin-left: 100px;

	}





#header-content h1 a { 

	font-family:"Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif;	

	text-transform: uppercase;

	color:#034876;

	}





#header-content h1 a:hover {

	color:#2E7FB5;

	}





#header-content h2 { 

	font-family:Arial,'Trebuchet MS',Georgia; 

	font-size:13px; 

	}





#right-now  {

	background:transparent url('images/date-top-bg.png') no-repeat;

	width:150px;

	height:31px;

	position:absolute;

	top:25px;

	right:30px;

	font:normal 13px Arial;

	color:#9CA17A;

	padding-right:20px;

	line-height:30px;

	text-align:right;

	}





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

   Search form.

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





.simple-form {

	margin:0;
	padding:0;
	background:transparent url('images/form.png') no-repeat;
	float:right;
	width:221px;
	height:23px;
	position:relative;
	}




.input-text,.input-submit {

	border: medium none;

	background:transparent;

	position:relative;

	}





.input-text { 

	left:8px; 

	top:2px; 

	width:140px; 

	}





.input-submit {

	width:21px;

	left:17px;

	top:1px;

	cursor:pointer;

	}







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

   Container

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





#container{	

	background:transparent url('./images/warper-bg.gif') repeat-y;

	}





#container-in{

	width:980px;

	margin:0 auto;

	padding:0;

	}





#news-slider { 

	background:#F4F4DC url('./images/F4F4DC.gif'); 

	border-bottom:1px solid #FFFFFF; 

	}





#news-slider-in {

	background:transparent url('./images/news-slider-top-bg.png') no-repeat;

	padding:20px 8px;

	}







/* Special map and logo background property */





#map   {



background:transparent url('./images/newport_map_1780_SLIM.jpg') no-repeat;

}



#logo150   {



background:transparent url('./images/nhs-logo-150.png') no-repeat;

padding: 10px 10px 10px 10px;

background position: center

}





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

   Mainside.

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





#mainside {

	float:left;

	width:695px;

	margin:0;

	min-height:400px;

	}


#mainside_nosidebar {

	width:850px;

	padding-left:70px;

	min-height:400px;

	}



#mainside h1

	{ font-family:"Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif;	

	margin-top: 80px;

	}



#mainside .entry	{

	font:normal 13px Georgia,'Arial', 'Helvetica','Tahoma', 'Trebuchet MS';

	margin:0;

	line-height: 160%;

	padding: 10px; padding-bottom: 10px; padding-left: 0px;

	}


#content { 

	border-bottom:1px solid #E4E4CF;

 

	}





/* This sets space around posts. Note large space 270px between posts.  */



#content-in {

	margin-top: 50px;

	margin-left: 50px;

	margin-right: 50px;

	margin-bottom: 50px;

	}





/* This sets up a sidebar on the lower right of the main page.   */



#mainright {

	background:#F0F0DE url('./images/F0F0DE.gif');

	width:300px;

	height:700px;

	float:left;

	margin-right:15px;

	margin-top:447px;

	border-top:1px solid #DFDFC8;

	border-right:1px solid #DFDFC8;

	border-left:1px solid #ffffff;

	border-bottom:1px solid #ffffff;

	}



/* This sets up a sidebar on the bottom of the main page.   */



#mainbottom {

	background:#F0F0DE url('./images/F0F0DE.gif');

	width:1000px;

	height:300px;

	float:left

	border-top:1px solid #DFDFC8;

	border-right:1px solid #DFDFC8;

	border-left:1px solid #ffffff;

	border-bottom:1px solid #ffffff;

	}







h2.pagetitle { 

	font-size:10px; 

	color:#012047; 

	}





h2.title {

	font-family:"Hoefler Text","Constantia",Georgia,"Times New Roman",Times,serif;

	line-height:27px;

	margin-bottom:5px;

	color:#2B1F06;

	}





.meta 	{

	font:normal 9px Arial,Verdana,Tahoma;

	color:#5D5D5D;

	padding-top:7px;

	border-top:1px solid #E9E9D4;

	border-bottom:1px solid #E9E9D4;

	}





.meta p {

	margin:0 0 5px;

	}



/* .meta span used to include: 	background-image:url('./images/all-icons.png');  */



.meta span, .mini-post span{

	background-repeat:no-repeat;

	padding:3px 0 0 22px;

	margin-right:10px;

	height:22px;

	}





.author { 

	background-position: 0 -90px; 

	}





.commented { 

	background-position: 0 -110px; 

	}





.datepost { 

	background-position: 0 -132px; 

	}





.tagpost { 

	background-position: 0 -153px; 

	}





.edit 	{ 

	background-position: 0 -176px; 

	}





.entry {

	color:#3D2A23;

	line-height:1.6em;

	margin-bottom:70px;

	}





#respond { 

	color:#60615A; 

	}





#respond p{

	margin-bottom:7px;

	}





#respond input#submit {

	background-color:#E6E6C5;

	border:1px solid #CCC;

	color:#2B1F06;

	height:34px;

	padding:0;

	width:72px;

	}





#featured-nav {

	position:relative;

	height:30px;

	}





#featured-nav-in{

	background:transparent url('./images/featured-nav-bg.png') no-repeat;

	width:200px;

	height:32px;

	bottom:5px;

	right:70px;

	position:absolute;

	}





#featured-prev-button,#featured-next-button{

	display:block;

	height:24px;

	cursor:pointer;

	}





#featured-prev-button{

	float:left;

	width:90px;

	}





#featured-next-button{

	float:right;

	width:65px;

	}





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

   Recent-area.

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







#recent-area{

	background:#F4F4DC url('./images/F4F4DC.gif');

	border-right:1px solid #FFFFFF;

	border-bottom:1px solid #E4E4CF;

	}





#recent-area h2{

	font:normal 12px "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif;

	color:#012047;

	}





#recent-area ul{ 

	padding:0; 

	margin:1em 0; 

	}





#recent-area ul li {

	background:transparent url('./images/dot.gif') repeat-x left bottom;

	list-style-type:none;

	margin-bottom:4px;

	padding-bottom:5px;

	}





#recent-area a { 

	color:#6D6D37; 

	}





#recent-area a:hover { 

	color:#012047; 

	}





#recent-post, #recent-comment {

	width:335px;

	padding: 7px 0;

	}





#recent-post {

	float:left;

	margin-left:7px;

	}





#recent-post span {

	background:transparent url(images/all-icons.png) no-repeat scroll 0 -176px;

	color:#2B1F06;

	padding:1px 0 0 20px;

	line-height:22px;

	}





#recent-comment {

	float:right;

	margin-right:7px;

	}





#recent-comment span {

	background:transparent url(images/all-icons.png) no-repeat scroll 0 -197px;

	color:#2B1F06;

	padding:1px 0 0 20px;

	line-height:22px;

}





#video {

	float:left;

	width:500px;

	margin-right: 50px;

	margin-left: 50px;

	margin-top: 50px;

	}





#video ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 90px;

	margin-top: 0px;

	}





#video ul li h2 {

	font:normal 9px Helvetica, Arial, "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif;

	color:#330000;

	margin:10px 10px 10px;

	padding-bottom:4px;

	border-bottom:1px solid #012047;

	}





#video ul p, #sidebar ul select {

	margin: 5px 10px;

	color:#A1A157;

	}





#video ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}





#video ul ul { margin:0;}





#video li a {

	color:#330000;

	}





#video li a:hover {

	color:#2B1F06;

	}





#video .widget {

	margin:0 7px;

	}





#video object {

	margin:left 10px;

 	margin:top 10px;

	display:block;

	}









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

   Mini-post area.

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





.mini-post { 

	margin:10px 7px; 

	}





.mini-post h2 { 

	font:normal 16px "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif; 

	}





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

   Post-nav.

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





#post-nav { 

	padding:7px; 

	}





#prev-post, #next-post {

	background:transparent url('./images/nav-post-bg.png') no-repeat;

	display:block;

	height:28px;

	}





#prev-post {

	float:left;

	width:93px;

	}





#next-post {

	float:right;

	width:69px;

	background-position:-93px 0;

	}





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

   Sidebar.

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





#sidebar {

	background:transparent url('./images/newport_map_1780_SLIM.jpg') no-repeat;

	float:left;

	height:1000px;

	width:275px;

	margin-right: 2px;

	margin-left: 2px;

	margin-top: 2px;

	padding-left: 5px;

	}





#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 90px;

	margin-top: 0px;

	}





#sidebar ul li h2 {

	font:normal 9px Helvetica, Arial, "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif;

	color:#330000;

	margin:10px 10px 10px;

	padding-bottom:4px;

	border-bottom:1px solid #012047;

	}





#sidebar ul p, #sidebar ul select {

	margin: 5px 10px;

	color:#A1A157;

	}





#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}





#sidebar ul ul { 

	margin:0;

	}





#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}





ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}





#sidebar ul ul li, #sidebar ul ol li {

	font-family:Helvetica,Arial,Verdana;

	margin: 0;

	padding:3px 0 2px 20px;

	border-bottom:0px solid #A1A157;

	line-height:18px;

	color:#2B1F06;

	}





#sidebar ul ul li:hover, #sidebar ul ul li.hover {

	background:#F3F3CF;

	}





#sidebar li a {

	color:#330000;

	}





#sidebar li a:hover {

	color:#2B1F06;

	}





#sidebar .widget {

	margin:0 7px;

	}





#sidebar object {

	margin: 7px 0;

	display:block;

	}







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

   Footer.

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





#footer

	{

	background:#F4F4DC url('./images/F4F4DC.gif');

	border-top:1px solid #909050;

	color:#909050;

	font:normal 10px Helvetica, Arial, Sans Serif;

	line-height:14px;

	text-align: center;

	padding:15px;

	}











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

   START OF SPECIAL DROPDOWN MENU NAV CSS.

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





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

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.

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



/* The margin-top value lowers the main menu */



.menu {

	width:1200px; 

	height:55px; 

	margin-left:4px;

	margin-top:5px;

	position:relative; 

	z-index:100;

	font-family:helvetica, 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:129px;}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */



/* NOTE: the width setting here is what sets the width of the top-level menu boxes (the width of the text is set elsewhere). */





.menu ul li 

	{

	float:left;

	width:139px;

	position:relative;

	text-align:center;}



/* style the links for the top level. THIS HEIGHT SETTING CONTROLS THE HEIGHT OF THE MAIN MENU. */



.menu a, .menu a:visited {



	display:block;

	font-size:11px;

	text-decoration:none; 

	color:#3376CD; 

	height:35px; 

	border:1px solid #E0DDCB; 

	border-width:5px 0 0px 0px; 

	background:#F3F3DE url('./images/F3F3DE.gif'); 

	padding-left:0px;

	padding-right:0px 

	padding-bottom:0px; 

	padding-top:5px;



	margin-left:1px;

	margin-right:1px;



	line-height:15px; 

	font-weight:normal; 

	}





/* 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. THIS BACKGROUND COLOR IS OVERRIDDEN BY SOME OTHER SETTING*/



.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#e2dfa8 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}



/* style the second level hover FOR THESE 2 SETTINGS, the BACKGROUND COLOR IS OVERRIDDEN BY SOME OTHER SETTING */



.menu ul ul a.drop:hover

{background:#e2dfa8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}



.menu ul ul :hover > a.drop 

	{background:#e2dfa8 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 */



/* NOTE: This width and border sets the border on the bottom of the first level of the menu when you hover over it. Also the "top" number sets how far down the second level starts on hover. */





.menu ul ul {visibility:hidden;position:absolute;height:0;top:43px;left:0; width:139px;border-top:0px solid #b2ab9b;}







/* 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 NOTE BENE: THIS IS THE SETTING THAT CAN ACTUALLY CHANGE THE COLOR OF THE 2ND LEVEL WHEN YOU'RE HOVERING OVER THE FIRST LEVEL.*/





.menu ul ul a, .menu ul ul a:visited {



	background:#d4d8bd; 

	color:#165BB5; 

	height:auto; 

	text-align:left;

	line-height:1em; 

	padding:9px 9px 9px 9px;

	font-weight: normal;



	margin-top:0px;



	width:28px;

	border:0px solid #cccccc; 

	border-width:1px 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 */



/*NOTE: THIS SETS THE COlOR FOR THE TOP LEVEL ONLY WHEN HOVERING OVER IT. */





.menu a:hover

	{

	color:#063F60; 

	background:#F8F5E5;



	}



/*NOTE: THIS background color seems to be overridden by another setting? THis may set the color of the top level when you bring your mouse down to hover over the second level.*/



.menu ul ul a:hover

	{

	color:#063F60; 

	background:#F8F5E5;



	}



/BELIEVE THIS SETS THE COlOR FOR THE TOP AND 2nd LEVELS ON HOVER*/



.menu :hover > a, .menu ul ul :hover > a 

	{

	color:#063F60; 

	background:#F8F5E5;



		}



/* 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;}







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

   This CSS highlights current page in two levels.

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





.menu ul ul .current_page_item a {

  color: red;

  background: white;

  border-left: 1px solid black;

}



.menu .current_page_item a {

  color: red;

  font-weight: bold;

  background: white;

}



.menu ul .current_page_item ul a {

  color: white;

  font-weight: normal;

  background: black;

}



.menu ul .current_page_item ul a:hover {

  background: gray;

}



.menu .current_page_item a:hover {

  background: white;

}