@charset "UTF-8";
/* CSS Document  Copyright 2009 EFPN, styled by Tatiana Promessi */


body {
   margin: 2%;
   font-size: 100%;
   font-family: Arial, Helvetica, sans-serif;
   color: #333;
   background-color:#152f3c;
}


* { margin:0; padding:0;}

#container {
	width: 850px;
   height: 100%;
	margin: 0 auto;
   background-color: #fff;
   background:url(../imgs/graphics/bg.gif) repeat;
}

#header {
	width: 100%;
   height: 230px; 
	background-color:inherit;
   z-index:5;
}


/*  NAVIGATION TOP ************************** */ 

div#navtop {
   float: right;
	width: 850px;
   font-weight: bold;
   font-size: 0.8em;
   text-transform:uppercase;
	background-color:#152f3c;
   text-align:right; 
}
div#navtop ul { width: 100%; margin: 0;}


div#navtop li {
	display:inline;
   float: right;
   list-style-type: none;
   background-color: inherit;
   border-right: 1px solid #fff;
   } 
   
div#navtop li:first-child {border-right: none;}

div#navtop a:link, div#navtop a:visited {
	display: block; 
	margin: 0  0 4px 2px;
	padding:0 6px;
	text-decoration:none;
	color: #fff;
}
	
div#navtop a:hover, div#navtop a:active { color:#F2F1FF;}


  /* end top nav ******************************* */


/* dropdown horizontal navpro from Tanfa  */

div#navpro {
	position: relative;  /* needed for IE */
   float: left; 
	width:844px;
   margin: 0 auto;  
   background-color: #fff;
   background:url(../imgs/graphics/bg-nav.gif) repeat-x 0 50%; 
   border-left: 3px solid #fff; 
   border-right: 3px solid #fff;
 }
 
 /* IE HACKS HACKS HACKS HACKS    ****** \*/
 * html div#container {width: 828px;}
 * html div#navpro ul {width: 6.5em;}
 * html div#navpro a, div#navpro h2  {font-size: 8px; color: #fff; border-right: none;}
 * html div#navpro a:hover {color:#F2F1FF;}
 * html div#footer {width: 828px;}
 /* end IE hack */
 
 div#navpro ul {                     
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;    
  } 
  
 div#navpro a {
   color: #000;
   font-weight: normal;
   text-decoration:none; 
 }
 
 div#navpro a:hover {
   color: #36540D;
 }
 
 div#navpro a, #navpro h2 {   /* style 1st level */
 	font-weight: bold;
   font-size: 12px;
   display: block; 
   margin: 0;
   padding:3px 4px;
 }
 
 div#navpro h2 { 
   color: #fff;
   text-transform: uppercase;
 }
 
div#navpro h2 > a {   /* styles 1st level a */
 	color: #fff;
   text-decoration:none;
   background: inherit;
   border: none;
 }
div#navpro h2 > a:hover {
   color: #fff;
   background: inherit;
}
 

 
 /* position the pop-outs *********************************** */


  
div#navpro li { position: relative;}
div#navpro ul ul {
	position: absolute;
   width: 11em;  /* added to make sub levels expand */
	z-index: 500;
}  
div#navpro ul ul ul {
	position: absolute;
   top: 0;
   left: 100%;  
}

div#navpro ul ul,     /* these 2 rules resolve for 3 layers */
div#navpro ul li:hover ul ul,
div#navpro ul ul li:hover ul ul
{display: none;}

div#navpro ul li:hover ul,/* brings back all child elements on hover */
div#navpro ul ul li:hover ul,
div#navpro ul ul ul li:hover ul
{	display: block;
	background-color: #F5E0A0;  /* background color for dropdowns */
}


/* end top nvigation ********************************* */

#content {
	float: left;
   width: 100%;
   padding-bottom: 1em; /* allows for white footer copy to show */
   background:url(../imgs/graphics/bg-white.gif) repeat-y; 
}

#col1 {
	float:left;
   width: 23%;
   margin: 0 0.5em 0 .25em;
}

#col2 {
	float: left;
   width: 70%;
   margin: 0 1em;
   padding-top: 1em; 
}

#footer {  /* the footer is inside the container div ************** */
	float: left;
   width: 850px;
   margin-bottom: 0;
   border-top: .25em solid #DEAA00;
   background:url(../imgs/graphics/bottombar.gif) no-repeat;
   background-color:#152f3c;
}


#footer p { 
	clear: both;
   font-size: 0.7em;
   margin: .25em auto;
   text-align: center;
   color: #fff;
}
#footer a { 
   color: #fff;
   text-decoration:none;
}

/* presentation ************************** */


h1 {font-size: 1.5em; margin-bottom: 1em;}
h2 {font-size: 0.9em;}
h3 {font-size: 0.8em;}
h4 {font-size: 0.75em; color:#000;}
h5 {font-size: 0.7em; color:#000;}
h2, h3, h4, h5 {margin-top: 1em;}
h3, h4, h5 {margin-bottom: 0;}

a:link {
	color: #039;
	text-decoration: none;
	}
a:visited {
    color: #936;
    text-decoration: none;
	}
a:hover, a:active {
	color: #c00;
	text-decoration: underline;
	}


#content h3 + p, #content h4 + p,#content h5 + p {margin-top: 0;}

hr {
	color: #999;
	background-color: #999;
	height: 1px;
	width: 100%;
}
acronym, abbr {border-bottom: 1px dotted; cursor:help;}

#content p, #content ul, #content ol, #content dl{
	font-size: 0.8em;
   line-height:1.5em;
   margin-top: 1em;
}

#content p.line1 {line-height:1em;}
#content ul ul, #content dl dl {font-size: 100%; margin-top: 0;}
#content table p, #content table h3, #content dl p {font-style: normal; font-size: 1em; margin-top: 0;}

#content dl ul, #content dl ol {font-size: 100%;}

#content ul, #content ol {
   margin-left: 2em;
   margin-bottom: 1em;
}

