/*This style sheet was created by Apropel Communications Inc.
copyright 2007*/

/*
* Chrome CSS Drop Down Menu- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
*/


html {margin:0;padding:0;font-size: 100%;}

body{
	color:#575757;
	font:.8em Lucida,Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	background-image: url(../_images/portsmouth-bg.jpg);
	background-repeat: repeat;
}


#outer-wrapper {
	margin:0;
	padding:0;
	background-image: url(../_images/wrapper_bg.gif);
	background-repeat: repeat-x;
}

#container{
margin:0 auto;
padding: 0;
text-align:left;
width: 770px;
font-size: 1.0em;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}

#header {
	position:relative;
	margin: 0;
	width: 775px;
	height: 100px;
}

#logo{
float:left;
text-align:center;
height: 100px;
width:170px;
margin:0;
padding:7px 0 0 2px;
}

#banner {
float:right;
margin:0;
padding:0;
height: 100px;
width: 588px;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  START OF TOP NAV XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#navbar {
background: transparent;
height: 32px;
width: 770px;
margin: 15px 0 0 0;
padding: 0em;
} 
  
.chromestyle{
width: 585px;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
background-color:transparent;
padding: 8px 3px 6px 180px;
margin: 0 0;
font-family: Georgia, "Times New Roman", serif;
font-variant: small-caps;
text-align: left; /*set value to "left", "center", or "right"*/
}
.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #fff;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px #9e1a1a solid; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{
background: transparent center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:link.current, #navbar ul li a:visited.current {
color:#d8d0d0;
}


.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;							/*  background: url(../_images/menu-bg.png) center center repeat-x; */
background-color:#ee2e24;
width: 250px;
visibility: hidden;
padding-top: 8px;
padding-bottom: 8px;}


.dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #c62a21; /*THEME CHANGE HERE*/
	padding: 4px 2px 4px 19px;
	margin-left:5px;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	font-family: Lucida, Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	background-image: url(../_images/menu-bullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.dropmenudiv a.last {
border-bottom:none;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #c62a21;
	color: #fff;
	font-weight:bold;
	background-image: url(../_images/menu-bullet.gif);
}
	
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXxXXXX    END OF TOP NAV    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


/* XXXXXXXXXXXXXXXX    START - INDEX PAGE ONLY: WRAPPER, MAIN STYLES    XXXXXXXXXXXXXXXXXX*/


#wrap1{
	margin:10px 0 5px 0;
	padding:0;
	width:770px;
	background-image: url(../_images/wrap1.gif);
	background-repeat: repeat-y;
	z-index:2000;
}

#imagewrap {
position:relative;
width: 770px;
height: 190px;
margin: 0;
background:tranparent;
}

#homeimage{
width: 770px;
height: 190px;
margin: 3px 0 0 0;
}

#tagline {
float:left;
width: 330px;
height:190px;
text-align:center;
}

#main {
width: 768px;
margin-right:auto;
margin-left:auto;
margin-top:0;
padding: 0em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
font-weight: normal;
text-align: left;
}

#main p, pre {
color: #f9f2d0;
margin:.2em 10px .4em 10px;
line-height: 1.3em;
}

#main h1 {
color: #fdbf57;
font-size: 1.4em;
font-family: Georgia, "Times New Roman", serif;
font-weight: bold;
margin: 46px 0 0 10px;
padding: 0 8px 12px 0px
}

#main h2 {
color: #fdbf57;
font-size: 1.1em;
font-family: Georgia, "Times New Roman", serif;
font-weight: bold;
margin: .25em 0 0 10px;
padding: .5em 8px .35em 0;
}

#main h3 {
color: #f9f2d0;
font-size: 1em;
font-family: Georgia, "Times New Roman", serif;
font-weight: bold;
margin: 1.75em 10px .75em 10px;
padding: 3px 0 0px 0;
}

#main a {
color: #e12e29;
}

#main ul {
margin: -.75em 0 .25 0;
}

#main li {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
list-style-type: square;
padding-top: .5em;
padding-right: 30px;
margin-left: -15px;
line-height: 1.2em;
}

#left-content {
width:254px;
padding:0px;
float:left;
}

