@charset "utf-8";
/* --- reset all of these elements ----*/
html,body,div,span,object,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,img,ol,ul,li,
fieldset,form,label,legend,
table,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
}
/* ---- define focus styles ----- */
:focus{
outline:0;
}
/* ------ set base font size,and force scrollbar on non IE browsers to avoid page jump ------- */
/* ------ Note: using 62.5%, 1em = 10px   (1.2em = 12px, 1.4em = 14px, etc) -------*/
html{
font-size:62.5%;
margin-bottom:.01px;
min-height:100.2%;
}
/* --------- text align center on body works for older IE centering ---*/
body{
margin:0;
padding:0;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
line-height:1;
background-color:#99c2de;
background-image:url(../img/moapa-page-bgrd_5x500.jpg);
background-repeat:repeat-x;
}
/* ------ WRAPPER:text align left fixes text within body which is centered------- */
#wrapper{
margin:0 auto;
width:960px;
text-align:left;

}
/* ----------- HEADER ----------*/
#header{
height:120px;
background-image:url(../img/moapa-head-960x120.jpg);
background-repeat:no-repeat;
background-color:#FFF;
}
#header a{
text-decoration:none;
}
/* --------- turn off print header for screen pages ---------*/
/*------------ navigation menu bar -------------*/
#navBar{
	display:none;
height:.1px;
background-image:none;
background-repeat:no-repeat;
background-color:#E6E6E6;
}
/* --------- CONTENT (contains all columns) --------- */
#content{
margin:0;
padding:0;
background-repeat:repeat-y;
background-color:#deebf3;
background-image:url(../img/moapa-bgrd-repeat-960x10.jpg);
clear:both;
}
/* ----- this makes the content clear the columns it contains --- */
#content .clearProp{
clear:both;
height:.01px;
width:100%;
}
/*----------- COLUMNS:widths set below according to body class --------- */
#leftCol{
float:left;
margin:0;
}
#leftCol .inside{
margin:0 0 13px 3px;
padding:6px 0 0 0;
background-image:url(../img/moapa-sidecol-bgrd_10x470.jpg);
background-repeat:repeat-x;
}
/* - note mainCol width set below according to body class - */
#mainCol{
float:left;
}
#rightCol{
float:left;
padding:0;
}
#rightCol .inside{
margin:0 3px 13px 0;
padding:0;
background-image:url(../img/moapa-sidecol-bgrd_10x470.jpg);
background-repeat:repeat-x;
}
.inside .colProp{
	width:1px;
	height:500px;
	float:left;
}
/* -------- 3 column page layout ----------*/
.threeCol #mainCol{
width:583px;
}
.threeCol #mainCol .inside{
padding:1px 10px 23px 10px;
background-color:#FFF;
}
.threeCol #leftCol{
width:189px;
}
.threeCol #rightCol{
width:188px;
}
/* -------- 2 column page layout ----------*/
.twoCol #mainCol{
width:550px;
}
.twoCol #mainCol .inside{
padding:10px 0 10px 10px;
}
.twoCol #leftCol{
float:left;
width:170px;
}
.twoCol #rightCol{
display:none;
}
/* -------- 1 column page layout ----------*/
.oneCol #mainCol{
width:760px;
}
.oneCol #mainCol .inside{
padding:10px 0 10px 10px;
}
.oneCol #leftCol{
display:none;
}
.oneCol #rightCol{
display:none;
}
/* ---------- FOOTER ----------*/
#footer{
margin:0;
padding:0;
height:125px;
clear:both;
background-image:url(../img/moapa-foot-960x155.jpg);
background-repeat:no-repeat;
background-color:#FFF;
}
#footer p{
font-size:1em;
text-align:center;
}
/* --------- footLinks -------- */
#footLinks{
padding:13px 0 0 37px;
text-align:center;
}
#footLinks .footLinksList li{
list-style-type:none;
display:block;
float:left;
font-size:11px;
}
#footLinks a{
margin:0 12px;
font-weight:900;
text-decoration:none;
}
#footLinks a:link,#footLinks a:visited,#footLinks a:active{
color:#4177a5;
text-decoration:none;
}
#footLinks a.currentLink{
font-weight:900;
}
#footLinks a:hover{
color:#b2401c;
text-decoration:underline;
}
/*----------- CREDITS ----------*/
#credits .smallPrint{
color:#4177a5;
font-size:10px;
}
#credits .smallPrint a{
color:#4177a5;
text-decoration:none;
}
#credits .smallPrint a:hover{
color:#4177a5;
text-decoration:underline;
}

