@import url(oc_master.css);
@import url(oc_menu.css);
@import url(submenu.css);

body { 
	margin-top: 0;
	margin-left: 0; 
	margin-right: 0; 
	margin-bottom: 0; 
	margin-width: 0;  
	color: black;
	font-family: Verdana, Arial;
	background: url(../images/bg.jpg) repeat;
 }
a:active {
	color: #099a6f;
}
a:hover {
	color: #af4859;
	text-decoration: none;
}
a:link {
	color: #099a6f;
}
a:visited {
	color: #099a6f;
	text-decoration: underline;
}
a:visited:hover {
	color: #af4859;
	text-decoration: none;
}

img {

border: 0px;
}

.red {
color: #ff0000;
}


p { 
	font-family: Verdana, Arial; 
	font-size: 11px; 
	color: #000000;  
	line-height: 14px;
	}
	
.paybill {

padding-top: 5px;
padding-bottom: 8px;
}	

.smalladobe
{
font-size: 9px;
color: #666666;
}
	
	.mainmenu {

		background: url(../images/mainmenuBG.jpg) repeat;
	}
		.mainmenu a:link
		{
			color:#FFF !important;
			text-decoration:none;
		}
		.mainmenu a:visited
		{
			color:#FFF !important;
			text-decoration:none;
		}
		.mainmenu a:hover
		{
			color:#FFF !important;
			text-decoration:none;
		}
		.mainmenu a:active
		{
			color:#FFF !important;
			text-decoration:none;
		}

	
	/* top menu */
	
.mainlink {
	font-family: Verdana, sans-serif;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
}
.mainlink a {

	margin-left: 5px;
    margin-bottom: 3px;
	border-right: 1px solid #ffffff;
	padding-right: 8px;
}

.mainlink a:active {

	margin-left: 5px;
    margin-bottom: 3px;
	border-right: 1px solid #ffffff;
	padding-right: 8px;
}
.mainlink a:hover  {
	color: #af4859;
	text-decoration: none;
	margin-left: 5px;
    margin-bottom: 3px;
	border-right: 1px solid #ffffff;
	padding-right: 8px;
}
.mainlink a:link  {
	color: #ffffff;
	margin-left: 5px;
    margin-bottom: 3px;
	border-right: 1px solid #ffffff;
	padding-right: 8px;
	text-decoration: none;
}
.mainlink a:visited  {
	color: #ffffff;
    margin-left: 5px;
    margin-bottom: 3px;
	border-right: 1px solid #ffffff;
	padding-right: 8px;
	text-decoration: none;
}
	
	
	/* side menu - BELOW - Open Cube nav */
	
	
.leftlink a {
	color: #747371;
	font-weight: bold;
	font-size: 11px;
    margin-bottom: 3px;
	padding-right: 2px;
}

.leftlink a:active {
    font-weight: bold;
		font-size: 11px;
    margin-bottom: 3px;
    padding-right: 2px;
}
.leftlink a:hover  {
	color: #000000;
	font-weight: bold;
		font-size: 11px;
	text-decoration: none;
    margin-bottom: 3px;
	padding-right: 2px;
}
.leftlink a:link  {
	color: #747371;
    margin-bottom: 3px;
	padding-right: 2px;
	text-decoration: none;
}
.leftlink a:visited  {
	color: #747371;
    margin-bottom: 3px;
	padding-right: 2px;
	text-decoration: none;
}
	
	
	
.submenu { 
	font-family: Verdana, Arial; 
	font-size: 11px; 
	color: #FFFFFF;
	font-weight: bold;  
	line-height: 14px;
	}	
	
A.submenu { 
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #FFFFFF ! important;
	font-weight: bold;  
	line-height: 16px;
	}	
	
A.submenu:hover { 
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #FBAF5F ! important;
	font-weight: bold;  
	line-height: 16px;
	}			
	
.sidemenu { 
	font-family: Verdana, Arial; 
	font-size: 9px; 
	background: #d8eaf6;  
	margin: 5px;	
	}	
	
.sidemenu2 { 
	font-family: Verdana, Arial; 
	font-size: 9; 
	color: #000000;  
	margin-bottom: 6px;
	margin-left: 5px;	
	}		

	
.standings { 
	font-family: Verdana, Arial; 
	font-size: 12px; 
	color: #FFFFFF; 
	line-height: 14px;
	}	

.yellowText2 { 
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #FFFF00; 
	line-height: 14px;
	}

.greenText2 { 
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #61DA8E; 
	line-height: 14px;
	}

h2 { 
	font-family: Verdana, Arial; 
	font-size: 16px; 
	color: #038aba; 
	font-weight: bold; 
	}
	
h2.home {
color: #B04557;
font-weight: bold; 
	font-size: 18px; 
font-family: Verdana, Arial, helvetica; 
}	
	
