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

body {
	background-color:#dae6f3;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	margin:0px;
	padding:0px;
	margin:0px auto;
	text-align:center;
	line-height:1.65em;
	}

a:link, a:visited {
	text-decoration:none;
	color:#009abd;
	}

a:hover, a:visited:hover {
	text-decoration:underline;
	color:#009abd;
	}

h1 {
	color:#069cce;
	font-size:1.58em;
	font-weight:normal;
	}

h2 {
	color:#1e597b;
	font-size:1.42em;
	}

#homewrapper {
	background-image:url(images/sitebgHome.gif);
	background-repeat:repeat-x;
	}

#subwrapper {
	background-image:url(images/sitebgSub.gif);
	background-repeat:repeat-x;
	}

#homeframe {
	width:873px;
	background-color:#fff;
	margin:0px auto;
	text-align:center;
	}

#subframe {
	width:873px;
	background-color:#fff;
	margin:0px auto;
	text-align:center;
	}

#topmenu {
	width:873px;
	height:20px;
	overflow:hidden;
	text-align:right;
	float:left;
	background-color:#1e5879;
	color:#1e597b;
	font-size:0.83em;
	z-index: 1000;
	}
	
	#topmenu a:link, #topmenu a:visited {
		color:#A5BCC9;
		text-decoration:none;
		}
	
	#topmenu a:hover, #topmenu a:visited:hover {
		color:#A5BCC9;
		text-decoration:underline;
		}
	
	#topmenu ul {
		margin:0px;
		padding:0px 45px 0px 0px;
		}
	
	#topmenu li {
		display:inline;
		padding:0px 0px 0px 10px;
		}
	
#homeheader {
	width:873px;
	height:374px;
	float:left;
	overflow:hidden;
	}

#subheader {
	width:830px;
	height:139px;
	background-image:url(images/secondaryheaderbg.gif);
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
	font-size:2.92em;
	font-family:Arial, Helvetica, sans-serif;
	color:#069cce;
	text-align:right;
	padding:0px 47px 0px 0px;
	}
		
	#subheader p {
		margin:45px 0px 0px 0px;
		}
	
	#subheader span {
		color:#00446a;
		}	

#homelink {
	float:left;
	height:90;
	width:340px;
	}

#menuquotearea {
	width:873px;
	height:50px;
	float:left;
	text-align:left;
	}

#menuquoteareasub {
	width:873px;
	height:20px;
	float:left;
	text-align:left;
                z-index: 1;
	}
	
#sitemenu {
	width:610px;
	float:left;
	left:0px;
	top:-38px;
	position:relative;
	list-style: none;
	margin: 0;
	padding: 0;
	display:inline;
z-index: 100;

	}
	
	#sitemenu ul {
		margin:0px;
		padding:0px;
              
		}

	#sitemenu li {
		margin: 0; 
		padding: 0;
		display: inline;
		list-style-type: none;
		}
		
	#sitemenu a {
		color:#28879d;
		}
	

	#sitemenu a:hover {
		background-position: 0 -38px;
		background-color:transparent;
		color:#123549;
	}
	
	#sitemenu a:active, #sitemenu a.selected {
		background-position: 0 -38px;
		color:#123549;
		}
	li.mcompany a  {

		width: 118px;
		background: url(images/companyMenu.gif) top left no-repeat;
		background-color:transparent;
		height:38px;
		display:block;
	}
	
	
	li.mcompany span {
		display: none;
	}
	
	li.mbrands a  {
		width: 118px;
		background: url(images/brandsMenu.gif) top left no-repeat;
		background-color:transparent;
		height:38px;
		display:block;
		}
		
		li.mbrands ul li a {
			display: block;
			background-image:none;			
			width:200px;
			background-color:#CCECFD;
			height:auto;
			padding:10px;
			}
		
		li.mbrands a:hover {
			background-color:transparent;
			}
			
		
		li.mbrands span {
			display: none;
			}

	li.mbusiness a  {
		width: 138px;
		background: url(images/businessMenu.gif) top left no-repeat;
		background-color:transparent;
		height:38px;
		display:block;
		}
		
		li.mbusiness ul li a {
			display: block;
			background-image:none;
			width:200px;
			background-color:#CCECFD;
			height:auto;
			
			}
		
		li.mbusiness a:hover {
			background-color:transparent;
			}
			
		
		li.mbusiness span {
			display: none;
			}


	
	.mcommunity a  {
		width: 118px;
		background: url(images/communityMenu.gif) top left no-repeat;
		background-color:transparent;
		height:38px;
		display:block;
		}
		
		li.mcommunity ul li a {
			display: block;
			background-image:none;
			width:200px;
			background-color:#CCECFD;
			height:auto;
			}
		
		li.mcommunity a:hover {
			background-color:transparent;
			}
			
		
		li.mcommunity span {
			display: none;
			}
	
	.mpress a  {
		width: 118px;
		background: url(images/pressMenu.gif) top left no-repeat;
		background-color:transparent;
		height:38px;
		display:block;
		}
		
		li.mpress ul li a {
			display: block;
			background-image:none;
			width:200px;
			background-color:#CCECFD;
			height:auto;
			}
		
		li.mpress a:hover {
			background-color:transparent;
			}
			
		
		li.mpress span {
			display: none;
			}
	
	.mcareers a  {
		width: 118px;
		background: url(images/careersMenu.gif) top left no-repeat;
		background-color:transparent;
		height:38px;
		display:block;
		}
		
		li.mcareers ul li a {
			display: block;
			background-image:none;
			width:200px;
			background-color:#CCECFD;
			height:auto;
			}
		
		li.mcareers a:hover {
			background-color:transparent;
			}
			
		
		li.mcareers span {
			display: none;
			}


