/* APM STYLESHEET 4/18/08 */



body {
margin: 0;
padding: 0;
text-align: center;
background-color: #fff;
}

:focus {
outline: 0;
}

#wrap1 {
margin: 10px auto;
padding: 0;
width: 860px;
}

#top {
margin: 0 auto;
padding: 0;
width: 860px;
height: 83px;
text-align: center;
background: url(images/bg-top.gif) center top no-repeat;
border: 0;
}

#toptext {
margin: 0 auto;
padding: 0;
width: 860px;
height: 49px;
text-align: right;
background-color: transparent;
font-family: verdana;
font-size: 11px;
line-height: 13px;
color: black;
}

#nav {
margin: 0 auto;
padding: 0;
width: 840px;
height: 23px;
border: 0;
background-color: transparent;
}

#contentwrap {
margin: 0 auto;
padding: 0;
width: 860px;
background: url(images/bg-mid.gif) center top repeat-y;
}

#content {
margin: 0 auto;
padding: 0px;
width: 840px;
border: 0;
font-family: verdana;
font-size: 11px;
line-height: 16px;
text-align: left;
color: black;
}

#twocol {  /*box at top left, spanning 2 columns, containing the banner and intro text */
padding: 0 0 0 15px;
margin: 5px 0 15px 0;
width: 535px;
float: left;
}

.twocol {
padding: 0;
margin: 0;
}

#banner {
padding: 0;
margin: 0 0 10px 0;
width: 535px;
height: 206px;
background: url(images/apmbanner-draft5.jpg) center top no-repeat;
}


#right {  /*righthand sidebar*/
padding: 0 0 10px 10px;
margin: 5px 0 15px 15px;
float: left;
width: 240px;
/*background: #D5E3E5;*/
/*border: 1px solid #101278;*/
border-left: 1px solid #bbb/*#101278*/;
}


#blockwrap {
padding: 0 0 0 15px;
margin: 0 0 12px 0;
width: 825px;
float: left;
}

#leftblock {
padding: 0;
margin: 0;
float: left;
width: 260px;
}

#middleblock {
padding: 0;
margin: 0 0 0 15px;
float: left;
width: 260px;
}

#rightblock {
padding: 0;
margin: 0 0 0 15px;
float: left;
width: 260px;
}

#bottom {
margin: 0 auto 25px auto;
padding: 0;
width: 860px;
background: url(images/bg-bot.gif) center top no-repeat;
font-family: verdana;
font-size: 10px;
line-height: 14px;
text-align: left;
color: black;
}

#bottom td {
font-family: verdana;
font-size: 10px;
line-height: 14px;
color: black;
}


#fullpage { /* style for inner pages with no sidebar */
margin: 0;
padding: 8px 15px 12px 15px;
width: 810px;
}

.clear {
clear: both;
}

p {
margin: 0 0 15px 0;
padding: 0;
}



/*--------------------- Menu Tabs --------------------------- */

#tabs {
margin: 0 0 0 310px;
padding: 0;
/*float:left;*/
background:transparent;
font-size:11px;
font-family:arial;
font-weight:bold;
line-height:14px;
border: 0;
}


#tabs ul {
margin:0;
padding:0;
list-style:none;
}

#tabs li {
display:inline;
margin:0;
padding:0;
}

#tabs a {
float:left;
background:url("images/tableft.gif") no-repeat left top;
margin:0;
padding:0 0 0 6px;
text-decoration:none;
background-position:0% -42px;
}

/* text on tabs */
#tabs a span {
float:left;
display:block;
background:url("images/tabright.gif") no-repeat right top;
padding:4px 15px 5px 7px;
color:#FFFFFF;
background-position:100% -42px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover span {
color:#0A0C4B;
}

#tabs a:hover {
background-position:0% 0px;
color:#0A0C4B;
}

#tabs a:hover span {
background-position:100% 0px;
color:#0A0C4B;
}

#tabs #current a {
background-position:0% 0px;
color:#0A0C4B;
}

#tabs #current a span {
background-position:100% 0px;
color:#0A0C4B;
}



/* ==================HEADING STYLES================== */

h1 {
padding: 0;
margin: 0 0 12px 0;
color: #101278;
font-family: arial;
font-size: 19px;
line-height: 25px;
text-align: center;
}


h2 {
padding: 0;
margin: 0 0 8px 0;
color: #101278;
font-family: arial;
font-size: 16px;
line-height: 20px;
text-align: center;
}