h3 { 
	font-family: Verdana, Arial; 
	font-size: 14px; 
	color: #038aba; 
	font-weight: bold; 
	}	
	
	.outage { 
	font-family: Verdana, Arial; 
	font-size: 14px; 
	color: #fff; 
	font-weight: bold; 
	}	
	
h4 { 
	font-family: Verdana, Arial; 
	font-size: 12px; 
	color: #08664B; 
	font-weight: bold; 
	}	
	
	h6 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: black;
}
		
h1#pageheading {
font-family: verdana, Trebuchet MS, arial, sans-serif;
font-size: 17px; 
font-style: oblique; 
font-weight: bold;
color: #ffffff;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
margin-top: 0px;
margin-left: -10px;
background: #cccccc;
}

h1 { 
	font-family: Verdana, Arial; 
	font-size: 21px; 
	color: #cccccc;  
	font-weight: bold; 
	}
	
.frontHeader { 
	font-family: Verdana, Arial; 
	font-size:19px; 
	color: #FFFF00;  
	font-weight: bold; 
	}	

.yellowText { 
	font-family: Verdana, Arial; 
	font-size: 12px; 
	color: #FFFF00;  
	line-height: 12px; 
	font-weight: bold;
	}

.greenText { 
	font-family: Verdana, Arial; 
	font-size: 11px; 
	color: #61DA8E;  
	line-height: 12px; 
	font-weight: bold;
	}

.topMenu { 
	font-family: Verdana, Arial; 
	font-size: 9px; 
	color: red; 
	text-decoration: none; 
	}

A.topMenu { 
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #006500; 
	text-decoration: none; 
	}

A.topMenu:visited { 
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #006500; 
	text-decoration: none; 
	}

A.topMenu:hover { 
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #399739; 
	text-decoration: none; 
	}


.intro { 
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #000000;  
	line-height: 15px; 
	text-decoration: none; 
	}

TD { 
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #000000;
	}



UL { 
	font-family: Verdana, Arial; 
	font-size: 11px; 
	color: #000000;  
	line-height: 12px; 
	line-height: 14px;
	list-style: disc;
	}

LI { 
	font-family: Verdana, Arial; 
	font-size: 11px; 
	color: #000000;  
	line-height: 12px; 
	line-height: 14px; 
	list-style: disc; 
	}


.bottomMenu {
	font-family:  Arial;
	color:  990000; 
	font-size: 11px;
	line-height : 1.2;
	font-weight: bold;
	text-decoration: none;
		}	
	
.copyright {
	font-family:  Verdana;
	text-decoration: none;
	color: #000000;
	font-size: 10px;
	line-height : 1.1;

		}				
			
.break {	
	line-height : .7 ; 
			}										
			
.yellowHeader 
{ 
	font-family: Verdana, Arial; 
	font-size: 12px;
	color: #FFFF00; 
	font-weight: bold;
	}
	
.whiteText 
{ 
	font-family: Verdana, Arial; 
	font-size: 13px;
	color: #FFFFFF; 
	font-weight: bold;
	}	
	
.largeLink 
{ 
	font-family: Verdana, Arial; 
	font-size: 16px;
	color: #FFFF00; 
	}	
	
A.largeLink:hover
{ 
	font-family: Verdana, Arial; 
	font-size: 16px;
	color: #CDCD99;
	font-weight: bold; 
	}		

.newsHeader 
{ 
	font-family: Verdana, Arial; 
	font-size: 2.7mm; 
	color: white; 
	font-weight: bold; 
	text-decoration: none;
	}

.left {
  background: url(../images/leftbg.jpg) repeat;
}

.right {
  background: url(../images/rightbg.jpg) repeat;
}

.white2 
{ 
	font-family: Verdana, Arial; 
	font-size: 4.5mm; 
	color: white; 
	font-weight: bold;
	}
	
.fooddrive {
	background-color: #F8F7F2;
	border: 1px solid #000;
	width: 95%;
}
h1#fooddrive_heading{
	color: #C00;
	font-size: 16px;
	margin: 2px;
}
h2#fooddrive_heading {
	color: #168565;
	font-size: 12px;
	margin: 5px;
	margin-bottom: 0px;
}
p#fooddrive{
	margin: 5px; 
}

#newshome {
padding-left: 10px;
padding-right: 10px;
}	

#mainMenu {
  background-color: #FF8E18;
  color: #FFF;
  width: 213px;
  margin: 0px;  
}

#menuList {
  margin: 0px;
  padding: 0px;
}

li.menubar {
  background: url(/images/arrow_off.gif) no-repeat;
  margin: 0;
  font-size: 12px;
  line-height: 12px;

}