/* ------------ REGULAR LINKS --------------- */
a:visited,a:active,a:link{
color:#0074d3;
text-decoration:underline;
}
#content a:hover{
color:#b2401c;
text-decoration:none;
}
/* -- no hover attributes on linked images --*/
a:visited img, a:link img, a:active img, a img, a:hover img{
background: none !important;
border:none !important;
text-decoration:none;
}
/* -- nohover.js adds the nohover class --*/
a.nohover, a.nohover:link, a.nohover:visited, a.nohover:hover, a.nohover:active{
background:none !important;
text-decoration:none;
}
/* ---------- STANDARD ELEMENTS -------- */
h1{
margin:0;
padding:0;
font-size:1.8em;
font-weight:900;
text-align:center;
}
#mainCol h1{
color:#4177a5;
text-align:left;
line-height:1.2em;
padding:0 3px;
margin:0 7px 6px 7px;
font-weight:900;
font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}
#index #mainCol h1{
	text-align:center;
}
#rightCol h1{
color:#232323;
line-height:1.2em;
padding:1px 0 3px 0;
margin:6px 0;
}
h2{
margin:12px 0 4px 0;
padding:0;
font-size:1.4em;
font-weight:900;
text-align:center;
}
#mainCol h2{
color:#b2401c;
text-align:left;
font-size:1.4em;
line-height:1.4em;
padding:3px;
border-bottom:1px dotted #c1d8e6;
margin:4px 11px 6px 11px;
font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}
#mainCol p+h2, 
#mainCol a+h2
{
	margin-top:14px;
}
#mainCol fieldset+h2,
#mainCol fieldset+a+h2{
	margin-top:22px;
}
#rightCol h2{
color:#FFF;
line-height:1.2em;
font-size:12px;
padding:1px 0 3px 0;
margin:0;
border:0;

}
#rightCol .sideAlt h2{
	color:#4177a5;
	}
