/* BASE CSS for each website.  The values of these elements overwrite the values set in the Websolutions.css */
/* Aug 15, 2005 */

body {
	background-image: url(/images/PCObackground.jpg);
	
}

div.banner {
	background: #5d8ec0 url(/images/banner.jpg) top left repeat-y !important;
	color: #FFF;
}

div.footer div.footerline {
	background-color: #5d8ec0;
	color:black;
}

div.blackborder {
    margin: 0 0 0 5px;
    padding: 0;
}

a, a:visited {
	background-color: transparent;
	color : #0033CC;
}

a:hover {
	background-color : transparent;
	color : red;
}


#flashObject {
    margin: 0px 0px 0px -5px;
    padding: 0px 0px 0px 0px;
}



/* - - - - - - - - - - - - - - - - - - - - */
/*      EC Internet - Left Navigation     zulu */
/* - - - - - - - - - - - - - - - - - - - - */

div#menu {
	border: 1px solid white;
	margin: 0 0 10px 0 !important;
	padding: 0;
}
div#menu ul {
	margin: 0 !important;
	padding: 0 !important;
}
/* Main and secondary menu similarities */
#sectionmenu {
	margin: 0 0 20px 0 !important;
	padding: 0;
}

ul#sectionmenu li {
	background-color: #122954;
	color: #FFF !important;
	font-weight: bold;
	display:block;
	margin:0;
	padding:0;
	text-decoration: none;
}

ul#sectionmenu a, ul#sectionmenu a:visited {
	background-color: #122954;
	border-bottom:1px solid #FFF;
	color: #FFF;
	font-weight: bold;
	display:block;
	margin: 0;
	padding: 0.4em 5px 0.4em 10px;
	text-decoration: none;
}

ul#sectionmenu a:hover {
	color:#E29515 !important; 
	font-weight: bold;
}


/* - - - - - - - - - - - - - - - - - - - - - - */
/* 2nd Level ODOW Nav / 1st Level Subsite Nav  */
/* - - - - - - - - - - - - - - - - - - - - - - */
 li.menuSelected a.menuActive1,
 li.menuSelected a.menuActive1:visited {
	border-bottom:5px solid white !important;
	color: #EEAB3D !important;
	font-weight:bold;
	margin: 0;
	padding: 0.4em 5px 0.4em 10px !important;
	text-decoration: none;
}

li.isopen1 a.menuActive1,
 li.isopen1 a.menuActive1:visited {
	border-bottom:5px solid white !important;
	color: #A2A29C !important;
	font-weight:bold;
	margin: 0;
	padding: 0.4em 5px 0.4em 10px !important;
	text-decoration: none;
 }

 li.isopen1 a.menuActive1:hover{
	color: #FFF !important;
	text-decoration: underline;
}

li.isopen1 li.menuSelected ul li a {
	padding: 0.4em 5px 0.4em 25px !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - */
/* 3rd Level ODOW Nav / 2nd Level Subsite Nav  */
/* - - - - - - - - - - - - - - - - - - - - - - */
/* Active Nav Link */
#sectionmenu li.menuSelected a.menuActive2,
#sectionmenu li.menuSelected a.menuActive2:visited {
	border-bottom:1px solid #FFF !important;
	color: #EEAB3D !important;
	display:block;
	font-weight:bold;
	margin: 0;
	padding: 0.4em 5px 0.4em 15px !important;
	text-decoration: none;
}

/* non-active Nav Link */
#sectionmenu li.menuSelected li a.menuActive3, 
#sectionmenu li.menuSelected li a.menuActive3:visited {
	background-color: #122954;
	color: #EEAB3D;
	display:block;
	margin: 0;
	padding: 0.4em 5px 0.4em 15px !important;
	text-decoration: none;
}

#sectionmenu li.menuSelected li a:hover{
	color: #EEAB3D !important;
	text-decoration: none;
}

#sectionmenu li.menuSelected ul li a {
	background-color: #122954 !important;
	padding: 0.4em 5px 0.4em 25px !important;
	/*padding: 0.4em 5px 0.4em 15px;*/
}

