* {margin: 0; padding: 0; border: 0;}

body {
text-align: center; 
background: #fff;
min-width: 995px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt; }


a, a:visited {color: #1090b7; padding: 0 2px;
font-weight: normal;
text-decoration: underline; }
a:hover {color: #05703c;
font-weight: normal;
text-decoration: underline; }

h1, h2, h3, h4, p {margin: 1em 0;}
ul {margin: 1em 2em;}



/***************************************************************/
/**************** Layout CSS begins ****************************/

#wrapper { /* also holds the left "sliding" tab */
background: #fff;
text-align: left;
width: 995px; /* this can fixed or fluid */
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
border-left: 2px #000 solid;
border-right: 2px #000 solid; }

#header, #subnav, #footer {
clear: both; 
width: 100%;
}

#header {
color: #fff; 
text-align: right;
padding: 1px 0;
height: 151px;}

#subnav {
color: #000; 
margin-top: 0px;
height:30px;
border-bottom: 2px #000 solid;
border-top: 2px #000 solid;
background-color: #fff;
font-family: Times, "Times New Roman", serif;
font-size: 11pt;
text-align: center;
padding-top: 10px; }

#subnav a:link, a:visited {text-decoration: none;
font-weight: bold;
color: #000;
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;}

#subnav a:hover {text-decoration: none;
color: #05703c;
padding-left: 2px;
padding-right: 2px;
font-weight: bold; }

#footer {
text-align: center;
color: #000;
font-size: 9pt;
background-color: #10a3d9;
border-top: 2px #000 solid;
border-bottom: 2px #000 solid; }

#footer a:link, #footer a:visited {color: #000000;
text-decoration: none;
font-weight: normal;}

#footer a:hover {text-decoration: underline;
color: #fff;}

#footer div {
padding: 1px 0em 1px 0em;
}

#contentfloatholder {/* also makes the right "sliding" tab */
float: left;
width: 100%;
position: relative;
margin-top: 0px;}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#centerpad {
margin: 0px 302px 0px 225px;
background: #fff;
padding-left: 10px;
padding-right: 10px;
text-align: justify; 
min-height: 700px;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid; }

#centerpad a, #centerpad a:visited {color: #1090b7; padding: 0 2px;
text-decoration: underline;
font-weight: normal; }

#centerpad a:hover {color: #05703c;
text-decoration: underline;
font-weight: normal; }

#centerfull {
margin: 0px 10px 0px 221px;
background: #fff;
padding-left: 10px;
padding-right: 10px;
text-align: justify; }

#center {
  color: #000;
  float:left;
  width: 100%; 
  margin-right: -95%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

#left {
  float:left;
  width: 225px;
  min-height:700px;
  height:700px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
  background-image: url(../images/left-bkgd.jpg);
  background-repeat: no-repeat;
  text-align: center; }

#right {
  float:right;
  width: 300px;
  min-height:700px;}
  
#right.center {
  float:right;
  width: 300px;
  text-align: center;
  padding-top: 18px;}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */

* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}


#right h3, #right h2, #right p
{
padding: 0 20px; 
}

#left h3, #left h2, #left p
{
padding: 0 20px; 
}

/***** General formatting ****/

#wrapper {
position: relative;
z-index: 500;
}

h1 {color: #05703c;
letter-spacing: 2px;
font-weight: bold;
font-size: 16pt;
font-family: "Times New Roman", Georgia, serif;
font-style: italic;
text-align: center; }

h2 {color: #05703c;
letter-spacing: 2px;
font-weight: bold;
font-size: 12pt;
font-family: "Times New Roman", Georgia, serif;
padding-top: 5px;
font-style: italic;
text-align: center; }

h3 {
color: #000;
font-family: Times, "Times New Roman", serif;
font-size: 14pt;
font-weight: bold; }

img {border: 0px;}

.photo {
border: 2px #000 solid;
margin: 10px; }


#center p {
line-height: 1.5;
font-size: 1em;}

#right p {
font-size: .8em;
}

.highlight {margin: 0;
padding: .5px 0em .5px 20px;
line-height: 1.2;
font-family: "Times New Roman", "Times New Roman", Georgia, serif;
font-style: italic;
font-weight: bold;
font-size: 13pt;}

p.center {text-align: center;}

ul, ol, table {margin-top: 5px;
margin-bottom: 0;
margin-left: 0px;
border: 0;
text-align: left;
line-height: 1.5; }

table {border: 1px #000 solid;}

td {text-align: left;}

ol, ul, li {margin-left: 25px;
margin-right: 15px;}

ul.inside {margin-left: 10px;
margin-top: 5px;
margin-bottom: 17px;}