body {
text-align: left; 
background-color: #000;
min-width: 800px;
margin: 0; }

body {
font-family: verdana, tahoma, arial, sans-serif;
color: #3e3d43;
font-size: 10pt;}

a {color: #5a6086; padding: 0 2px;}
a:hover {color: #c2396a;
text-decoration: underline; }


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

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

li {
text-align: justify;
margin-left: 15px; }

td {
vertical-align: top;
font-size: 10pt;
text-align: left; }

p {
text-align: justify; }

p.center {
text-align: center; }

h1 {
color: #da5e86;
font-family: Times, "Times New Roman", serif;
font-size: 24px;
font-style: italic;
text-align: center;
padding-top: 50px; }

h2 {
color: #5a6086;
font-family: Times, "Times New Roman", serif;
font-size: 18pt;
font-weight: bold; }

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

blockquote {
text-align: justify;
font-family: Times, "Times New Roman", serif;
font-size: 12pt;
font-style: italic;
margin-top: 10px;
margin-bottom: 10px; }

hr {
border: 0;
color: #21407D;
height: 1px;
width: 80%;
text-align: center;
}

.icon {
margin:10px;
}

.photo {
border: 3px #da5e86 solid;
background: #fff;
padding: 5px;
margin: 5px; }

img {
margin: -5px;
padding: 0;
border: 0;
}

.footerbig {
	font-size: 12pt;
	font-weight: bold;
}


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

#wrapper  { /* also holds the left "sliding" tab */
width: 800px; /* this can fixed or fluid */
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: 130px; 
text-align: right;
background-image: url(../images/lgheader.jpg);
 background-repeat: no-repeat;
border-bottom: 5px #000 solid; }

#subnav {
 height:60px;
width: 797px;
	text-align: right;
	margin: 0px;
margin-top: -56px;
margin-bottom: 0px;
}

#footer {
height:90px;
background-image: url(../images/footer-bkgd.jpg);
background-repeat: no-repeat;
background-color: #000;
background-position: center bottom;
border-top: 5px #000 solid; }

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

#footer a {
color: #d2d4e3;
}

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

#contentfloatholder {/* also makes the right "sliding" tab */
background: #d2d4e3;
float: left;
width: 100%;
position: relative;}


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

#center {
  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.  
	*/
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#left {
  float:left;
  width: 420px;
  margin-left: 0%; /* the difference to make the left colum appear flush left */
}

#right {
  float:right;
  width: 370px;
text-align: center;
font-size: 12pt;
background-image: url(../images/content-bkgd.jpg);
background-repeat: no-repeat;
background-position: right top; }

#left2 {
  float:left;
  width: 320px;
  margin-left: 0%; /* the difference to make the left colum appear flush left */
text-align: center; }

#left2 p {
text-align: center; }

#right2 {
  float:right;
  width: 470px;
text-align: center;
font-size: 12pt;
background-image: url(../images/content-bkgd.jpg);
background-repeat: no-repeat;
background-position: right top; }


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

/***** Navigation formatting ****/


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