/* ---------------------- ALL PAGES -----------------------------------------------------------------*/
body {
	margin:0;

	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	background-color:#FFFFFF; /*this is where you set the background color of the entire HTML page - was light blue cceoff */
	background-image: url(../images/bg-page-gradient.jpg);
	background-repeat:repeat-x; 
}

/* this is where you set the main font for all paragraphs - aka body text */

p, ul, ol {
	font-family: Arial, Helvetica, sans-serif;
	color:#404040;
	font-size:small;
}
ul, ol {
	line-height:1.5em;
}
a {
	color:#0066CC; /* teal to match header graphic */
}
/* this is where you set the title and sub-title size and color */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color:CC6600;
	font-size:large;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#003399;
	font-size:medium;
}
h3 {
	color:CC6600;
	font-size:12px;
}
/* I like to set a text style for emphasis */
.emphasis {
	font-weight:bold;
}
.quote {
	font-style:italic;
	color:#CC6600; /* deep orange */
}
.image {
	float:right;
	border:3px solid #cccccc;

}
.img_border {
	border:1px solid #cccccc;
}
.float_r {
	float:right;
}
/* table definitions, if used */
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-small;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium;
	text-align:left;
}
/* this is the container for all the page content - it is centered on the page */

#wrapper {
	width:960px;
	min-height:698px; 
	background-color:#eaeaea;
	background-image:url(../images/bg-lightblue-stripes.gif);
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin:auto;
	padding:0; /* this puts it right at the top of the page with no space */

}
/* the beautiful header image goes here - the logo and tagline or sub nav goe in the code for each page */
#header {
	background-color:#FFFFFF;
	/*background-image:url(images/img-team2.jpg); */
		background-image:url(../images/hdr-cfo3.jpg);

	background-repeat:no-repeat;
	/*background-position:580px;  was 600 */
	height:120px;
	width:960px;
}
/* use this to position logo */
#header .logo {
	margin:30px 0px 0px 20px;
}
#header .tagline {
	font-size:small;
	margin-left:85px;
	margin-top:-7px;
	color:#D17F2B; /* was blue 003399 */
}

/*Navigation and Drop Down Menu Styles*/

#navcontainer {
	width: 960px;
	z-index: 2;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	
}

#navcontainer * {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#navcontainer li { list-style: none; }
#navcontainer a { text-decoration: none; }


#return, #return:visited {
    padding: 10px;
    display: block;
    background: #33689c;
    border-bottom: 1px solid #ebebeb;
    color: #eb9999;
    font-weight: normal;
  }
  
  #return:hover {
    background: #f8f8f8;
    border-bottom: 1px solid #8BB0C9;
    color: #c00;
  }

#menu li {
	display: block;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
	text-align: center;
	text-transform: uppercase;
  }
  
  /*Controls Top Level Nav Positioning/Style*/
  #menu li a {
    position: relative;
    padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 22px;
	padding-right: 22px;
    display: block;
    font-weight: normal;
    color: #fff;
  }
  

  #menu li a:hover, #menu li a.active {
	color: #d17f2a;

  }

  #menu li ul {
    left : -999em;
    position : absolute;
  }

  #menu li ul li { float : none; }
  
  /*Controls Sub Level Nav Positioning/Style*/
  #menu li ul a {
    width : 250px;
    padding : 6px 20px;
	background-color: #99b2cc;
    font-weight : normal;
	text-align: left;
	color: #fff;
  } 

  #menu li ul a:hover {
	  
    background-color: #d17f2b;
    color: #fff;
  }

  #menu li:hover ul, #menu li.sfhover ul {
    left: auto;
  }

#navbg {
	height: 30px;
	width: 960px;
	background-color: #26347f;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #d17f2b;
}

/*Nav End */


#form ul {
	margin: 0;
	padding: 10px;
	border: solid 2px #768db7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #768db7;
	width: 500px;
}

#form li {
	display: block;
	padding: 10px;
	list-style-type: none;
}






/* page footer  */
#footer {
	width:960px; /* to match wrapper size and centering */
	margin:auto;

	height: 30px; /* to match main navigation */
	background-color:#26347F;  /* mountain blue-grey 2B395C */
	padding:0;
	
	border-top:3px solid #D17F2B; /* for pizazz */
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;


}
#footer p {
	font-size:75%;
	color:#FFFFFF;
	text-align:center;
	padding-top:7px;
	margin:0px;
}
#footer a:link, #footer a:visited {
	color:#66CCFF;
}
#footer a:hover {
	color:#CC6600;
}
#content {
	margin:0;
	padding:20px 30px 20px 20px;
	width:700px; 
	min-height:600px;
	background-color:#FFFFFF;
	border-right:1px solid #cccccc;

}
#right_col { 
	width:170px;
	background-color:#eaeaea;
	background-image:url(../images/bg-lightblue-stripes.gif);

	float:right;
	padding:20px 20px 20px 0px;
}


/* ---------------------- HOME PAGE ITEMS -----------------------------------------------------------------*/

#home_feature {
	margin-top:0px;
	margin-left:20px;
	width:660px;
	padding-left:20px;
	border:1px solid #cccccc;
	background-color:#ffffff;
 	background-image: url(../images/bg-icon.png);
	background-repeat:no-repeat;
	background-position:center;
}
.feature_img {
	float:right;
}
#product_features {
	width:660px; /* same as home_feature above */
	margin:10px 0px 0px 0px;
	padding:0px 0px 20px 20px;
}