/*
**********************************
The Health Network
Screen Styles

Current print styles

Version 1.0.0 - Initial Site Styles

**********************************
*/

/*--------------------------------    
    Temporary Selectors
--------------------------------*/
.edit{
	color:red;
	border:1px dotted red;
	padding:10px;
	line-height: 1.4em;
	}

/*--------------------------------    
    General/Structure
--------------------------------*/
body{ 
	color:#000;
	font: normal 65.5% Arial,"Arial",sans-serif;
	background-color:#f2f2f2; 
	}

#wrap{
	margin:15px auto;
	padding:20px 10px;
	width:960px;
	background-color: #fff;
	}

.clear{
	clear:both;
	}


/*--------------------------------    
    Header/Nav
--------------------------------*/
#header{
	width:960px;
	}
h1#logo {
	width:960px; 
	height:125px;
	background:url(../images/the_health_collective.gif);
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	}
#nav{
	width:960px;
	border-bottom:3px solid #ff6d20;
	margin:0;
	padding:0;
	}
	
#nav a{	
	color:#fff;
	background-color:#33aaed;
	font-size:1.2em;
	font-weight:bold;
	padding:8px 0;
	text-decoration:none;
	border-right:1px solid #fff;
	width:237px;
	display:inline-block;
	text-align:center;
	margin:0;
	}
	
#nav a:hover, #nav a.here{	
	background-color:#003C4F;
	}

#nav a.last{	
	border-right:none;
	}
	
	
/*--------------------------------    
    Callouts
--------------------------------*/	
#calloutWrap{
	height:135px;
	border-bottom:5px solid #ff6d20;
}

#Home #calloutWrap{
	height:330px;
	border-bottom:5px solid #ff6d20;
}
	
#Home #mapCallout{
	width:237px;
	height:330px;
	float:left;
	background:url(../images/africa.gif);
	background-repeat: no-repeat;
	position:relative;
}

#Home #mapFade{
	width:237px;
	height:330px;
	position:absolute;
	top:0;
	left:0;
}

#Home #mapCallout #links{
	width:237px;
	height:330px;
	position:absolute;
	top:0;
	left:0;
}

#Home #mapCallout a{
	padding: 0 15px 15px 2em;
	color: #003C4F;
	line-height: 1.4em;
	font-weight: bold;
	font-size:1.4em;
	text-decoration: none;
	display:block;
	text-indent: -1em;
}

#Home #mapCallout a.first{
	margin-top:185px;
}

#Home #mapCallout a span{
	color: #fff;
}

#imageCallout{
	width:237px;
	height:135px;
	float:left;
}

#callout{
	width:723px;
	height:135px;
	float:left;
	background-color:#f2f2f2;
}

#Home #callout{
	height:330px;
	background:url(../images/home_image.jpg);
	background-repeat:no-repeat;
}

#callout h2{
	margin:25px 0 0 25px;
	width:590px;
	line-height: 1.6em;
	color:#333;
	font-weight: normal;
	font-size:1.5em;
}

#Home #callout h2{
	margin:180px 0 0 15px;
	width:460px;
	color:#333;
}

#callout h2 strong{
	color:#ff6d20;
	font-weight: bold;
}

/*--------------------------------    
    Home Tags
--------------------------------*/

.tag{
	width:237px;
	border-right:1px dotted #333;
	float:left;
	height:180px;
}	

.last{
	border: none;
}

#Home h3{
	padding:20px 15px 10px;
	line-height: 1.4em;
	color:#ff6d20;
	font-weight: bold;
	font-size:1.4em;
}

.tag p{
	padding:0 15px 25px;
	line-height: 1.4em;
	color:#808080;
	font-size:1.3em;
}
	
	
/*--------------------------------    
    Content
--------------------------------*/

#contentLeft{
	width:237px;
	float:left;
}

#contentRight{
	width:723px;
	float:left;
}

h3{
	margin:15px 0 5px;
	line-height: 1.6em;
	color:#33aaed;
	font-weight: normal;
	font-size:1.6em;
}

