body {
text-align: left; 
background-color: #4b5d6f;
min-width: 1000px;
margin: 0;
background-image: url(images/bkgd.jpg);
background-repeat: repeat-x;
background-position: left top; }

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #eaebec;
font-size: 12pt;}

a {color: #aeccf1;
text-decoration: underline; }

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

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

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

p {
text-align: justify; }

#left p {
text-align: center; }

h1 {
color: #eaebec;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 20px;
text-align: center; 
font-weight: bold;}

h2 {
color: #eaebec;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
font-style: italic;
text-align: center; }

h3 {color: #eaebec;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14pt;
text-align: right; 
margin-right: 15px;}

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

#wrapper  { /* also holds the left "sliding" tab */
width: 1000px; /* this can fixed or fluid */
height: auto;
margin: 0px auto 0em auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
}

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

#header {
height: 317px; 
background-image: url('images/header.jpg');
 background-repeat: no-repeat;
background-position: center; }

#footer {
height: 200px;
padding-top: 15px;
background-image: url(images/highlight.jpg);
background-repeat: no-repeat;
background-position: center top; }

#footer p {
text-align: center;
font-size: 10px;
color: #fff; }

#footer a {
color: #fff;
}

#footer a:hover {
color: #bbe18c;
}

#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;
}

#left {
  float:left;
  width: 275px;
margin-left: 10px;
padding-top: 5px;}

#right {
  float:right;
  width: 650px;
margin-right: 10px; }


/*************       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;}

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

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

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