h3{
margin:0;
padding:0;
font-size:1.4em;
font-weight:900;
text-align:center;
}
#mainCol h3{
color:#4177a5;
text-align:left;
font-size:12px;
line-height:1.4em;
padding:3px;
margin:14px 11px 6px 11px;
font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}
#rightCol h3{
color:#232323;
line-height:1.2em;
padding:3px 0 3px 0;
margin:6px 0;
}
h4{
margin:0;
padding:0;
font-size:1.2em;
font-weight:900;
text-align:center;
}
#rightCol h4{
color:#232323;
text-align:left;
font-size:1.2em;
line-height:1.4em;
padding:3px;
border-bottom:1px dotted #232323;
margin:4px 4px 6px 4px;
}
h5{
margin:8px 0 5px 0;
padding:0 12px;
font-size:1.2em;
font-weight:900;
text-align:left;
}
h6{
margin:0;
padding:0;
font-size:1.2em;
font-style:oblique;
font-weight:900;
text-align:center;
}
p{
margin:0;
padding:0;
font:1.2em Arial,Helvetica,sans-serif;
line-height:1.4em;
text-indent:0;
}
#leftCol p{
margin:0 5px 0 0;
text-align:left;
}
#mainCol p{
margin:0 12px 4px 12px;
text-align:left;
}
#rightCol p{
margin:0 8px;
text-align:left;
}
ul{
font-size:1.2em;
margin-left:22px;
}
ul li{
margin-bottom:4px;
}
/* ---------- TOP NAVIGATION MENU ---------- */
ul.topNav{
z-index:10000;
margin:0 0;
padding:4px 0 0 12px;
font-size:14px;
}
ul.topNav li{
list-style-type:none;
text-indent:0;
margin:1px 0;
padding:0;
float:left;
display:block;
}
ul.topNav li a{
margin:0;
padding:6px 15px 7px;
line-height:2.05em;
height:28px;
text-decoration:none;
border-left:1px solid #232323;
}
ul.topNav li a:link,ul.topNav li a:visited,ul.topNav li a:active{
color:#232323;
}
ul.topNav li a:hover,ul.topNav li a.currentLink:hover{
background-color:#EEEEEE;
color:#232323;
}
ul.topNav li a.currentLink{
color:#FFFFFF;
background-color:#232323;
}
ul.topNav li a.firstLink{
border-left:none;
}
/* ---------- SIDE NAVIGATION MENU ---------- */
ul.sideNav{
float:right;
z-index:10000;
margin:0;
padding:0;
font-size:12px;
}
ul.sideNav li{
list-style-type:none;
text-indent:0;
margin:0 0;
padding:0;
}
ul.sideNav li a{
display:block;
margin:0 0 2px 3px;
padding:5px 0  4px 20px;
line-height:1.2em;
text-decoration:none;
width:159px;
font-weight:900;
text-decoration:none !important;
background-image:url(../img/nav-bgrd_OFF.gif);
font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
border-bottom:1px solid #4177a5;
}
ul.sideNav li a:link,ul.sideNav li a:visited,ul.sideNav li a:active{
color:#425c97;
}
#content ul.sideNav li a:hover{
color:#124773;
border-bottom:1px solid #4177a5;
background-image:url(../img/nav-bgrd_OVER.gif);
}
ul.sideNav li a.currentLink:link, 
ul.sideNav li a.currentLink:visited,
#content ul.sideNav li a.currentLink:hover,
ul.sideNav li a.currentLink:active{
color:#124773;
border-bottom:1px solid #6fa7c8;

background-image:url(../img/nav-bgrd_ON.gif);
}
/* -----------TABLES---------*/
table{
border-collapse:collapse;
margin:10px auto;
font-size:12px;
}
th{
font-weight:900;
text-align:left;
color:#37658B;
padding:6px 0 11px 7px;
border-bottom:1px solid #36658B;
font-size:13px;
}
td{
text-align:left;
padding:5px 2px 3px 7px;
line-height:1.3em;
}
td .smallPrint{
font-size:11px;
padding:0;
text-indent:0;
}
tr.evenRow td{
	background-color:#DEEBF3;
}
table#searchResults{
font-size:1em;
margin:6px 0;
width:94%;
}
table#searchResults td{
padding:6px 0;
}


/*----------- MISC. CLASSES ----------*/
.alignleft{
text-align:left;
}
.alignright{
text-align:right;
}
.boldText{
font-weight:bold;
}
.clear{
clear:both;
}
.dropCap{
float:left;
color:#232323;
padding:4px 1px 4px 0;
font:34px/20px Verdana,Arial,Helvetica,sans-serif;
}
.dropCapFollow{
color:#232323;
padding:0 2px 0 0;
font:900 1.2em/1em Verdana,Arial,Helvetica,sans-serif;
}
.errorMessage, #content p.errorMessage{
font-weight:900;
text-align:center;
padding:22px 8px;
}
.floatRight{
float:right;
}
#mainCol img.floatRight{
	margin-left:7px;
}
select.goList{
float:right;
margin:8px 12px;
clear:both;
}
.hr{
	border-bottom:1px solid #004080;
	clear:both;
}
.mapBox{
margin:18px;
border:1px solid #004080;
}
.mapControls{
text-align:center;
padding:8px;
font-size:1.2em;
}
.mapControls a{
margin:0 8px;
}
.pullQuote{
display:block;
padding:8px 12px;
margin:8px 0;
border-top:1px solid #232323;
border-bottom:1px solid #232323;
font-size:1.4em;
}
.pushDown{
margin-top:15px;
}
.searchMatch{
background-color:#FFFFCC;
}
.searchRenew, a.searchRenew{
float:right;
width:140px;
font-weight:900;
font-size:1.2em;
}
.searchTitle, a.searchTitle{
font-weight:900;
}
.searchURL, a.searchURL{
text-decoration:none;
padding-left:8px;
}
.seoText,p.seoText,#content p.seoText{
font-size:1em;
line-height:1em;
color:#EEEEEE;
margin:15px;
}
.seoText a,#content .seoText a,
#content .seoText a:visited,
#content .seoText a:hover{
color:#EEEEEE;
text-decoration:none;
}
.sideBox{
margin: 0;
padding:2px 5px 4px 5px;
}
.sideInside{
margin:3px 2px 3px 3px;
background-color:#FFF;
padding:4px 2px 13px 2px;
background-image:url(../img/sidecol-bgrd.gif);
background-repeat:no-repeat;
background-position:top left;
border-bottom:1px solid #4177A5;
border-top:1px solid #c0d7e7;
}

