body { /* set everything to zero for a good cross-browser starting point */
	margin: 0; /* zeroes the margins on the body */
	padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
	border: 0; /* zeroes off any existing border */
	color: #000;  /* set the default text color */
	text-align: center; /* Hack to centre the wrapper in IE5.x pc */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* set the default fonts */
	font-size: 15px; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
	min-width: 980px;
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;
	background-color: #255a26;
}

/**************************/
/* skip link is positioned off the screen, but still allows screen readers to see it */
#skiplinks {
	position: absolute;
  	margin-left: -1000px;
}
#wrapper {
	width: 980px;/*sets the width for IE5.x's broken box model*/
	w\idth: 980px; /* sets the width of the wrapper for compliant browsers*/
	margin: 1px auto;/* centers the wrapper. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	position: relative; /* important to position it relatively */
	z-index: 200;
	/*background-color: #265A25;*/
}

#banner {
	position: relative; /* **PLEASE READ** ~ This property and value is not needed for your page to be rendered corectly in the browser - However, without it Dreamweaver allows the position of the leftcol div to ride up over the banner in design view. If that does not bother you you can safely delete this property and value pair. Alternatively you could implement a design time style sheet to position the div correctly for working in design view */
	background-image: url(../images/header-sm.jpg);
	background-repeat: no-repeat; 
	height: 281px;
	color: #fff;	
}

#banner p {
	margin-left: 550px;
	padding-top: 100px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#banner a, #content a:visited {
	color: #fff;
	text-decoration: none;
}

#banner a:hover, #banner a:focus {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#content-top {
	background-image: url(../images/parchment-top8-sm.png);
	background-repeat: no-repeat;
	width: 659px;
	float: right;
	margin-top: 40px;
	margin-right: 35px;	
	
}

/* Google Chrome hack 
body:nth-of-type(1) #content
{
	margin-top: 5px; 
}*/

  /* First hide an element in Firefox 2 and higher 
  html[xmlns^=""]:not([lang*=""])  [id=" #content"] 
   {margin-top: 20px; }*/
   
  /* Now reverse the above in Firefox 3 and higher 
  html[xmlns^=""]:not([lang*=""]) #content:not([id="#content"]) 
   {margin-top: 0px; margin-left: -50px;}*/

#content{
	width: 659px;
	background-image: url(../images/parchment-content8-sm.png);
	background-repeat: repeat-y;
	margin-top: 55px;
	color: #40352F;
	padding-bottom: 30px;
	min-height: 400px;
}

#content p {
	font-size: 13px; /* set the font size for p, scaled from the body declaration */
	margin: 0px 30px 8px 0px; /* set the margins for the p element */
	padding: 0 8px 0 40px; /* zero off the padding */
	text-align: left;
	color: #40352f;
}

#content ul, #content ol {
	font-size: 13px; /* set the font size for p, scaled from the body declaration */
	margin: 0px 10px 8px 50px; /* set the margins for the p element */
	padding: 0 10px 8px 100px; /* zero off the padding */
	text-align: left;
	clear: right;
	
}

#content-bottom {
	width: 753px;
	background-image: url(../images/parchment-bottom8.png);
	background-repeat: no-repeat;
	height: 100px;
	margin-top: -10px;
	margin-left: -100px;
}

.table-style p {
	font-size: 90%; /* set the font size for p, scaled from the body declaration */
	margin: 0px 10px 8px 10px; /* set the margins for the p element */
	padding: 0 10px 0 0; /* zero off the padding */
}

#content a, #content a:visited {
	color: #024624;
	font-weight: bold;
	text-decoration: underline;
}

#content a:hover, #content a:focus {
	color: #004566;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}

#content ol ul {
	text-align: left;
	padding-left: 0px;
	margin-right: 0px;
	padding-bottom: 8px;
	font-size: 14px;
}

#content td p {
	padding: 3px;
	margin: 3px;
}


#left-col {
	background-image: url(../images/nav-sm.jpg);
	background-repeat: no-repeat;
	height: 414px;
	width: 180px;
	float: left;
	margin-top: 23px;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 70px;
	margin-left: 45px;
	padding-left: 30px;
	overflow: visible;
}