/* submenu dropdown addition */


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background-image:none;
	z-index:1000;
}

#nav a {
	display: block;
	color: #009CBF;
}



#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	
}

#nav li ul { /* second-level lists */
	position: absolute;
	
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-image:none;
}

#nav li ul li { /* second-level lists */

	background-image:none;
	z-index:1001;
	
}


#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* end submenu dropdown addition */

#quoteblock {
	width:245px;
	height:111px;
	overflow:hidden;
	background-image:url(images/quoteblock.gif);
	background-repeat:no-repeat;
	float:left;
	top:-75px;
	position:relative;
	margin:0px 0px 0px 10px;
	}
	
	#quoteblock p {
		color:#fff;
		margin:20px 40px 20px 20px;
		text-align:center;
		font-size:1.25em;
		}

#quoteblocksub {
	width:245px;
	height:111px;
	overflow:hidden;
	background-image:url(images/quoteblock.gif);
	background-repeat:no-repeat;
	float:left;
	top:-25px;
	position:relative;
	margin:0px 0px 0px 10px;
	}
	
	#quoteblocksub p {
		color:#fff;
		margin:20px 40px 20px 20px;
		text-align:center;
		font-size:1.25em;
		}

#contentarea {
        position: relative;
	width:873px;
	float:left;
	text-align:left;
	}

#homecolumnone {
	width:428px;
	float:left;
	padding:0px 0px 0px 40px;
	height:auto;
	min-height:403px;
	_height:403px;
	overflow:hidden;
	}

#subcolumnone {
	width:568px;
	float:left;
	padding:20px 20px 0px 40px;
	}

#subcolumnsingle {
	width:808px;
	float:left;
	padding:20px 20px 0px 40px;
	}

#homecolumntwo {
	width:405px;
	height:403px;
	overflow:hidden;
	float:left;
	background-image:url(images/uploads/homecolumnwithbubblenogs.gif);
	background-repeat:no-repeat;
	}
		
		#flickrhome {
			width:263px;
			height:123px;
			overflow:hidden;
			margin:10px 0px 0px 125px;
			line-height: 18px;
			font-size: 11px;
			}
			
			#flickrimage {
				position: absolute;
				top: 18px;
				right: 18px;
				height: 82px;
				border: 1px solid #ccc;
				}
				
				#flickrimage img {
					border: 6px solid #fff;
				}
		
		#greenbloghome {
			width:255px;
			height:138px;
			margin:40px 0px 0px 55px;
			overflow:hidden;
			color:#fff;
			}
		
		#greenbloghome a:link, #greenbloghome a:visited, #greenbloghome a:hover, #greenbloghome a:visited:hover {
			color:#fff;
			}
		
		#memberhome {
                        position: absolute;
                        right: 0;
                        bottom: 0;
			width:405px;
			text-align:right;
			height:46px;
			margin:56px 0px 0px 0px;
			}
			
#subcolumntwo {
	width:240px;
	float:left;
	margin:100px 0px 0px 0px;
	}
	
	#submenu {
		width:200px;
		background-image:url(images/submenuborder.gif);
		background-repeat:repeat-y;
		padding:0px 20px;
		}
		
		#submenu ul {
			margin:0px;
			padding:0px;
			}
		
		#submenu li {
			list-style-type:none;
			padding-left: 15px;
			background-image: url(images/subbullet.gif);
			background-repeat: no-repeat;
			background-position: 0 .4em;
			}
		
		a.currentsubpage {
			color:#666;
			font-style:italic;
			}
	
	#undersub {
		width:200px;
		padding:20px;
		}

#footerarea {
	width:833px;
	float:left;
	color:#a5bcc9;
	background-color:#1e5879;
	font-size:0.83em;
	text-align:left;
	padding:10px 20px;
	}
	
	#footerarea a:link, #footerarea a:visited, #footerarea a:hover, #footerarea a:visited:hover {
		color:#a5bcc9;
		}
	
	#footerleft {
		width:600px;
		float:left;
		}
		
		#footerleft ul {
			margin:0px;
			padding:0px;
			}
		
		#footerleft li {
			display:inline;
			padding:0px 4px 0px 0px;
			}
			
	#footerright {
		width:229px;
		float:left;
		text-align:right;
		}
		
		#footerright p {
			margin:0px;
			padding:0px;
                                                line-height: 14px;
			}



		
		/*
		li.last1{		
			height:100px;
			width:408px;
			margin-left:5px;					
			background:url(images/bt-bg.png) bottom left no-repeat;
		}
		
		*/
		#sitemenu a.last{
			display: block;
			background: url(images/bt-bg.png) bottom left no-repeat;
			width:200px;			
			font-family:Arial,Verdana, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			margin-left:0px;  
			padding:6px 20px 32px 18px;                 
			text-decoration:none;
			height:auto;	
		}
		#sitemenu a.first{
			display: block;
			background: url(images/top-bg.png) top left no-repeat;
			width:200px;			
			font-family:Arial,Verdana, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			margin-left:0px;
			padding:20px 20px 0px 18px;
			text-decoration:none;
			height:17px;
			text-align:left;				
		}
		
		#sitemenu #nav li ul li.middel{
			background: url(images/dot-line.gif) bottom left no-repeat;			
			font-family:Arial,Verdana, Helvetica, sans-serif;
			width:200px;			
			padding:6px 20px 6px 18px;                    
			text-decoration:none;
			height:auto;			
		}		

		#sitemenu a.middel{
			display: block;
			background: url(images/center____-bg.png) bottom left no-repeat;
			background-color:#ffffff;
			font-family:Arial,Verdana, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			margin-left:0px;  
			text-decoration:none;
			height:auto;				
		}