/*li.isopen1 li.menuSelected ul li a {
	padding: 0.4em 5px 0.4em 25px !important;
}*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* 4th-5th Level ODOW Nav / 3rd-4th Level Subsite Nav  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Top Parent Link */

li.isopen2 li.menuSelected a.menuActive2,
 li.isopen2 a.menuActive2{
	background-color: #122954 !important;
	color: #EEAB3D;
	border-bottom:1px solid #FFF !important;
	display:block;
	font-weight:bold;
	margin: 0;
	text-decoration: none;
	padding: 0.4em 5px 0.4em 15px !important;
}

li.isopen2 a.menuActive2:hover{
	color: #FFF !important;
	text-decoration: none;
}

/* Active Nav Link */
li.menuSelected a.menuActive3,
li.menuSelected a.menuActive3:visited {
	background-color: #122954 !important;
	color: #EEAB3D !important;
	border-bottom: 1px solid #A2A29C;
	font-weight: bold;
	margin: 0px;
}

/* non-active Nav Link */
li.isopen2 li a, 
li.isopen2 li a:visited {
	background-color: #122954 !important;
	color: #141413;
	display:block;
	margin: 0;
	padding: 0.4em 5px 0.4em 25px !important;
	text-decoration: none;
}
 li.isopen2 li a:hover{
	color: #fff !important;
	text-decoration: none;
}


/* Important: provided section header to first column */
li.nav {
	background-color: #000;
	color: #FFF;
	font-weight: bold;
	padding: 3px 0px 4px 10px;
}






/* =============================================== */
/*  Re-usable CSS differnent colored boxes on ODOW */
/* =============================================== */
/* Green Box */
/* --------- */
div.greenBar {
	background: #E9F5D6 url(/CommonWebSol/images/ODOW/whiteBar.png) top repeat-x;
	border-bottom:7px solid #CADFAA;
	color:#000000;
	margin: 0 0 10px 0;
	padding: 0 0px 5px 0px !important;
}
	
 div.greenBar h2 {
	/*background: #607726 url(/CommonWebSol/images/ODOW/bg_titles_greenBar.png) 0 50% repeat-x;*/
	background-color: #5C7810;	
	color:#FFFFFF !important;
	font-size:0.95em !important;
	margin: 0 0 10px 0;
	padding:0.3em 3px 0.3em 5px !important;
}

 div.greenBar h2 a, div.greenBar h2 a:visited {
 	background:transparent;
	color:white !important;
 }
	
div.greenBar h3 { 
	background:transparent;
	color: #000 !important; 
	margin: 8px 0 10px 10px !important;	
	padding: 0;	
}	

div.greenBar p {
	background: transparent;
	color: #000;
	margin: 8px 10px 10px 10px !important;
	padding: 0;
}

div.greenBar img {border: 3px solid #9EC274;}

div.greenBar ul li {
	background: transparent url(/CommonWebSol/images/ODOW/bullet_Arrowgreen.png) 0 .4em no-repeat;
	color: #0F2900; 
	display:block;
	margin: 8px 0 8px 10px !important;
	padding: 0 5px 5px 10px;	
} 

div.greenBar li.oddRow {
	background:#CADFAA url(/CommonWebSol/images/ODOW/bullet_arrowGreen.png) 0.4em .4em no-repeat !important;
	color: black;
	padding-left: 1.5em;
}

div.greenBar li.evenRow {
	background:transparent url(/CommonWebSol/images/ODOW/bullet_arrowGreen.png) 0.4em .4em no-repeat !important;
	color:black;
	padding-left: 1.5em;
}

div.greenBar a, div.greenBar a:visited { 
	background: transparent;
	color: #000 !important; 
}

div.greenBar p a, div.greenBar p a:visited, div.greenBar p a:hover{
	background:transparent !important;
	color: #000;
	text-decoration: underline;
}

/* --------- */
/* BLUE BOX  */
/* --------- */
div.blueBar {
	background-color: #E2F6FF;
	border-bottom: 7px solid #ADDBF0;
	color:#000;
	margin: 0 0 10px 0;
	padding: 0 0px 5px 0px !important;
}

div.blueBar h2 {
	/*background: #0776A1 url(/CommonWebSol/images/ODOW/bg_titles_blueBar.png) 0 50% repeat-x;*/
	background-color: #18779A;
	color:#FFF;
	font-size:0.95em !important;
	margin: 0 0 10px 0;
	padding:0.3em 3px 0.3em 5px !important;
}

div.blueBar h2 a, div.blueBar h2 a:visited {
	background:transparent;
	color:white !important;
}

div.blueBar h3 {
	background:transparent;
	color: #000 !important;
	margin: 8px 0 10px 10px !important;	
	padding: 0;	
}

div.blueBar p {
	background: transparent;
	color: #000;
	margin: 8px 10px 10px 10px !important;
	padding: 0;
}

div.blueBar img {   border: 3px solid #72B9D9;}

div.blueBar ul {
	list-style:none;
	margin:0;
	padding:0 10px 0 0 !important;
}

div.blueBar ul li {
	background: url(/CommonWebSol/images/ODOW/bullet_Arrowblue.png) 0 .4em no-repeat !important;
	color: #000;
	display:block;
	margin: 8px 0 8px 10px !important;
	padding: 0 5px 5px 10px;
}

div.blueBar ol {
	margin-left:20px;
	padding:0;
}

div.blueBar a, div.blueBar a:visited {
	background: transparent;
	color: #000 !important;
	display: inline !important;
}

div.blueBar a:hover { text-decoration: none;}

div.blueBar p a, div.blueBar p a:visited, div.blueBar p a:hover{
	background:transparent !important;
	color: #000;
	text-decoration: underline;
	display:inline;
	padding: 0;
	margin: 0;
}


/* ------------ */
/*  ORANGE BOX  */
/* ------------ */
div.orangeBar {
	background: #F3F2E9 url(/CommonWebSol/images/ODOW/whiteBar.png) top repeat-x;
	border-bottom: 7px solid #DAD5BF;
	color:#000000;
	margin: 0 0 10px 0;
	padding: 0 0px 5px 0px !important;
}
	
div.orangeBar h2 {
	/*background: #D96D01 url(/CommonWebSol/images/ODOW/bg_titles_orangeBar.png) 0 50% repeat-x;*/
	background-color: #AD5700;
	color:#FFFFFF;
	font-size:0.95em !important;
	margin: 0 0 10px 0;
	padding:0.3em 3px 0.3em 5px !important;
}

 div.orangeBar h2 a, div.orangeBar h2 a:visited {
 	background:transparent;
	color:white !important;
 }
 
div.orangeBar h3 { 
	background: transparent;
	color: #000 !important; 
	margin: 8px 0 10px 10px !important;	
	padding: 0;		
}

div.orangeBar p {
	background: transparent;
	color: #000;
	margin: 8px 10px 10px 10px !important;
	padding: 0;
}

div.orangeBar img {border: 3px solid #F3AB4E;}

div.orangeBar ul li {
	background:url(/CommonWebSol/images/ODOW/bullet_arrowOrange.png) 0 .4em no-repeat !important;
	color:#000;
	display:block;
	margin: 8px 0 8px 10px !important;
	padding: 0 5px 5px 10px;
}

div.orangeBar li.oddRow {
	background:#F8E5CC url(/CommonWebSol/images/ODOW/bullet_arrowOrange.png) 0.4em .4em no-repeat !important;
	color: black;
	padding-left: 1.5em;
}

div.orangeBar li.evenRow {
	background:transparent url(/CommonWebSol/images/ODOW/bullet_arrowOrange.png) 0.4em .4em no-repeat !important;
	color:black;
	padding-left: 1.5em;
}

div.orangeBar a, div.orangeBar a:visited {
	background:transparent;
	color:#000 !important;
}

div.orangeBar p a, div.orangeBar p a:visited, div.orangeBar p a:hover{
	background:transparent !important;
	color: #000;
	text-decoration: underline;
	display:inline;
	padding: 0;
	margin: 0;
}