@charset "UTF-8";
/* CSS Document */

body  {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 11px;
	color: #96979b;
	background-color: #ffffff;
	margin: 0px; 						
	padding: 0px;
	text-align: center; 			    
	color: #000000;
}

html {
min-height: 100%; 
margin-bottom:1px;
}


/* ************************************************* */
/* ********** start general layout styles ********** */


#container {
	width:940px;  
	margin:0 auto;
} 


/* start header section */

#hdr_container {
	width: 940px;
	background-color: #ffffff;
	margin: 0 auto;	
	margin-top:25px;			
}

#hdr_onecol {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 10px;
	color: #96979b;
	text-align: left;
	line-height:20px;
	padding: 0;
	margin:0;
}

#hdr_bar {
	margin-top:15px; 
}

/* end header section */




/* start banner section */

#banner_container {
	width: 940px;
	height: 260px;
	/*background-color: pink;*/ /* for testing */
	margin: 0 auto;	
	text-align:center;	/* need this for Firefox on Windows only */			
}

/* end banner section */




/* start main body section */

#main_container { 
	width: 940px;
	background-color: #ffffff;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size:11px;
	color: #525353;
	margin: 0 auto;
	margin-top:30px;
}

/* this doesn't work in ie6 grrr: */
ul.fourcol {	 
	padding: 0; 
	list-style-type:none;
	white-space:nowrap;
}
li.fourcol {
	display:inline;
	text-align:left;
	width: 235px;
	float:left;
	border-left: 1px solid #525353;
}


table.fourcol {
	border-collapse:collapse;
	margin:0 auto;
	text-align:left;
	width:940px;
}

td.fourcol {
	text-align:left;
	width:235px;
	border-left: 1px solid #525353;
	padding-left:10px;
	vertical-align:top;
}

td.fourcol_left {
	width: 235px;
	text-align:left;
	vertical-align:top;
}




/* start 2 column section */
#main_twocol_left {
	float: left; 
	background-color: #ffffff;       /* displayed for the length of the content in the column only */
	padding:0;
	margin:0;
	text-align: left;
	white-space:normal;
}

#main_twocol_right { 
	margin: 0px 0px 0px 235px;
	/*padding-left: 10px;*/			/* this is having different results in different browsers; moving padding to div w/i */
	border-left: 1px solid #525353;
	text-align:left;
} 
/* end 2 column section */

/* start main body section */




/* start footer section */

#footer_container {
	width: 940px;
	background-color: #ffffff;
	margin: 0 auto;
	margin-top:50px; 				
	padding: 0px 0px 0px 0px;
}

#footer_onecol {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size: 10px;
	color: #96979b;
	text-align: left;
	line-height:20px;
}

/* end footer section */




/* start misc sub-areas */

/* start 4-col within subpage right main content area */
.lborder_cols_160 ul {	 
	padding: 0; 
	list-style-type:none;
}
.lborder_cols_160 li {
	display:inline;
	text-align:left;
	width: 160px;
	float:left;
	border-left: 1px solid #525353;
	white-space:nowrap;
	padding-left:10px;
}
/* end 4-col within subpage right main content area */

/* start 3-col within subpage right main content area */
.lborder_cols_223 ul {	 
	padding: 0; 
	list-style-type:none;
}
.lborder_cols_223 li {
	display:inline;
	text-align:left;
	width: 223px;
	height:auto;
	float:left;
	border-left: 1px solid #525353;
	white-space:nowrap;
	padding-left:10px;
	white-space:normal;
}

table.threecol {
	border-collapse:collapse;
	margin:0 auto;
	text-align:left;
}

td.threecol {
	text-align:left;
	width:225px;
	border-left: 1px solid #525353;
	padding-left:10px;
	vertical-align:top;
}

td.threecol_left {
	width: 225px;
	text-align:left;
	vertical-align:top;
	padding-left:0px;
	margin-left:0px;
}
/* start 3-col within subpage right main content area */

/* end misc sub-areas */




/* ********** end general layout styles ********** */
/* ************************************************* */








/* *********************************************** */
/* ********** start general text styles ********** */

h2,h3,h4 {
	font-family:Verdana, Arial, Helvetica, "sans serif";
	font-weight:bold;	/* for color in who/what/how pgs, refer to classes below */
	margin:0px;
	padding:0px;
}

h1 {
	font-family: Tahoma, verdana, arial, "sans serif";
	font-size:14px;
	font-weight:bold;	/* for color in who/what/how pgs, refer to classes below */
	margin-top:0px;
	text-align:left;
}

h1.lighter {
	color:#96979b;
}

