/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, 
ol, ul, li, dl, dt, dd, td, form, fieldset, a,
#wrapper, #banner  
{
	margin: 0;
	padding: 0;
	border: 0;
}

/* Set the bg color, default font family and size here. */
body {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 100.01%;
  color: #333300;
  background: #fff url(images/background.jpg) repeat;
}

/* Set the color and font for headings. The bottom margin adds space below the heading. */
h1,h2,h3,h4,h5,h6 {
   color: #000;
   font-size: 93%;
}



/* Add a bit of padding below all the paragraphs. */
p { padding-bottom: 0.8em;
	font-size: 93%;
	color: #333300;
}

/* No borders on any images. */
img	{ border: none; }

/* Links are brown and not underlined. */
a {
	color: #660000;
	text-decoration: underline;
	font-size: 93%;
}

/* Visited links are also blue but just a little lighter. */
a:visited  { color: #660000; }

/* Hovered links are green and underlined. */
a:hover {
	color: #000;
	text-decoration: underline;
}

/* This div wraps all three columns plus the banner, but doesn't include the footer. */
#wrapper {
    width: 100%;		/* Ensures that we use the entire width of the browser. */
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */	
}
  



/* This div has the page's H1 and header image. Note the z-index. */
#banner	{
  width: 100%;		/* Stretches across the entire width of the browser. */
  background: #fff url(images/bnv_header_125px.jpg) left repeat-x;	/* This is the image of the  colored shells (right side). */
  height: 125px;		/* Needs to be big enough to show the header image that's in the H1. */
  z-index:400; 		/* This z-index is lower than the maincontent's z-index so that the banner always sits behind the maincontent */
}

.header {
float: left;
}

.logo {
float: right;
}

#main-menu {
	position: absolute;
	width: auto;
	top: 130px;
	text-align: right;
	right: 10px;
}

/* *********************************************************************************
The area between the banner and footer is occupied by 3 div's that sit side-by-side: 
 left-sidebar	Left side. 	Fixed width and absolutely positioned. Contains other divs that act like pods for content.
 maincontent	Center.		Liquid width. Takes whatever is left over after placing the left and right sidebars.
 right-sidebar	Right side.	Fixed width and absolutely positioned. 
 main-wrapper   To keep all columns same top level in all browsers SC added
***********************************************************************************/

#main-wrapper {
	position: absolute;
	width: 100%;  
	top: 180px;   	
	left: 0;
}

/**************************/
/* This div is fixed width and absolutely positioned. It contains additional div's. Note the z-index. */
#left-sidebar {
	position: absolute;
	width:170px;  
	top: 0;   	/* Equal to the heights of banner plus banner's border plus 10 */
	left: 0;
	font-size: 93%;
    z-index:600; 	/* This z-index higher than the maincontent's z-index so that the left sidebar content always sits above the maincontent */
}

/* All the sidebar div's share these rules. */
.left-sidebar-all {
	color: #333300;
	line-height: 1.25em;
	background: #660000;
}

.left-sidebar-images {
	padding: 10px 0 10px 10px;
	background: #ebeee2;
	border: 1px solid #666633;
	margin-top: 10px;
}

/* The title in each of the sidebar div's has a H3. */
.left-sidebar-all h3 {
	color: #FFF;
	font-size: 93%;
}

/* The lists and paragraphs in each of the sidebar div's share these rules. */ 
.left-sidebar-all ul,	
.left-sidebar-all p {	
	background-color: #ebeee2;	/* Need to set the list's bg color to white since the div that the list sits in has a diff bg color. */
	}

/* No bullets on our lists. */
.left-sidebar-all ul {	
	list-style: none;
}


/* Make the links block level selectable. */
.left-sidebar-all li a 	{	
	width: 100%; 	/* needed by IE6 */
	display: block;
	background: #ebeee2 url(images/bnv_arrow.gif) right no-repeat;
	border-top: 1px solid #666633;
	border-left: 1px solid #666633;
	border-right: 1px solid #666633;
	padding: 2px 0 3px 0;
	text-decoration: none;
}

.left-sidebar-1 li span 	{	
	padding: 0 0 0 10px;
}

/* Background image (block) appears when the link is hovered over. */
.left-sidebar-1 a:hover	{ 
	background: #fff url(images/bnv_block.gif) right no-repeat; 
	padding: 2px 0 3px 0;
	text-decoration: none;
	
	}