#content ul.nobullet {list-style:none;}

#content li {
	margin-left: .25em;
	margin-bottom: 3px;
}

#content dt {
   font-weight: bold;
   clear: both;
   margin-top: 1.5em;
}


#content dd {
   margin-top: .5em;
   margin-bottom: 3px;
}

div#content img {border: 0;}
div#content .imgleft {float: left; border: 0; margin-top: 10px; margin-right: 20px; margin-bottom: 6px;}
div#content .imgright {float: right; border: 0; margin-top: 10px; margin-left: 20px; margin-bottom: 6px;}

.box {
   float: right;
   width: 200px;
   margin: .25em 0 .5em .5em;
   padding: 10px;
   background-color: #F2F1FF;
   color: #000;
}

.sidebox {
   background:url(../imgs/graphics/bg-sidebox2.gif) no-repeat 0 0;
   border: 1px solid #55298a;
   border-top: none;
   
   margin-bottom: 1em;
   padding: 1em .5em;
 }
.sidebox h2 {
   font-size: 130%;
   color:#55298A;
   font-family: Georgia, 'Times New Roman', Times, serif;
   font-variant:small-caps;
   text-align:center;
}

/* photo gallery styles ************** */
div.pic {
   float: left;
   width: 250px;
   margin: 0 1em 1em 1em;
   padding: 15px 15px 20px 15px;
   display: inline;
   font-size: .8em;
   text-align: center;
   border-color: #ccc #999 #999 #ccc;
   border-width: 1px 2px 2px 1px;
   border-style: solid;
   background:url(../imgs/graphics/imgframe.jpg) repeat-x 0 100%;
}
div.pic img {
	border-color:#000 #ccc #ccc #000;
	border-width: 1px;
	border-style: solid;
}

div.pic2 {
	width: 200px;
   text-align: left;
}

div.pic2 img {
	float: left; 
   margin: .5em 1em;
}

.newLine {clear:left;}   /* this is to force a line break so the images will layout attractively */


/* end photo gallery ***************** */

.caption {color: #333; line-height:1em;}

/* datatable styles ****************** */
.datatable {
	width: 100%;
	border: 1px solid #999;
	border-collapse: collapse;
	background-color:#fff;
   font: normal 0.7em Arial, Helvetica, sans-serif;
	color: #333;
}
.datatable th, .datatable td{
	padding: 5px;
	border: 1px solid #ccc;
	vertical-align: top;
	text-align:left;
} 
.datatable th{
	background: #D19B00;
}
/* end datatable ************************* */

/* blockquote **************************** */
blockquote {
	margin: 2em 1.5em;
   border-right: 5px solid #666;
   padding-right: 1em;
}

blockquote p.author {
   text-align: right;
   font-size: 0.7em;
   color: #666;
   padding-right: 1em;
}

/* specific to prof or consumer  */
#pabout #nav_pabout h2, #pfa #nav_pfa h2, #pprod #nav_pprod h2, #pc2a #nav-pc2a h2, #ppartner #nav_ppartner h2, #pcoalitions #nav_pcoalitions h2, #pblog #nav_pblog h2  #psupport #nav_psupport h2,
#cabout #nav_cabout h2, #cfa #nav_cfa h2, #cprod #nav_cprod h2, #creport #nav_creport h2, #clocal #nav_clocal h2,  #cpartner #nav_cpartner h2, #cblog #nav_cblog h2{
	background: #D19B00;
   color: #1A1303;
}
/* this chaanges the consumer side backgrounds to purple */
#cabout #navtop, #cfa #navtop, #cprod #navtop, #creport #navtop, #clocal #navtop,  #cpartner #navtop, 
#cabout #footer, #cfa #footer, #cprod #footer, #creport #footer, #clocal #footer, #cpartner #footer {background-color: #340C34;}

body#cabout, body#cfa, body#cprod, body#creport, body#clocal, body#cpartner  {
   background-color: #340C34;}  

#pabout h1, #pfa h1, #pprod h1, #pc2a h1, #ppartner h1, #pcoalitions h1, #pblog h1, #psupport h1 { color:#21406A;}
#cabout h1, #cfa h1, #cprod h1, #creport h1, #clocal h1, #cpartner h1, #cblog h1 { color:#461246;}

.clear {clear:both;}

.clearfix:after {  /* this is the Aslett Clearing Method */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* Marin FAST  STYLES ****************************** */
div#topnav {   /* top navigation ******************* */
	margin-top: .5em;
}

div#topnav ul {
   float:left;
	width:100%;
	margin: 0;
	padding: 0;
	list-style-type:none;
	background-color: #000;
	letter-spacing: .02em;
	
 }
   
div#topnav li {display:inline;}
   
div#topnav a {
   display: block;
	float:left;
	padding:.4em 1em .3em 1em;
	text-decoration: none;
	color: #fff;
	background-color:inherit;
	border-right:1px solid #ccc;
	text-align:center;
   }
   
div#topnav a:hover {
	background-color:#895a19;
   }
   
#fast h2{background-color: #8f9840; padding: .25em 0 2px 0; }
#fast a {color: #000;}

/* end  Marin FAST STYLES ************************** */