/* 
Brooks Whitehaven CSS Document
Created by John Flanagan - Ideal Web Design
*/

body {
	background-color:#FFFFFF;
	font-family:Tahoma, Verdana, Arial;
}

h1 {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	color:#3353CA;
	font-weight:bold;
	font-size:20px;
	
}

h2 {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	color:#3353CA;
	font-weight:bold;
	font-size:16px;
	
}

h3 {
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	color:#3353CA;
	font-weight:bold;
	font-size:15px;
	
}

#wrapper_one {
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:100px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	padding:0px;
	font-size:0px;
}

#wrapper_two {
	margin-left:auto;
	margin-right:auto;
	width:980px;
	min-height:480px;
	height:auto !important;
	height:480px;
	padding-top:20px;
	background-image:url(images/contentbg1.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	border:1px solid #CCCCCC;
	
	
}



#content {
	min-height:350px;
	height:auto !important;
	height:350px;
	float:left;
	width:740px;
	margin-bottom:10px;
	padding:40px;
	padding-left:20px;
	font-size:12px;
	padding-top:5px;
	padding-bottom:20px;
	background-color:none;
	line-height:150%;
}

#strapline {
	height:25px;
	text-align:center;
	width:830px;
	margin-bottom:10px;
	color:#3353CA;
	font-weight:bold;
	font-size:20px;
	float:left;
	position:relative;
	padding-left:150px;
}

#redstrapline {
	height:25px;
	width:800px;
	float:right;
	background-color:#CC0000;
	margin-bottom:5px;
	font-size:15px;
	padding-top:5px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
	position:relative;
}

#nav {
	width:170px;
	color:#FFFFFF;
	font-size:12px;
	float:left;
}

.opening {
	text-align:center;
	margin-top:10px;
	color:#3353CA;
	line-height:150%;
}

hr.blue {
	background-color:#3353CA;
	border:1px solid #3353CA;
	margin-left:15px;
	margin-right:15px;
}

ul.nav {
	margin:0px;
	padding:0px;
	font-size:12px;
}

li.nav {
	list-style-type:none;
	height:20px;
	width:130px;
	background-color:#2F4996;
	border:1px solid #000000;
	text-align:center;
	padding-top:5px;
	margin-bottom:4px;
	padding-left:0px;
	margin-left:20px;
}

#footer {
	float:left;
	background-color:#32428F;
	text-align:center;
	height:30px;
	color:#DDDDDD;
	font-size:14px;
	width:980px;

}

.footer_left {
	font-size:10px;
	text-align:center;
	float:left;
	margin-left:10px;
	padding:2px;
	letter-spacing:1px;
	
}

.footer_right {
	font-size:13px;
	padding-top:7px;
	text-align:center;
	float:left;
}

.footer_cards {
	padding:0px;
	float:left;
}

.admin {
	padding-left:20px;
	
}

.productbox {
	width:150px;
	height:150px;
	text-align:center;
	border:1px solid #CCCCCC;
	background-color:#FFF;
}

.outerproductbox {
	float:left;
	margin:16px;
	text-align:center;
}

.linkbox {
	width:200px;
	height:100px;
	float:left;
	margin:16px;
	text-align:center;
	border:1px solid #CCCCCC;
}

.specialbox {
	width:204px;
	float:left;
	margin:10px;
	text-align:center;
	border:1px solid #3353ca;
	background-color:#EEEEEE;
	padding:10px;
	font-weight:bold;
}
.specialbox1 {
	width:204px;
	float:left;
	margin-bottom:10px;
	text-align:center;
	border:1px solid #3353ca;
	background-color:#EEEEEE;
	padding:2px;
	font-weight:bold;
}

.specialbox a:link, a:visited {
	color:#3353CA;
	text-decoration:underline;
}

.specialbox a:hover  {
	color:#000000;
	text-decoration:underline;
}

.info {
	line-height:175%;
	font-size:13px;
}

.redtext {
	color:#FF0000;
	font-weight:bold;
	font-size:16px;
}

address {
	font-style:normal;
}




/* ================================================================ 
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/flyout2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
z-index:1000;
font-size:90%;
margin:25px 0 50px 15px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:none;
height:26px;
margin-bottom:8px; 
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; text-decoration:none; color:#fff; width:140px; height:20px; text-align:center; border:1px solid #000; background-color:#2F4996; line-height:19px; font-size:12px; padding-top:5px;  padding-bottom:4px;

}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#000;}

.menu :hover > a {
color:#fff; 
background:#000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:150px; 
}
/* 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;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover 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;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}



.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 160px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #2F4996; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */