html, body {
margin: 0; padding: 0;
height: 100%;
font-family: helvetica, verdana, arial, sans-serif;
font-size: 100%;
text-align: center;
background-color : #E1E1FF;
}

#wrapper {
position: relative;
width: 90%;
margin: 0 auto;
border: 0px solid #E6E6FF;
background: #FFFFFF; /* 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: 90%;} 

#header {
position: relative;
width: 90%;
margin: 0 auto;
background: #fff; 
border: 1px solid #E6E6FF;
min-width: 600px; /* to match wrapper div */
height: 70px;
}
#footer {
position: relative;
width: 90%;
margin: 0 auto;
background: #707070; 
border: 0px solid #E6E6FF;
min-width: 600px; /* to match wrapper div */
height: 140px;
color: #FFFFFF;
}
#footer p {
font-family: "Arial", "Trebuchet MS";
font-size: 12px;
color: #FFFFFF;
background: #707070;
}
#footer a, #footer a:visited {
color: #FFFFFF;
font-family: "Arial", "Trebuchet MS";
font-size: 12px;
text-decoration: none;
background: #707070;
  }
#footer a:hover {
color: #C0C0C0;
font-family: "Arial", "Trebuchet MS";
font-size: 12px;
text-decoration: none;
background: #707070;
  }
#side-a {
	float: left;
	width: 80%;
}

#side-b { 
	margin: 0;
	float: left;
	width: 20%;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#left, #right {
position: absolute;
top: 0;
bottom: 0; /* Opera needs this! Moz would automatically assume this as default*/
border-width: 0px; /* widths below */
border-style: solid;
border-color: #E6E6FF;
/* height: 100%; */ /* hacked in for IE below */
}

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

#left {left: 0; width: 235px; background-color: #fff; border-right-width: 0px;}
#right {right: 0; width: 235px; background: #BFBFFF; border-left-width: 0px;}

#left p {background: #b0c4de; height: 50%;}/* height to show inheritance */
#right p {background: #ddd; margin: 5px; border: 1px solid #004080;} 


/* 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: 0 236px 0 240px;
}

#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 */ 
border-left: 0px solid #000;
border-right: 0px solid #000;
background: #fff;
padding: 0;
margin: 0;
}

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

/***** General formatting ****/
p {margin: 0; padding: 10px; font-size: 0.8em; line-height: 1.4em;}
h1, h2, h3 {margin: 0; padding: 10px; color: #97B1D4;}

h1 {font-size: 1.2em; color: #97B1D4;}
h2 {font-size: 1.1em;}
h3 {font-size: 1em;
}
#left {
padding-top: 5px;
padding-left: 5px;
font-family: "Arial", "Trebuchet MS";
font-size: 14px;
}

#left a:link{
color: #004080;
font-family: "Arial", "Trebuchet MS";
font-size: 14px;
text-decoration: none;
background: #FFFFFF;
}

#left a:visited{
color: #004080;
font-family: "Arial", "Trebuchet MS";
font-size: 14px;
text-decoration: none;
background: #707070;
}

#left a:hover{
color: #AA0000;
font-family: "Arial", "Trebuchet MS";
font-size: 14px;
text-decoration: none;
background: #707070;
}

#left a:active{
color: #004080;
font-family: "Arial", "Trebuchet MS";
font-size: 14px;
text-decoration: none;
background: #707070;
} 
  #menu a, #menu a:visited {
  text-align:left; 
  text-decoration:none; 
  color:#004080; 
  display:block; 
  width:15em; 
  line-height:35px; 
  font-family: "Arial", "Trebuchet MS";
  font-size: 14px;
  background: #FFFFFF
  }
#menu a:hover {
  color:#fff;
  background-color:#004080; 
  }
#logostrip{ 
	background: #3860BB url(../img/tile_back3_lite.jpg);
	border: 1px solid #FFF;
	height: 137px;
	margin: 0;
	padding: 0;
}
#logostrip_text{
    position:absolute;
    right:100px;
    top:20px;
    color: #9EB6FE;
	font-size: 14px;
}
#logographic{
	background: transparent url(../img/logo411_lite.jpg) no-repeat left;
	height: 137px;
	margin: 0;
	padding: 0;
}
#submenu{ 
	background: transparent url(../img/tile_sub1.gif);
    border: 1px solid #FFF;
	border-top: 0;
	color: #004080; 
	margin: 0;
	height: 29px;
	text-align: right;
}

.ipb-top-left-link,
.ipb-top-right-link
{
	background: transparent url(../img/tile_sub-lite1.gif);
	float: right;
	font-size: 11px;
	font-weight: bold; 
	letter-spacing: 0.5px;
	margin: 0px;
	padding: 7px 0 7px 0;
	width: auto;
	border-left:  1px solid #dce3ee;
    border-right:  1px solid #dce3ee;
}

.ipb-top-left-link
{
	float: left;
	border-left: 0px;
	border-right: 1px solid #dce3ee;
}

.ipb-top-left-link a:link, 
.ipb-top-left-link a:visited,
.ipb-top-right-link a:link, 
.ipb-top-right-link a:visited
{ 
	background: transparent; 
	color: #004080;
	padding: 0 6px 0 6px;
	text-decoration: none;
}

.ipb-top-left-link a:hover, 
.ipb-top-left-link a:active,
.ipb-top-right-link a:hover, 
.ipb-top-right-link a:active
{
	background: transparent; 
	color: #D90000; 
}
.ad_link,
.ad_link
{
	background: transparent url(../img/tile_sub-lite1.gif);
	float: right;
	font-size: 11px;
	font-weight: bold; 
	letter-spacing: 0.5px;
	margin: 0px;
	padding: 7px 0 7px 0;
	width: auto;
	border-left:  1px solid #dce3ee;
}

.ad_link
{
	float: left;
	border-left: 0px;
	border-right: 1px solid #dce3ee;
}

.ad_link a:link, 
.ad_link a:visited,
.ad_link a:link, 
.ad_link a:visited
{ 
	background: transparent; 
	color: #004080;
	padding: 0 6px 0 6px;
	text-decoration: none;
}

.ad_link a:hover, 
.ad_link a:active,
.ad_link a:hover, 
.ad_link a:active
{
	background: transparent; 
	color: #D90000; 
}
.clearfooter-mine {
        height: 40px;
        clear: both;
}
#quick-jump a:link {
  color            : #808000;
  font-weight      : bold;
  text-decoration  : underline;
}
#quick-jump a:visited {
  color            : #808000;
  font-weight      : bold;
  text-decoration  : underline;
}
#quick-jump a:hover {
  color            : #CCCC00;
  font-weight      : bold;
  text-decoration  : underline;
}