#wrapper {word-wrap: break-word;} /* ie proprietary property to force long words to break rather than the layout */


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

body {
text-align: center; 
background: #E5E4E3;
color: #024da1;
min-width: 1000px;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 12px;
line-height: 1.5;
 }


a {color: #946d84; padding: 0 2px;}
a:hover {color: #ff7f00;}


#center a {color: #946d84;}
#center a:hover {color: #ff7f00;}

#footer a {color: #fff;}
#footer a:hover {color: #ff7f00;}

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

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

#wrapper { /* also holds the left "sliding" tab */
background: #bbb;
text-align: justify;
width: 1000px; /* this can fixed or fluid */
margin: -11px auto 0em auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 100%;
border: 1px solid #024DA1;
}


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

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


#subnav {
background: #507eb7; 
color: #000; 
}

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

#footer div {
padding: 1px 0;
background: #507eb7;
background: url(../images/footer.jpg) no-repeat 0px;
}

#contentfloatholder {/* also makes the right "sliding" tab */
background: #fff;
float: left;
width: 100%;
position: relative;
border: 1px #024da1 solid;
margin-left: -1px; }


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

#centerpad {
margin: 0em 185px 0em 185px;
min-height: 530px;
background: #EDF2F9;
border-left: 1px #024da1 solid;
border-right: 1px #024da1 solid;
padding-right: 5px;
padding-left: 5px; }

#center {
  color: #024da1;
  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: 170px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
}

#right {
  float:right;
  width: 170px;}


/*************       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 h2, #left p
#right h2, #right p, #right h3
{
padding: 0 10px;
text-align: left; }

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

#pagetop {
position: relative;
width: 100%;}

#pagetop h1, #pagetop h2, #pagetop h3 {
margin: 0.3em 220px;
font-family: georgia, serif;
padding: 0;
}

#pagetop h1 {font-size: 1.4em;}
#pagetop h2 {font-size: 1.2em;}
#pagetop h3 {font-size: 1em;}

a#toplink {
width: 200px;
height: 8em;
background: #fff;
position: absolute;
top: 0;
right: 5px;
}

a#toplink:hover {
background-position: 0 0;
}

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

.navlist
{
margin-left: 3px;
font: 11px verdana, sans-serif;
width: 140px;
color: #946d84; 
padding: 0 10px;}

.navlist li
{
list-style: none;
margin: 0px;
border-left: 1px #024da1 solid;
border-bottom: 1px #024da1 solid;
text-align: left;
}

.navlist li a
{
display: block;
padding: 0.5em 0.5em 0.5em 0.9em;
text-decoration: none;
}

.navlist li a:link { color: #946d84; }
.navlist li a:visited { color: #21407D; }

.navlist li a:hover
{
color: #ff7f00;
background: #507eb7;
border-left: 3px #946d84 solid;
}

.photo {
padding: 5px;
border: 3px #024da1 double;
margin: 3px; }

h1 {
font-variant: small-caps;
font-size: 1.7em;
font-weight: bold;
text-decoration: underline; }

h2 {
color: #ff7f00;
font-size: 1.2em; }

h3 {
color: #946d84;
font-size: 1em; }

.highlight {
color: #ff7f00;
font-family: Times, "Times New Roman", serif;
font-style: italic;
font-size: 1.4em; }

#center ol, #center ul {
     margin-left: 20px;
    list-style-position: inside;
padding-top: 0px;
padding-right: 20px;
padding-left: 20px; }

#center li {
padding-top: 5px;
padding-bottom: 5px; }

.photo {
	padding: 5px;
	border: 3px #1e4e9b groove;
}

div#cc {
	 overflow:hidden;
	 padding-bottom:10px;
}

div#cc p {
	 overflow:hidden;
}