#contentLeft p{
	padding-right:15px;
	color:#000;
	font-size:1.2em;
	line-height: 1.5em;
}	
	
#contentRight .section{
	width:475px;
	padding-bottom:15px;
	float:left;
}

#contentRight .sectionMid{
	border-bottom:none;
}

#contentRight .companies{
	width:237px;
	padding-left:10px;
	float:left;
}

/*
#contentRight h3{
	margin:15px 0 5px;
	padding:3px 10px;
	color:#ff6d20;
	font-weight: bold;
	font-size:1.2em;
	background-color:#eff7fd;
}
*/

#contentRight h3{
	margin:15px 0 5px;
	padding:0;
	color:#ff6d20;
	font-weight: normal;
	border-bottom:1px solid #33aaed;
}

.partner{
	color:#666;
}

#contentRight #map {
	margin-top:15px;
	position: relative;
	border-bottom:none;
}

#contentRight .company {
	background-color:#f2f2f2;
}


#contentRight .info{
	padding-bottom:10px;
	margin-bottom:10px;
}


#contentRight .company img{
	float:left;
	margin: 10px 0 10px 10px;
}

#contentRight .company h3{
	background-color:#e5e5e5;
	padding-left:10px;
	border-bottom:none;
}

#contentRight .company h3:hover,#contentRight .company h3.active,#contentRight .company h3.activee{
	background-color:#ff6d20;
	color:#fff;
}

.infoHide{
	border-bottom:1px solid #33aaed;
}

.companyInfo{
	padding-bottom:10px;
}

#contentRight .company a{
	color:#33aaed;
	margin:5px 0;
}

#contentRight .company a:hover{
	color:#ff6d20;
}

#contentRight p{
	margin:0 10px;
	font-size: 1.2em;
	clear:both;
}	

#contentRight ul{
	width:474px;
	font-size: 1.2em;
	}
	
#contentRight ul.twoUp{
	width:230px;
	float:left;
	}
	
#contentRight ul li{
	margin:0 0 5px 30px;
	list-style:disc;
	color:#33aaed;
	}

#contentRight ul li span{
	color:#666;
	padding-top:.2em;
	display:block;
	}
	
	
	
/*--------------------------------    
    Footer
--------------------------------*/	
	
#footer{
	margin:60px 0 10px;
	font-size: 1em;
	padding:20px;
	text-align: center;
	color:#999;
	border-top:1px solid #999;
}

#footer a{
	color:#999;
	padding:10px;
}

#footer p{
	padding:5px;
}


/*--------------------------------    
    Map Markers
--------------------------------*/		
.marker,.markerGray{
	position: absolute;
}
	
a.marker {
	width: 29px;
	height: 43px;
	display: block;
	background-image: url(../images/blocks3.gif);
	background-repeat: no-repeat;
}

a#cwMarker{
	top:115px;
	left:107px;
	background-position: -58px 0;
}

a#COSMOMarker{
	top:82px;
	left:372px;
	background-position: 0 0;
}

a#DeltaMediaMarker{
	top:60px;
	left:102px;
	background-position: 0 0;
}

a#GDMarker{
	background-position:-87px 0;
	left:231px;
	top:116px;
}

a#HaystacMarker{
	top:178px;
	left:383px;
	background-position: 0 0;
}
a#KendleMarker{
	background-position:-58px 0;
	left:198px;
	top:98px;
}

a#MasterMediaMarker{
	top:52px;
	left:243px;
	background-position: -29px 0;
}

a#redMarker{
	top:54px;
	left:198px;
	background-position: 0 0;
}

a#apcobelMarker{
	top:110px;
	left:243px;
	background-position: -87px 0;
}

a#publicMarker {
	width: 17px;
	height: 50px;
	top:48px;
	left:228px;
	background-position: -116px 0;
}

a#rockMarker{
	top:102px;
	left:218px;
	height: 71px;
	background-position: -133px 0;
}

a.highlighted {
	background-image: url(../images/blocks_highlighted3.gif);
}