h2 a:link { color: #101278 !important; text-decoration:none; }
h2 a:visited { color: #101278 !important; text-decoration:none; }
h2 a:hover { color: #101278 !important; text-decoration:underline; }
h2 a:active { color: #101278 !important; text-decoration:underline; }

h3 {
padding: 3px 0 3px 0;
margin: 0 0 10px 0;
color: #101278;
font-family: arial;
font-size: 16px;
line-height: 20px;
text-align: center;
background: url(images/linebg.gif) center bottom repeat-x;
}

h4 {
padding: 0;
margin: 0 0 8px 0;
color: #101278;
font-family: arial;
font-size: 14px;
line-height: 18px;
text-align: left;
}

h5 {
padding: 0;
margin: 0 0 8px 0;
color: #007C99;
font-family: arial;
font-weight:bold;
font-size: 16px;
line-height: 20px;
text-align: left;
}

h5 a:link {color:#007996;font-weight:bold;font-size:16px;text-decoration:none;}
h5 a:visited {color:#007996;font-weight:bold;font-size:16px;text-decoration:none;}
h5 a:hover {color:#007996;font-weight:bold;font-size:16px;text-decoration:underline;}
h5 a:active {color:#007996;font-weight:bold;font-size:16px;text-decoration:underline;}

h6 {
padding: 0;
margin: 0 0 8px 0;
color: #101278;
font-family: arial;
font-size: 16px;
line-height: 20px;
text-align: left;
}


/* ==================LINK STYLES================== */

/*old blue #00809F*/

.twocol a:link { color:#007996; font-weight:bold; text-decoration:none; }
.twocol a:visited { color:#007996; font-weight:bold; text-decoration:none; }
.twocol a:hover { color:#007996; font-weight:bold; text-decoration:underline; }
.twocol a:active { color:#007996; font-weight:bold; text-decoration:underline; }

.toptext a:link { color:#007996; font-weight:bold; text-decoration:none; }
.toptext a:visited { color:#007996; font-weight:bold; text-decoration:none; }
.toptext a:hover { color:#007996; font-weight:bold; text-decoration:underline; }
.toptext a:active { color:#007996; font-weight:bold; text-decoration:underline; }

.right a:link { color:#007996; font-weight:bold; text-decoration:none; }
.right a:visited { color:#007996; font-weight:bold; text-decoration:none; }
.right a:hover { color:#007996; font-weight:bold; text-decoration:underline; }
.right a:active { color:#007996; font-weight:bold; text-decoration:underline; }

.blockwrap a:link { color:#007996; font-weight:bold; text-decoration:none; }
.blockwrap a:visited { color:#007996; font-weight:bold; text-decoration:none; }
.blockwrap a:hover { color:#007996; font-weight:bold; text-decoration:underline; }
.blockwrap a:active { color:#007996; font-weight:bold; text-decoration:underline; }

.bottom a:link { color:#007996; font-weight:bold; text-decoration:none; }
.bottom a:visited { color:#007996; font-weight:bold; text-decoration:none; }
.bottom a:hover { color:#007996; font-weight:bold; text-decoration:underline; }
.bottom a:active { color:#007996; font-weight:bold; text-decoration:underline; }

.fullpage a:link { color:#007996; font-weight:bold; text-decoration:none; }
.fullpage a:visited { color:#007996; font-weight:bold; text-decoration:none; }
.fullpage a:hover { color:#007996; font-weight:bold; text-decoration:underline; }
.fullpage a:active { color:#007996; font-weight:bold; text-decoration:underline; }


/* ==========================VNAV=====================*/

.vnav {
padding: 0;
margin: 0;
list-style-type: none;
text-align: left;
border-top: 1px solid #bbbbbb;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: bold;
}

.vnav ul {
padding: 0;
margin:0;
list-style-type: none;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: bold;
}

.vnav li {
margin: 0;
padding: 0;
}

.vnav li a {
margin: 0;
padding: 2px 3px 3px 22px;
display: block;
width: 215px;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: bold;
color: #007996;
background: transparent url("images/bullet-square.gif") no-repeat 4px 5px;
border-bottom: 1px solid #bbbbbb;
text-decoration: none;
}

.vnav li a:visited {
margin: 0;
padding: 2px 3px 3px 22px;
display: block;
width: 215px;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: bold;
color: #007996;
background: transparent url("images/bullet-square.gif") no-repeat 4px 5px;
border-bottom: 1px solid #bbbbbb;
text-decoration: none;
}

.vnav li a:hover {
margin: 0;
padding: 2px 3px 3px 22px;
display: block;
width: 215px;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: bold;
color: #101278;
background: #D5E3E5 url("images/bullet-square.gif") no-repeat 4px 5px;
border-bottom: 1px solid #bbbbbb;
text-decoration: none;
}

.vnav li a:active {
margin: 0;
padding: 2px 3px 3px 22px;
display: block;
width: 215px;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: bold;
color: #101278;
background: #D5E3E5 url("images/bullet-square.gif") no-repeat 4px 5px;
border-bottom: 1px solid #bbbbbb;
text-decoration: none;
}
/* ==========================end vnav=====================*/


/* =========================list style 1 (looks like vnav, with lines, but without links)=====================*/

.list1 {
padding: 0;
margin: 0;
list-style-type: none;
text-align: left;
border-top: 1px solid #bbbbbb;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: normal;
}

.list1 ul {
padding: 0;
margin:0;
list-style-type: none;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: normal;
}

.list1 li {
margin: 0;
padding: 2px 3px 3px 22px;
width: 215px;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: normal;
background: transparent url("images/bullet-square.gif") no-repeat 4px 5px;
border-bottom: 1px solid #bbbbbb;
text-decoration: none;
}


.list1 a:link { color:#007996; font-weight:bold; text-decoration:none; }
.list1 a:visited { color:#007996; font-weight:bold; text-decoration:none; }
.list1 a:hover { color:#007996; font-weight:bold; text-decoration:underline; }
.list1 a:active { color:#007996; font-weight:bold; text-decoration:underline; }


/* =========================list style 2 (plain list)=====================*/

.list2 {
padding: 0;
margin:0 0 15px 0;
list-style-type: none;
text-align: left;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: normal;
}

.list2 ul {
padding: 0;
margin:0;
list-style-type: none;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: normal;
}

.list2 li {
margin: 0;
padding: 0 0 4px 22px;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: normal;
background: transparent url("images/bullet-square.gif") no-repeat 4px 5px;
}

/* =============================================*/


/* ==========================VNAV2 slightly different link list for small nav boxes=====================*/

.vnav2 {
padding: 0;
margin: 0;
list-style-type: none;
text-align: left;
border-top: 1px solid #bbbbbb;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: bold;
}

.vnav2 ul {
padding: 0;
margin:0;
list-style-type: none;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: bold;
}

.vnav2 li {
margin: 0;
padding: 0;
}

.vnav2 li a {
margin: 0;
padding: 2px 3px 3px 30px;
display: block;
width: 142px;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: bold;
color: #007996;
background: transparent url("images/bullet-square.gif") no-repeat 12px 5px;
border-bottom: 1px solid #bbbbbb;
text-decoration: none;
}

.vnav2 li a:visited {
margin: 0;
padding: 2px 3px 3px 30px;
display: block;
width: 142px;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: bold;
color: #007996;
background: transparent url("images/bullet-square.gif") no-repeat 12px 5px;
border-bottom: 1px solid #bbbbbb;
text-decoration: none;
}

.vnav2 li a:hover {
margin: 0;
padding: 2px 3px 3px 30px;
display: block;
width: 142px;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: bold;
color: #101278;
background: #D5E3E5 url("images/bullet-square.gif") no-repeat 12px 5px;
border-bottom: 1px solid #bbbbbb;
text-decoration: none;
}

.vnav2 li a:active {
margin: 0;
padding: 2px 3px 3px 30px;
display: block;
width: 142px;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: bold;
color: #101278;
background: #D5E3E5 url("images/bullet-square.gif") no-repeat 12px 5px;
border-bottom: 1px solid #bbbbbb;
text-decoration: none;
}



/* ==========================end vnav2=====================*/


#elec_link_box {
margin:5px 15px 5px 0;
padding:8px 8px 10px 8px;
float:left;
width:175px;
border:2px solid #007C99;
line-height:12px;
}

#about_link_box {
margin:0 0 10px 15px;
padding:8px 8px 10px 8px;
float:right;
width:175px;
border:2px solid #007C99;
line-height:12px;
}


hr {
margin:  10px 0;
padding: 0;
border-top: 1px solid #00A0C6;
border-bottom: 1px solid #101278;
height: 2px;
}

.fee-table {
border-collapse: collapse;
}
.fee-table td {
border-collapse: collapse;
border: 1px solid #666666;
padding: 1px 3px;
}


/* Schedule styles */

.sched-when { margin: 0 0 5px 0; padding: 0; color:#101278; font-size:13px; font-weight:bold; }

.sched-where { margin: 0 0 5px 0; padding: 0; color:#101278; font-size:11px; font-weight:bold; }




.photoright {
float: right;
margin: 10px 0 10px 15px;
padding: 10px;
border: 1px solid #999;
background: #e0e0e0;
}

.photoleft {
float: left;
margin: 10px 15px 10px 0;
padding: 10px;
border: 1px solid #999;
background: #e0e0e0;
}

.youtube-wrap {
float: left;
margin: 0 15px 10px 0;
padding: 10px 0;
border: 1px solid #999;
background: #e0e0e0;
}

.spacer5 {
margin: 0;
padding: 0;
height: 5px;
line-height: 0;
}

img {
padding: 0;
margin: 0;
}