/* Google Chrome hack */
body:nth-of-type(1) #left-col
{
	margin-top: 10px;
	padding-left: 40px;
}


  /* First hide an element in Firefox 2 and higher */
  html[xmlns^=""]:not([lang*=""])  [id=" #left-col"] 
   {margin-top: 20px; padding-left: 0;}
   
  /* Now reverse the above in Firefox 3 and higher*/ 
  html[xmlns^=""]:not([lang*=""]) #left-col:not([id="#left-col"]) 
   {margin-top: 10px; padding-left: 40px;}

/* @media all and (min-width:0px) {
#right-col #right-col-bottom {top: -200px; }
}*/

@media all and (-webkit-min-device-pixel-ratio:10000),
  not all and (-webkit-min-device-pixel-ratio:0) {
    head~body #right-col #right-col-bottom {margin-top: -20px; }
  }
  
  * html #left-col { margin-left: 50px; }  

#footer {
	width: 690px;
	font-size: 90%;
	text-decoration: none;
	margin-left: 175px;
	margin-top: 10px;
	float: right;
	left: 400px;
	margin-bottom: -50px;
}

#footer p {
	padding: 5px 4px 4px 10px;  /* sets the padding values*/
	margin: 0;  /*zeroes off the margins 
background-color: #006633;*/
	color: #ffffbb;
}

#footer ul{
/*background-color: #036;provides a background colour for the links list*/
margin: 0;/*zeroes off the margins*/
padding: 4px 17px;/*add some air around the links*/
}

#footer li{
display: inline;/*set the list to display inline*/
}

#footer a {  /* Styles the links within the footer */
color: #ffffbb;  /*sets the text to white*/
text-decoration: none;  /*keeps the underline*/
padding: 4px 17px;/*add some air around the links*/
}

#footer a:hover,
#footer a:focus {
text-decoration: underline;  /*removes the underline*/
color: #fff;
}

#shark {
	background-image:url(../images/shark8-sm.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 300px;
	width: 375px;
	z-index: 400;
	margin-top: -200px;
}

#shark table {
	margin-left: 140px;
	margin-top:150px;
	width: 160px;
}

#shark a {  /* Styles the links within the footer */
color: #ffffbb;  /*sets the text to white*/
text-decoration: none;  /*keeps the underline*/
}

#shark a:hover,
#shark a:focus {
text-decoration: underline;  /*removes the underline*/
color: #fff;
}

html {scrollbar-face-color: #BAAD87;
scrollbar-shadow-color: #333;
scrollbar-highlight-color: #333;
scrollbar-3dlight-color:#000;
scrollbar-darkshadow-color: #000;
scrollbar-track-color: #000;
scrollbar-arrow-color: #255a26;}

h1 {
	font-family: "Book Antiqua", "Lucida Calligraphy", Arno Pro, Adobe Caslon Pro, times new roman;
	font-size: 34px;
	color: ##40352f;
	margin-left: 85px;
	margin-right: 20px;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}
h2 {
	font-size: 130%;
	color: #BAAD87;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin-left: 25px;
	margin-right: 25px;
	font-style: italic;
}
h3 {
	font-size: 120%;
	color: #B8A008;
	margin-left: 26px;
	margin-right: 25px;
	text-align: left;
}

h4 {
	font-size: 100%;
	color: #3E7484;
	margin-left: 15px;
}

hr {
	margin-left: 26px;
	margin-right: 25px;
}

img a {
	border: 1px solid #007d88;
}

table {
	margin-right: 130px;
	margin-left: 20px;
	font-size: 14px;	
	width: 80%;
	}
	
TABLE.cobtbl{
	background-color: none;
	margin-right: 130px;
	margin-left: 20px;
	
} 

TD.cobhl{
	background-color: none;
}

TD.cobll{
background-color: none;
color : #666666;
}

TABLE.mainbodyspan {
margin-right: 130px;
	margin-left: 20px;
	font-size: 14px;	
	width: 90%;
}