/* 1st div in left sidebar. Green border and bg. */
.left-sidebar-1 {
	border-bottom: 1px solid #666633;
	background-color: #ebeee2;
}

/* 2nd div in left sidebar. Blue border and bg. */
.left-sidebar-2 { 
	border: 1px solid #666633;
	background-color: #ebeee2;
	padding: 0 0 0 10px;
	margin-top: 15px;
}

/**************************/
/* This is the center div. */
#maincontent {
	margin: 0 190px 0 190px; 		/* Make the left and right margins big enough  */
	padding: 0 4em 0 2em;			/* Add some space between the border and the text. */
	border-bottom: none;			/* Don't need this border since the footer is also black. */
	line-height: 1.5em;
	font-size: 93%;
	color: #333300;
	
}
#maincontent2col {
	margin: 0 10px 0 190px; 		/* Make the left and right margins big enough  */
	padding: 0 4em 0 2em;			/* Add some space between the border and the text. */
	border-bottom: none;			/* Don't need this border since the footer is also black. */
	font-size: 93%;
	color: #333300;
}

#maincontent h2, #maincontent2col h2 {
	border: 1px solid #660000;
	background-color: #ebeee2;
	font-size: 93%;
	margin-bottom: 0.5em;
}

#maincontent  p, h3 {
	padding-bottom: 0.5em;
	line-height: 1.5em;
}

#maincontent2col  p, h3 {
	padding-bottom: 0.5em;
	line-height: 1.5em;
}

#maincontent p, #maincontent2col p {
margin-bottom: 0.5em;
}



/**************************/
/* right sidebar */
#right-sidebar			/* Fixed width, absolutely positioned. Note the z-index. */
{
	position: absolute;
	width: 200px; 		/* 1px less than the right margin of main content (1px is the width of the maincontent;'s right border). */
	top: 0;   		/* Equal to the heights of banner plus banner's border plus 15 (for extra space above the div). */
	right:0;			/* Div sits right next to the right side. No extra space here. */
	border: 1px solid #666633;
	background: #ebeee2;
	Xpadding: 0.5em;		/* Provides space between the border and the text in the div. */
	font-size: 93%;
	z-index:600; 		/* This z-index higher than the maincontent's z-index so that the rigth sidebar always always sits above the maincontent. */
}

#right-sidebar h3 {
background: #ebeee2 url(images/bnv_heading_background.jpg);
color: #fff;
padding: 0 0.5em;
}

#right-sidebar p {
padding: 0 0.5em 0.5em 0.5em;
}

/**************************/
/* The footer div stretches across the page. */
#footer	{
	position: relative;
	margin-top: 60px;
	text-align: center;
	}
		
#footer .address {
	font-size: 70%;
	Xbackground: #000;
	padding: 0.5em 0;
}

#footer .copyright {
	font-size: 70%;
	Xbackground-color: #333;
	padding: 0.5em 0;
	color: #666;
}

/* ONLY needed if link colours diff in footer The footer links are green, and underlined when hovered over. 
#footer a,
#footer a:visited {
	color: #009900;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
}

#footer a:hover {
	text-decoration: underline;
}
*/

/**************************/
/* skip link is positioned off the screen, but still allows screen readers to see it */
#skiplinks {
	position: absolute;
  	margin-left: -1000px;
}

/* don't display the title image used for printing */
.printtitle {
	display: none;
}


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

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

.SiteTable
{
	border-collapse: collapse;
	border: 1px solid #666633;
	background-color : white;
}

.rowone
{
	background-color : #ebeee2;
	border-collapse: collapse;
	border: 1px solid #666633;
	font-weight : bold;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 2px;
	padding-bottom : 2 px;
}

.rowtwo
{
	background-color : #F0F2F0;
	border-collapse: collapse;
	border: 1px solid #666633;
	font-weight : bold;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 2px;
	padding-bottom : 2 px;
}

.rowthree
{
	background-color : white;
	border-collapse: collapse;
	border: 1px solid #666633;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 2px;
	padding-bottom : 2 px;
}

.smallimportant
{
	font-size: 80%;
	padding-left: 50px;
	padding-right: 6px;
	line-height: 150%;
	margin-top: 0px;
	padding-top: 0px;
}