.sideBox ul li{
list-style:none;
font-size:1em;
line-height:1.3em;
margin-bottom:3px;
font-weight:100;
}
.smallPrint{
font-size:1em;
padding:0 12px;
text-indent:0;
}
.largePrint{
	font-size:14px;
	font-weight:300;
}
body #mainCol  p.indent{
	margin-left:28px;
}
body #mainCol p.indent a{
	margin-right:18px;
}
.standOut{
padding:2px 8px 12px;
border:1px solid #4177a5;
background-color:#deebf3;
margin:7px 15px;
}
#mainCol p.standOut{
	padding-top:14px;
}
#mainCol fieldset p.standOut{
	margin-top:15px;
}
img,#header a img,body #content a img{
border:none;
}
#credits,.centered,#content p.centered{
text-align:center;
}
.floatLeft{
float:left;
}
h1 .subHead{
	font-size:75%;
	font-weight:100;
}
h1 a{
	color:#AD7D6C !important;
	text-decoration:none !important;
}
h1 a:hover{
	text-decoration: underline;
}
/* --------- form styles ----------------- */
fieldset{
padding:13px 8px 13px 8px;
/*
width:320px;
*/
margin:10px 16px 10px 18px;
border:1px solid #4177a5;
}
/* -------- contact form fieldsets ------- */
fieldset.fsContact{
float:left;
}
label{
width:120px;
float:left;
text-align:right;
margin:8px 6px 0 6px;
font-size:12px;
line-height:1.4em;
color:#232323;
}
form div.error, form div.warning{
color:#990000;
float:none;
clear:both;
padding:5px 0 5px 54px;
text-align:left;
font-size:1.2em;
font-style:italic;
}
body #mainCol p.warning{
color:#990000;
}
input.error, input.warning, textarea.error, textarea.warning, select.error, select.warning{
border:1px solid #990000;
}
label.required{
font-weight:900;
}
legend{
padding:3px 8px;
margin:2px 27px;
border:none;
color:#4177a5;
font-weight:900;
font-size:13px;
}
input,textarea,select{
margin:10px 6px 0 6px;
padding:1px;
border:1px solid #232323;
color:#232323;
background-color:#FFFFFF;
font-family:sans-serif;
}
input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: 0 !important;
}
textarea{
	font-size:1.2em;
}
input[type=checkbox]{
	border:none;
}
input.submitButton{
padding:3px 3px;
border:1px solid #4177a5;
color:#232323;
font-weight:100;
cursor:pointer;
background-color:#EEE;
margin:12px 0 9px 142px;
background-image:url(../img/nav-bgrd_10x40.jpg);
}
a.buttonLink,
a.buttonLink:link,
a.buttonLink:visited,
a.buttonLink:hover,
a.buttonLink:active
{
	padding:4px 5px;
	margin:6px 0 3px 0 !important;
	display:inline-block;
border:1px solid #4177a5;
color:#232323 !important;
font-weight:100;
cursor:pointer;
background-color:#EEE;
background-image:url(../img/nav-bgrd_10x40.jpg);
text-decoration:none !important;
}

