* {margin: 0; padding: 0;}

html {
	height: 100%; 
}

body {
	font: normal 0.7125em/1.4em Verdana, Arial, sans-serif; 
	color: #666666; 
	text-align: center;
	height: 100%;
	background-image: url(../images/layout/sidebars_blue.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #cccccc;
}

/* BASE CLASSES FOR IMAGES WHICH AREN'T OVERRIDDEN */
img {
	border: 0;
	display: block;
	}





/*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&& 
&&&&   styles for header
&&&& 
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
*/

.header_container {
	width: 910px;
	margin-top: 0px;
}

.header_logo {
	float: left;
	width: 528px;
}

.header_chat {
	float: left;
	width: 214px;
}

.header_right_container {
	float: right;
	width: 166px;
	height: 57px;
	margin-top: 15px;
}


	.header_phone {
		width: 166px;
		height: 36px;
	}


	.header_my_ingrid {
		height: 21px;
		width: 120px;
		float: right;
	}	

.header_spacer {
	width: 910px;
	text-align: right;
	height: 16px;
}

	.header_blank {
		height: 16px;
		text-align: right;
		margin-top: 0px;
		width: 100%;
		float: right;
	}		












	
/*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&& 
&&&&  LAYOUT AND GENERAL STRUCTURAL FORMATTING CLASSES
&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
*/

.container {
	height: 100%;
	margin: 0px auto 0px auto;
	padding-left: 40px;
	padding-right: 40px;
	width: 910px;
	display: block;
	background-color: #ffffff;
	background-image: url(../images/layout/sidebars_blue.jpg);
	background-repeat: repeat-y;
	background-position: center;
	/*background-color: #cccccc;*/	
}	

.center_column {
	float: left;
	width: 910px;
}	

/* THIS CLASS OCCURS ONLY IN THE SPLIT COLUMN VIEW, WHEN THE "LEFT NAV" AJAX MODULE APPEARS ON THE LEFT
THE MAIN CONTENT WILL BE IN THE RIGHT COLUMN, DEFINED WITH THE BELOW CLASS: */	
.main_column {
	float: left;
	width: 690px;;
	text-align: left;
	margin-top: 12px;
}







div.clearer {
	clear: both;
	height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
}












/*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&& 
&&&&  BASE CLASSES FOR GLOBAL TEXT AND LINKS
&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
*/

a:link {text-decoration: underline; color: #203AF0;}
a:visited {text-decoration: underline; color: #203AF0;}
a:hover {text-decoration: underline; color: #666;}
a:active {text-decoration: underline; color: #203AF0;}

p {margin: 0px 0px 15px 0px;}

	



/*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&& 
&&&&  FOOTER CLASSES (LAYOUT AND TEXT/LINK STYLES)
&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
*/ 	

.footer {
	width: 910px;
	margin-bottom: 12px;
}

.footer_top_image {
	float: left;
	width: 910px;
	height: 46px;
	background-image: url(../images/layout/bottom_border.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

.footer_left {
	float: left;
	font: bold 10px Verdana, Arial, sans-serif; 
	color: #cecece;
	margin-top: 12px;	
	margin-bottom: 12px;
	margin-left: 18px;
}

.footer_right {	
	float: right;
	font: bold 10px Verdana, Arial, sans-serif; 
	color: #b7b7b7;
	margin-top: 12px;
	margin-bottom: 12px;	
	margin-right: 18px; 
}

a.footer:link {font: bold 10px Verdana, Arial, sans-serif; color: #889fcf; text-decoration: none; margin-left: 4px; margin-right: 4px;}
a.footer:visited {font: bold 10px Verdana, Arial, sans-serif; color: #889fcf; text-decoration: none; margin-left: 4px; margin-right: 4px;}
a.footer:hover {font: bold 10px Verdana, Arial, sans-serif; color: #4f7cbb; text-decoration: none; margin-left: 4px; margin-right: 4px;}
a.footer:active {font: bold 10px Verdana, Arial, sans-serif; color: #889fcf; text-decoration: none; margin-left: 4px; margin-right: 4px;}
	


/*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&& 
&&&&  "TOP NAV" LAYOUT AND TEXT CLASSES
&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
*/ 

.top_nav_container {
	width: 100%;
	display: inline;
}

.top_nav_button {
	float: left;
}
 


/*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&& 
&&&&  Clear Fix
&&&&  Apply the clearfix class to any element which acts as a container for floats.
&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
*/

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display:inline-block;}
/* Hides from IE-mac \*/
.clear {display:block;}
* html .clear {height: 1px;}
/* End hide from IE-mac */





.home_page_top_graphic_top {
	width: 485px;
	height: 337px;
	background-image: url(../images/home_page/home_page_top_graphic_top.jpg);
	background-repeat: no-repeat;
}

.home_page_top_graphic_bottom {
	width: 485px;
	height: 41px;	
}


.home_page_bottom_left {
	width: 234px;
	height: 130px;
	float: left;
	margin-right: 6px;
}

.home_page_bottom_right {
	width: 245px;
	height: 130px;
	float: left;
}

.footer_v2 {
	width: 910px;
	margin-top: 44px;
	margin-bottom: 0px;
	text-align: left;
}

.footer_layer_0 {
	border-width: 0px;
	width: 910px;
	padding-bottom: 6px;
	height: 20px;
}

.footer_layer_1{
	padding-bottom: 3px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #CCCCCC;
	width: 910px;
	height: 16px;
}

.footer_v2_left {
	text-align: left;
	float: left;
	font: 9px Verdana, Arial, sans-serif; 
	color: #666666;
	padding-left: 12px;
}

.footer_v2_right {
	text-align: left;	
	float: right;
	font: bold 10px Verdana, Arial, sans-serif; 
	color: #b7b7b7; 
	padding-right: 5px;
}

.footer_v2_guardian {
	width: 376px; 
	height: 44px; 
	float: left;
	background-image: url(../images/layout/footer_guardian.jpg); 
	background-repeat: no-repeat;
}

.footer_v2_featured {
	width: 534px; 
	height: 44px;
	float: left; 
}



/*a.footer_v2_instance:link {font:  9px Verdana, Arial, sans-serif; color: #889fcf; text-decoration: none; margin-left: 4px; margin-right: 4px;}
a.footer_v2_instance:visited {font: 9px Verdana, Arial, sans-serif; color: #889fcf; text-decoration: none; margin-left: 4px; margin-right: 4px;}
a.footer_v2_instance:hover {font:  9x Verdana, Arial, sans-serif; color: #4f7cbb; text-decoration: none; margin-left: 4px; margin-right: 4px;}
a.footer_v2_instance:active {font:  9px Verdana, Arial, sans-serif; color: #889fcf; text-decoration: none; margin-left: 4px; margin-right: 4px;}*/


a.footer_v2_instance:link {font: 9px Verdana, Arial, sans-serif; color: #666666; font-weight:bold; text-decoration: none; margin-left: 4px; margin-right: 4px;}
a.footer_v2_instance:visited {font: 9px Verdana, Arial, sans-serif; color: #666666; font-weight:bold; text-decoration: none; margin-left: 4px; margin-right: 4px;}
a.footer_v2_instance:hover {font: 9px Verdana, Arial, sans-serif; color: #000000; font-weight:bold; text-decoration: none; margin-left: 4px; margin-right: 4px;}
a.footer_v2_instance:active {font: 9px Verdana, Arial, sans-serif; color: #666666; font-weight:bold; text-decoration: none; margin-left: 4px; margin-right: 4px;}

ul {
	list-style:none outside none;
}

#left_nav {
	width: 180px;
	margin: 10px;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
	}
	
#left_nav li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#left_nav li a:link, #left_nav li a:visited {
	color: #666666;
	display: block;
	background:  url(/images/menu.gif);
	padding: 8px 0 0 10px;
	}
	
#left_nav li a:hover {
	color: #FFFFFF;
	background:  url(/images/menu.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}