#centre-content {
width:257px;
padding:0px;
float:left;
}

#main #centre-content h1 {
color: #fdbf57;
font-size: 1.4em;
font-family: Georgia, "Times New Roman", serif;
font-weight: bold;
margin: 15px 0 0 10px;
padding: 0 8px 12px 0px;
}

#right-content {
width:253px;
padding:0px;
float:left;
}

#right-content p, #right-content h2, #left-content p, #left-content h2, #centre-content p, #centre-content h2 {
padding-left: 1px;
}

#news-form-small {
float: right;
margin: 0;
padding: 0;
}

#news-form-small p {
text-align:left;
color:#fff;
}

/* XXXXXXXXXXXXXXXX    END - INDEX PAGE ONLY: WRAPPER, MAIN STYLES    XXXXXXXXXXXXXXXXXX*/



/* XXXXXXXXXXXXXXXX    START - Common Styles    XXXXXXXXXXXXXXXXXX*/


#border {
background: #231f20 url(../_images/6_crest_banner.gif);
clear:both;
margin: 0em;
padding: 0em;
height: 100px;
}
		
#border h1 {
font-family: Georgia, "Times New Roman", serif;
color: #fff3b5;
text-align: center;
font-size: 1em;
font-weight: bold;
margin: 0em;
padding: 0em;
}

#border p {
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
font-size: .75em;
text-align: center;
color: #fff3b5;
font-weight: bold;
margin: 0em;
padding: 0em;
}

#border a {
text-decoration: none;
}	

.img-right {
float:right;
margin:0;
padding:0 0 0 6px;
}

.img-right a img {
border:none;
}

.clear-float {
clear: both;
margin: -1em 0;
padding: 0;
}


/* XXXXXXXXXXXXXXXX    START - FOOTER (BOTTOM NAV)    XXXXXXXXXXXXXXXXXX*/

#footer {
clear:both;
width:100%;
height: 45px;
color: #fff;
margin: 0 auto 0 auto;
border-top: 3px #8d6868 solid;
}

#footer p{margin:0;padding:6px 10px}
	
#footer  ul { 
list-style: none;
margin: 2px auto 15px auto;
padding:0;
display: table;
padding: 2px;
white-space: nowrap;
}

ul.bot-nav { 
text-align: center; 
margin: 0 auto .5em auto;
padding-left: 0;
}

li.bot-nav { 
display: inline;
line-height: 2.5em;
list-style: none; 
padding: 0 5% 0; 
margin: 0; 
}

li.bot-nav a {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 85%;
color: #dedede;
margin: 0.2em 1em 0 1em;
padding: 0.2em 0.5em;
text-align: center;
text-decoration: none;
}

li.bot-nav a:link {
color: #dedede;
margin: 0.2em 1em 0 1em;
padding: 0.2em 0.5em;
text-align: center;
text-decoration: none;
}

li.bot-nav a:visited {
color: #dedede;
margin: 0.2em 1em 0 1em;
padding: 0.2em 0.5em;
text-align: center;
text-decoration: none;
}

li.bot-nav a:hover {
background-color: #9e1a1a;
color: #fff;
}

ul.bot-nav li {
display: inline;
font-size: 1em;
margin: 0em;
padding: 0em;
}


/* XXXXXXXXXXXXXXXX    START - FOOTER (BOTTOM NAV)    XXXXXXXXXXXXXXXXXX*/

#copy {
color:#a28686;
font-size:0.75em;
margin-top: 10px;
padding-bottom:25px;
text-align:center;
}

#copy a {
color:#a28686;
}

#copy a:hover {
color:#c7c4c4;
}


/* XXXXXXXX  start - IE6 & Less Bug Fixes  XXXXXXXXX */

* html #wrapper {overflow-x: hidden;}
* html #navbar {margin-top:-5px;}
* html #wrap1 {overflow-x: hidden;}
* html #main #centre-content h1 {margin-top: 10px;}
* html #leftside {overflow-x: hidden; margin-right: -10px;}
* html #leftside a {height: 1%;}
* html #beernav {text-align: center;}
*html #homeimage {margin-top:4px;}
.promo-image img {display: block;}