#searchForm input.submitButton, 
#searchFormTop input.submitButton{
margin:0;
background-color:#deebf3;
background-image:url(../img/nav-bgrd_10x40.jpg);
	color:#3e74a2;
	border:1px solid #3e74a2;
	font-weight:900;
}
#searchFormTop{
	float:right;
	padding:25px 12px;
}
#searchFormTop input.submitButton{
	margin-top:6px;
}
#searchFormTop #searchString{
	padding:3px 6px;
	font-size:12px;
	font-weight:100;
	text-align:center;
	color:#4379a7;
	border:1px solid #4379a7;
}
.formResponse{
padding:45px;
height:240px;
font-size:1em;
}
.formResponse a{
text-decoration:none;
}
.formResponse a:hover{
text-decoration:underline;
}
#printHeader,.hideField{
display:none;
}
div.notBox{
	float:right;
	width:220px;
	text-align:right;
	padding:12px;
}
div.linkBox{
	float:right;
	width:178px;
	text-align:right;
	padding:2px 12px;
}
#billpay1, #billpay2{
	padding:4px 16px;
}
#billpay2{
	display:none;
}
div.halfBox{
	float:left;
	width:44%;
	margin-right:3px;
}
#content #mainCol p.balance{
	text-align:right; 
	background-color:#f7f3c9;
	clear:both;
	padding:3px 29px;
	margin-bottom:8px;
}
#content #mainCol p.lateFee{
	text-align:right; 
	background-color:#FFF;
	clear:both;
	padding:3px 29px;
	margin-bottom:8px;
}

form#account_login div{
	margin-left:82px;
}
#payment_submit fieldset div{
	padding-left:68px;
}
input#payment_amount{
	margin-left:0;
}
body p#balDueCheck{
	text-align:center;
}
#paymentInfo{
	margin:8px 32px;
	padding:5px 22px;
	border:1px solid #cddfeb;
}
p#paymentLogos span img{
	width:50px;
	margin:0 0 0 12px;
}

body p.alert{
	background-color:#f7e991;
	padding:4px 9px;
	margin:8px;
}
#clientPanel .prop{
	height:310px;
	float:left;
	width:1px;
}
#paymentDue{
	float:left;
	display:block;
	width:185px;
}
#header a img{
	width:720px;
	height:100px;
}
#content p span.lateDate{
	color:#a72a0e;
	font-weight:900;
}
#content #mainCol p.lateFee{
	text-align:center;
}

.pageNav{
padding:6px 1px 6px 9px;
border:1px solid #cde0ef;
margin:2px 8px 12px 8px;	
font-size:12px;
line-height:19px;
}
.pageNav a{
	margin:0 8px 0 0;
}
.pageNav a:link,
.pageNav a:visited,
.pageNav a:active{
	text-decoration:none;	
}
.pageNav a:hover{
	text-decoration:underline !important;
}


/*--------- EVENTS ----------*/

 #rightCol .newsItem{
 	margin:8px;
	padding:4px 2px;
	font-size:12px;
	line-height:1.12em;
}
 #rightCol .newsItem p{
 	line-height:1.2em;
	font-size:12px;
	margin:2px 8px 0 0;
	}
#rightCol .newsItem .newsDate{
	font-weight:900;
	font-size:12px;
	padding:0 8px 0 0;
	display:block;
}
#rightCol .newsItem .newsTitle{
	font-size:12px;
	font-weight:900;
	padding:0 8px 4px 0;
		display:block;
}

 #mainCol .newsItem{
 	margin:8px 8px 23px 9px;
	padding:4px 2px;
	font-size:12px;
	line-height:1.12em;
}
/* OUTAGES */
#mainCol .standOut .newsItem{
	margin-bottom:0px;
}
#mainCol .standOut .newsItem .newsTitle,
#mainCol .standOut .newsItem .newsDate
{
	color:#B2401C ;
}

 #mainCol .newsItem .newsBody p{
 	line-height:1.4em;
		font-size:12px;
	margin:2px 8px 5px 0;
	}
 #mainCol .newsItem .newsBody{
 	margin:0 11px 7px;
 }
#mainCol .newsItem .newsDate{
	font-weight:900;
	font-size:13px;
	padding:0px 8px 0 9px;
}
#mainCol .newsItem .newsTitle{
	margin:0 0 5px 0;
	font-weight:900;
	font-size:14px;
}
#mainCol .newsItem h2.newsTitle{
	color:#000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	}
#mainCol .newsItem .newsLink{
	margin:6px 0 0 11px;
	}