.menu {
  display: none;
  margin-left: 0;
  padding: 0px;
  margin: 0px;
  color: white ! important;
}

.menu li {
  background-color: #CE6100;
}

a.actuator {
  color: white;
  font-size: 12px;
  padding-left: 28px;
  margin: 0px;  
  text-decoration: none;
}

a.actuator:hover {
  text-decoration: underline;
}

.menu li a {
  background-color: transparent;
  color: white ! important;
  font-weight: bold;
  font-size: 10px;
  padding-left: 10px;
  text-decoration: none;
  line-height: 8px;
}

.menu li a:hover {
  border-bottom: 1px dashed #FFFFFF  ! important;
}

span.key {
  text-decoration: underline;
}

body {
	background-color: #ffffff;
}

a.c5 {
	color: #000066; 
	text-decoration: none;
}

div.c4 {
  text-align: center;
}

form.c3 {
  margin-top: 0px; 
	margin-bottom: 0px;
}

input.c2 {
  margin-top: 0px; 
	height: 17px;
}

li.c1 {
	list-style-type: none;
}

.content {
	background: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

.wrapper {
padding-left: 10px;
padding-right: 10px;
}
	
	
.footer {
   font-family: Verdana, sans-serif;
   color: #B5D6E9;
   font-size: 10px;
   font-weight: normal;
   background: #C4E0EE url(../images/footer.jpg) repeat-x;
}


form {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

td.col1 {
    font-family: Trebuchet MS, Verdana, sans-serif;
    font-weight: bold;
	font-size: 11px;
	font-color: #737373;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	vertical-align: left;
	background: #f8f7f2;
}

td.col1 input, td.col1 select {
	font-size: 10px;
}
td.col1 select {
	width: 150px;
}

div#how {
	padding-left: 4px;
	padding-bottom: 5px;
}


/* ------------- right side submenu -----------  */

div#subtitle 
{
    background: #c1dade  ;
	color: #fefffd;
	font-size: 16px;
	font-weight: bold;
	padding-left: 2px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 0px
}

ul.rightsublist
{
margin-top: 0px;

list-style-type: none ;    
margin-left: 0px; 
padding-left: 1em;
text-indent: -1em;
	/*	list-style-image: url(../images/ridesidebullet.jpg) */
}

li.rightsublist {
margin-top: 0px;
list-style-type: none ;    
margin-left: 0px; 
padding-left: 1em;
	text-indent: -1em;
/*	list-style-image: url(../images/ridesidebullet.jpg) */
}

.rightsublist a:active {
	color: #0687be;
	list-style-type: none ;    
	font-weight: normal;
	font-size: 10px;
}
.rightsublist a:hover  {
	color: #ff0000;
	list-style-type: none ;    
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
}
.rightsublist a:link  {
	color: #0687be;
	list-style-type: none ;    
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
}
.rightsublist a:visited  {
	color: #0687be;
	list-style-type: none ;    
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
}
.rightsublist a:visited:hover  {
	color: #ff0000;
	list-style-type: none ;    
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
}



/* ------------- ACCOUNT SERVICES -----------  */


ul.accountservices
{
margin-top: 0px;

list-style-type: none ;    
margin-left: 0px; 
padding-left: 4px;
text-indent: -1em;
	/*	list-style-image: url(../images/ridesidebullet.jpg) */
}

li.accountservices {
margin-top: 0px;
list-style-type: none ;    
margin-left: 0px; 
padding-left: 1em;
	text-indent: -1em;
/*	list-style-image: url(../images/ridesidebullet.jpg) */
}

.accountservices a:active {
	color: #0687be;
	list-style-type: none ;    
	font-weight: normal;
	font-size: 10px;
}
.accountservices a:hover  {
	color: #ff0000;
	list-style-type: none ;    
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
}
.accountservices a:link  {
	color: #0687be;
	list-style-type: none ;    
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
}
.accountservices a:visited  {
	color: #0687be;
	list-style-type: none ;    
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
}
.accountservices a:visited:hover  {
	color: #ff0000;
	list-style-type: none ;    
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
}


/************** OUTAGE *******/

table.matrix {
border: 1px solid #4B8A07;
background-color: #fff;
  }
  table.matrix th {
    border-right:1px solid #7EA37A;
    background-color:#B04557;
    padding: 4px;
    white-space:nowrap;
    color:#fff;
    font-size:13px;
    font-weight:bold;
  }
  table.matrix td {
    color:#333;
                vertical-align: top;
    }
    table.matrix td a {
      color:#00630E;
    }
  table.matrix tr.odd td {
    background-image:url(/SiteCollectionImages/pub/td-2.jpg);
    background-repeat:repeat-x;
    background-color:#F5F5F5;
    }
  table.matrix td,
  #content table td {
    padding:15px;
  }