/* this layout will not work in IE Strict */

html, body {
margin: 0; padding: 0;
height: 100%;
font-family: arial, sans-serif;
font-size: 100%;
text-align: center;
/* background-color: #787464; */
background-color: #4A483A;
}

/***** General formatting ****/
p, td {margin: 0; padding: 10px; font-size: 0.8em; line-height: 1.4em;}

td {
  padding: 5px;
}

h1, h2, h3 {margin: 0; padding: 10px;}
h1 {font-size: 1.2em;}
h2 {font-size: 1.1em;}
h3 {font-size: 1em;}

a:link, a:active, a:visited {
  text-decoration: none;
  color: blue;
}

a:hover {
  color: #FF6633;
}

legend {
  font-size: 8pt;
  font-variant: small-caps;
  color: #484848;
}


#wrapper {
position: relative;
width: 927px;
margin: 0 auto;
background: white; /* light grey */
min-height: 40%; /* optional */
text-align: left;
min-width: 600px; /* to allow room for images and long words */
}

/* ie hack  - layout REQUIRES a height here to work */
/* (1% will do) if no min-height is required*/
/* this it where it fails in Strict Mode */
* html #wrapper {height: 80%;}

#header {
position: relative;
width: 925px; /* for IE6 this has to be 927px */
height: 120px;
margin: 0 auto;
min-width: 600px;
background-color: white;
background: url(images/cplogobanner.gif);
background-repeat: no-repeat;
border-left: solid 1px white;
border-top: solid 1px white;
border-right: solid 1px white;
}

#nav {
width: 925px; /* for IE6 this has to be 927px */
height: 34px;
border-left: solid 1px white;
border-right: solid 1px white;
border-top: 0px;
border-bottom: 0;
background-image: url('images/navbg.gif');
background-repeat: repeat-x;
text-align: center;
}


#footer {
position: relative;
width: 925px; /* for IE6 this has to be 927px */
margin: 0 auto;
min-width: 925px;
text-align: center;
background-color: white;
 background-image: url('images/footerbg.gif');
 background-repeat: repeat;
 border-left: solid 1px white;
border-right: solid 1px white;
border-bottom: solid 1px white;
 color: #C7C3C4;
 font-size: 10pt;
}


#flash {
position: absolute;
top: 34px;
bottom: 0; /* Opera needs this! Moz would automatically assume this as default*/
border-width: 0px; /* widths below */
/* height: 100%; */ /* hacked in for IE below */
}

* html #flash
{height: 100%; /* required by IE to inherit from wrapper (IE Hack) above*/}

#flash {right: 0; width: 390px; background: white; border-left-width: 0px;}

#flash p {background: white; margin: 5px;}


/* bringing the center content into position (clear the sides)
is best using a wrapper div to avoid more IE Box Model issues */
#contentwrap {
position: relative;
padding: 10px 390px 30px 20px;
}

#contentwrapinner {
position: relative;
padding: 10px 20px 30px 20px;
}


#content {
position: relative;  /* to enable further positioned divs inside content area */
z-index: 100; /* to make sure if long words overflow they show above the right column */
background: white;
padding: 0;
padding-top: 10px;
margin: 0;
}

#content li {
    font-size: 0.8em;
    line-height: 1.3em;
}

#content ul {
  margin-top: 2px;
  margin-bottom: 2px;
}

#content td {
  margin-bottom: 2px;
  margin-top: 2px;
  line-height: 1.4em;
  font-size: 0.9em;
}


/* IE/Win Hack for peekaboo bug */
/* hide from IE/Mac \*/
* html #content {height: 1%;}
/* end hide */

#content a, a:active, a:link, a:visited {
  color: #990033;
}

#content a:hover {
  color: #FF6633;
}

#flash a, a:active, a:link, a:visited {
  color: #990033;
}

#flash a:hover {
  color: #FF6633;
}

#footer a, a:active, a:link {
  color: #C7C3C4;
}

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


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

.result {
  color: #FF6633;
  font-weight: bold;
}



/*** Nav formatting ***/
.menu, .menu ul{
 font-size: 10pt;
 margin: 1px;
 padding: 8px 0 0 75px;
 list-style-type: none;
 display: block;
 z-index: 600;
 text-align: left;
}

.menu ul{
 border: 1px solid #7A6F61;
 border-top: 0px none;
 visibility: hidden;
 position: absolute;
 z-index: 1000;
 background: #f1e9d8;
 padding: 0; margin: 0;
 width: 180px;
 margin-top:0px;
 margin-left:2px;
}

.menu li{
 margin: 0;
 padding: 0px 10px 0 0;
 border: 0;
 display: block;
 float: left;
 position: relative;
 z-index: 700;
}

.menu li li{
 padding-right: 0;
 padding-top: 3px;
 float: none;
 background: #f1e9d8;
 z-index: 800;
 font-size: 9pt;
}

.menu li:hover{
 z-index: 10000;
 white-space: normal;
}

.menu li:hover>ul {
 visibility: visible;
 top: 100%;
}

.menu a {
 text-decoration: none;
 color: #E6DFDF;
 font-weight: bold;
 padding: 0;
 display: block;
 position: relative;
 height: 100%;
}

.menu a:hover{
 background-color: #FFCC99;
 color: #484848;
}

.menu ul a{
 font-weight: normal;
 color: black;
 padding: 0 2px;
}

.menu ul ul {								/* positioning for sub drop down */
	padding: 0px 0px 0px 0px;
	margin: -10px 0 0 115px;
}