h2 {
	font-size:11px;
	color:#525353;		/* same color for all sections */
}

h2.lighter {
	color:#96979b;
}

h3 {
	
}

h4 {
	
}


a {
	font-size:1em;
	text-decoration:none;
	color:#96979b;
}
a:visited {
	font-size:1em;
	text-decoration:none;
	color:#96979b;
}
a:hover {
	font-size:1em;
	text-decoration:underline;
	color:#525353;
}


.caption {
	font-family:Verdana, Arial, Helvetica, "sans serif";
	font-weight:normal;	
	font-size:9px;
	color:#535353;
	margin-top:6px;
}

/* ********** end general text styles ********** */
/* *********************************************** */








/* ******************************** */
/* ********** start navs ********** */


a.who {
	font-family: Tahoma, verdana, arial, "sans serif";
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#525353;
}
a.who:visited {
	font-family: Tahoma, verdana, arial, "sans serif";
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#525353;
}
a.who:hover {
	font-family: Tahoma, verdana, arial, "sans serif";
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#741a07;
}




a.what {
	font-family: Tahoma, verdana, arial, "sans serif";
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#525353;
}
a.what:visited {
	font-family: Tahoma, verdana, arial, "sans serif";
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#525353;
}
a.what:hover {
	font-family: Tahoma, verdana, arial, "sans serif";
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#056688;
}



a.how {
	font-family: Tahoma, verdana, arial, "sans serif";
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#525353;
}
a.how:visited {
	font-family: Tahoma, verdana, arial, "sans serif";
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#525353;
}
a.how:hover {
	font-family: Tahoma, verdana, arial, "sans serif";
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#647e1a;
}


.bluearrownav a {
	display: block; 
	width: 220px; 
	height: 18px; 
	background:  url("/images/arrow.gif")  no-repeat; 
	margin-top: 0px; 
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size:11px;
	color:#96979b;
	text-decoration:none;
	text-align:left;
	padding-left:15px;
}
.bluearrownav a:hover {
	background:  url("/images/hoverarrow_blue.gif") no-repeat; 
	text-decoration:none;
	color:#525353;
}

.redarrownav a {
	display: block; 
	width: 220px; 
	height: 18px; 
	background:  url("/images/arrow.gif")  no-repeat; 
	margin-top: 0px; 
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size:11px;
	color:#96979b;
	text-decoration:none;
	text-align:left;
	padding-left:15px;
}
.redarrownav a:hover {
	background:  url("/images/hoverarrow_red.gif") no-repeat; 
	text-decoration:none;
	color:#525353;
}

.greenarrownav a {
	display: block; 
	width: 220px; 
	height: 18px; 
	background:  url("/images/arrow.gif")  no-repeat; 
	margin-top: 0px; 
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size:11px;
	color:#96979b;
	text-decoration:none;
	text-align:left;
	padding-left:15px;
}
.greenarrownav a:hover {
	background:  url("/images/hoverarrow_green.gif") no-repeat; 
	text-decoration:none;
	color:#525353;
}


.noarrow {
	display: block; 
	width: 220px; 
	height: 18px; 
	background: none; 
	margin-top: 0px; 
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size:11px;
	color:#96979b;
	text-decoration:none;
	text-align:left;
	padding-left:15px;
}




.main_link_who_what_how {
	vertical-align:0px;			
	padding-left: 10px;				
	border-left: 1px solid #525353;
	text-align:left;
	display:inline;
	float:left;
	
}


ul.whowhathow {	 
	list-style-type:none;
	white-space:nowrap;
	display:inline;
}
ul.whowhathow li{
    display:inline;
	text-align:left;
	width: 150px;
	float:left;
	border-left: 1px solid #525353;
	padding-left:10px;
	padding-top:6px;
}
ul.whowhathow li.whowhathow_logoimg {
	display:inline;
	text-align:left;
	width: 235px;
	float:left;
	border-left: 0;
	padding-left:0;
	padding-top:0;
}
ul.whowhathow li.whowhathow_whocurr {
	display:inline;
	text-align:left;
	width: 150px;
	float:left;
	border-left: 1px solid #741a07;
	padding-left:10px;
	padding-top:6px;
}
ul.whowhathow li.whowhathow_whatcurr {
	display:inline;
	text-align:left;
	width: 150px;
	float:left;
	border-left: 1px solid #056688;
	padding-left:10px;
	padding-top:6px;
}
ul.whowhathow li.whowhathow_howcurr {
	display:inline;
	text-align:left;
	width: 150px;
	float:left;
	border-left: 1px solid #647e1a;
	padding-left:10px;
	padding-top:6px;
}


