body {
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 85%;
font-family: Arial, Helvetica, sans-serif;
}

p {
	margin-top:10px;
	margin-bottom: 10px
}


a {
	color: #336699
}


#pscroller1{
width: 750px;
height: 45px;
padding: 2px;
padding-bottom: 0px;
background-color: transparent;
font-size: 90%;
}

.styleul {
	margin-top: 5px;
}


a:visited {
	color: #666666
}

.ipadmid {
	margin: 8px 8px 8px 8px;
}

.ipadright {
 margin:8px 8px 8px 0px 
}

.alerttdbackground {
	background-image:url("../images/nav_r1_c6.gif");
	background-repeat: no-repeat;
	width: 292px;
	height: 25px;
}

.otherbackground {
  width: 56px;
  background-image:url("../images/nav_r1_c6.gif");
  background-repeat: no-repeat;
  height: 25px
}


.list {
margin: 0px 0px 0px 25px;
list-style: circle;
}



/*  Dont forget to add padding & borders and subtract from col width for ie6  */

.contentheadersmid {
   background-color: #999999;
   width: 100%;
   padding: 2px 0px 2px 0px;
   margin: 0px 0px 0px 0px;
   color: #000000;
   font-size: 95%;
   font-weight: bold;
   text-indent: 15px;
   border: 0px solid #666666
}

.contentheadersright {
   background-color: #83a2c1;
   width: 169px;
   padding: 2px 0px 2px 0px;
   margin: 8px 0px 0px 0px;
   color: #000000;
   font-size: 90%;
   font-weight: bold;
   text-indent: 8px;
   border: 1px solid #666666
}

.contentheadersleft {
   background-color: #83a2c1;
   width: 100%;
   padding: 2px 0px 2px 0px;
   margin: 8px 0px 0px 0px;
   color: #336699;
   font-size: 90%;
   font-weight: bold;
   text-indent: 10px;
   border-top: 1px solid #336699;
   border-bottom: 1px solid #336699
}


.textright {
background-color: #ffffff;
width: 169px;
padding: 1px 0px 1px 0px;
margin: 0px 0px 0px 0px;
color: #000000;
font-size: 85%;
text-indent: 5px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
border-left: 1px solid #666666
}

.specialp {
padding: 2px 0px 2px 0px;
margin: 0px 0px 0px 0px
}

.smalltext {
font-size: 80%
}

.imgborder {
	border: 1px solid #666666;
}


#mcontainer {
width: 820px;
margin: 0px auto;
border-right: 1px solid #666666;
border-left: 1px solid #666666;
border-bottom: 1px solid #666666;
}

/* containers for charlie alerts */
#nonemergency {
  background-color: #f3b044;
  background-image: url(../images/updates_background.gif);
  background-repeat: no-repeat;
  width: 820px;
  padding: 0px;
  margin: 0px;
  color: #000000;
  border-bottom: 1px solid #666666
}

#emergency {
  background-color: #c22900;
  background-image: url(../images/alert_background.gif);
  background-repeat: no-repeat;
  width: 820px;
  padding: 0px;
  margin: 0px;
  color: #ffffff;
  border-bottom: 1px solid #666666
}
/* end container for charlie alerts */

#topheader {
background-color: #ffffff;
height: 55px;
width: 820px;
padding: 0px;
margin: 0px
}

#bottomheader {
background-color: #ffffff;
height: 100px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
width: 820px;
padding: 0px;
margin: 0px
}

#navcontainer {
background-color: #83a2c1;
height: 25px
}

.alertbox {
	background-color: #999999;
	color: #990000;
	width: 100%;
	font-size: 90%;
    font-weight: bold;
	padding-top: 2px;
    padding-bottom: 2px;
}


#wrapper {
float: left;
width: 100%
}

#midcol {
background-color: #ffffff;
margin-left: 200px
}

#leftcol {
background-color: #83a2c1;
background-image:url("../images/left_background_bottom.gif");
background-position: bottom;
background-repeat: no-repeat;
float: left;
width: 200px;
margin-left: -820px;
}

#footer {
background-color: #83a2c1;
clear: left;
width: 100%;
text-align:center;
border-top: 1px solid #666666;
padding-top: 3px;
padding-bottom: 3px
}

/*  Navigation Begin */

.navbar{
list-style-type: none;
margin: 0px;
padding: 0px;
width: 199px;
border: 0px solid #9A9A9A;
}

.navbar li a{
background-color: #83a2c1;
display: block;
font-weight: bold;
font-size:11px;
color: #000000;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #b5b5b5;
}

.navbar li a:visited, .navbar li a:active{
color: #336699;
}

.navbar li a:hover{
color: #000000;
background-color: #999999;
}


#powercontain {
    width: 820px;
    margin: 0px auto;
  }

#powermidwrap {
    float: left;
    width: 100%
  }

#powermid {
    margin: 0px 250px 0px 250px;
    background-color: #ffffff;
    text-align: center;
  }

#powerleft {
    float: left;
    width: 250px;
    margin-left: -820px;
    background-color: #ffffff;
    text-align: center
  }

#powerright {
    float: left;
    width: 250px;
    margin-left: -250px;
    background-color: #ffffff;
    text-align: center
  }

.powermargins {
    padding: 10px 10px 10px 10px
  }