/* start collapsible menu styles */
.menu_list {
	margin: 0px;
	padding: 0px;
	width: 215px;
}
.menu_head {
	/*padding: 5px 10px;*/
	padding:0;
	cursor: pointer;
	position: relative;
	/*background-color:pink;*/ /* for testing */
	background-color:#ffffff;
	margin:1px;
	font-family:Verdana, Arial, Helvetica, "sans serif";
	font-weight:bold;	
	font-size:11px;
	color:#525353;
}
.menu_head p {
	padding: 0 0 1em;
}
.menu_body {
	/*padding: 5px 10px 10px;*/
	padding:0;
	padding-top:5px;
	background-color:#ffffff;
}
.sp_below_fixed_menu_title {
	margin-bottom:5px;  /*like menu_body padding-top*/
}
.sp_below_lmenu_curr {
	margin-bottom:4px;
}
.sp_above_lmenu_curr {
	margin-top:4px;
}
/* end collapsible menu styles */




/* ********** end navs ********** */
/* ******************************** */






/* ************************************************ */
/* ********** start who/what/how general ********** */

.who  
{
	color:#741a07;
}

.curr_link_who {
	vertical-align:0px;			
	padding-left: 10px;				
	border-left: 1px solid #741a07;
	text-align:left;
	display:inline;
	float:left;	
}

.what  
{
	color:#056688;
}

.curr_link_what {
	vertical-align:0px;			
	padding-left: 10px;				
	border-left: 1px solid #056688;
	text-align:left;
	display:inline;
	float:left;		
}

.how  
{
	color:#647e1a;
}

.curr_link_how {
	vertical-align:0px;			
	padding-left: 10px;				
	border-left: 1px solid #647e1a;
	text-align:left;
	display:inline;
	float:left;		
}

.what_lmenu {
	height:250px;
}

.who_lmenu {
	height:270px;
}



/* ********** end who/what/how general ********** */
/* ************************************************ */







/* ******************************** */
/* ********** start misc ********** */


.home_sp_under_hdr {
	margin-bottom:25px;
}


.left_top_options {
	width:220px;
	padding-bottom:15px;
}

.left_2nd_options {
	line-height:20px;
	font-weight:bold;
	width:220px;
	padding-top:15px;
	padding-bottom:15px;
}

/* left side clearance above 2nd set of menu options */
.l2ndoptions_clearance {
	margin-top:15px;
}


div.horiz_line_sidebar {
	height:1px;
	width:215px;
	border-top: 1px solid #96979b;
	margin:0px;
	padding:0px;
}

table {
	border-collapse:collapse;
}


.clearfloat { 						
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
	display: block;
	visibility: hidden;
	content: ".";
}



ul {
	margin:0;padding:0;  /* don't indent */  
	list-style-type:disc;
}
li {
	list-style-position: inside;
}

ul.regular {
	list-style-type:disc;
	margin-left:1.3em; 
}
ul.regular li{
	list-style-position:outside;
}


img {
	border:0px;
}

:active, :focus{
    outline:none;
}



.text_width_nopic {
	width:460px;
	text-align:left;
	margin:0;
	padding:0;
}

.formfield {
	width:225px;
	border:1px solid #96979b;
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-size:11px;
	color:#525353;
}

/* min height for right col - so left border vertical line isn't too short */
.what_rmin {
	height:440px;
}
.who_rmin {
	height:350px;
}

.vspacing1 {
	margin-top:5px;
}
.vspacing2 {
	margin-top:15px;
}



/* start browser quirk workarounds (for ie6) */

.force_w225 {
	width:225px;
}

.rcol_pos {
	padding-left:10px;
	margin:0;
	padding-top:0;
}

/* end browser quirk workarounds */




/* ********** end misc ********** */
/* ******************************** */






/* *********************************************** */
/* start style from original style.css file (Zend) */

/**
 * Create your CSS declarations in this file.  Make sure that
 * this CSS file is linked to AFTER the reset.css file in the
 * head of each HTML file (if you use the reset.css).
 */
div.errorMsg {
	display: block;
	margin: auto;
	margin-top: 15px;
	width: 50em;
	border: 1px solid red;
	background-color: pink;
	padding: 0px 10px 5px 10px;
	overflow: hidden;
}

#xToClose {
	float: right;
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	background-color: blue;
	color: white;
	margin-right: -10px;

	padding: 2px 4px;
	cursor: pointer;
}

div.errorMsg h3 {

}

/* end style from original style.css file (Zend) */
/* ********************************************* */

