@import url(../css/reset.css);

html { background:#E3F6F9 url(../images/clearlink-cares/html-bg.png) repeat; }
body { text-align:center; font-family:"Times New Roman", Times, serif;
	/* background:url(../images/clearlink-cares/baseline.gif);  --BASELINE GRID-- */
	background:url(../images/clearlink-cares/body-bg.jpg) repeat-x top center;
}
	
p, h1, h2, h3, h4, h5, ul, ol, .main-photo { margin-bottom:18px; line-height:18px; font-size:14px; }
h1 a, h2 a, h3 a, h4 a, h5 a { color:#333; text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color:#96A2AC; }
h2, h4 { font-size:32px;line-height:34px;/* 36px minus 2px bottom border */ border-bottom:2px solid #999;color:#444;letter-spacing:-1px;clear:both; }
h3 { font-size: 18px;font-weight:bold;font-style:italic;clear:both;color:#333; }
h4 { font-size:22px; }
#content ol { list-style: decimal; }
#content ul { list-style: disc; }
#content li { margin-left: 30px; }

.flickr_badge img { width:90px; height:90px; float: left; }
strong { font-weight:bold; }
.clear { clear:both; }
.flt_left { float:left;margin:0 18px 18px 0; }
.flt_right { float:right;margin:0 0 18px 18px; }
img.flt_left, img.flt_right { padding:5px;background:#D1E3DD; }

/* Flickr Badge */
/* Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. */
#flickr_badge_wrapper img { width:55px;height:55px;float:left;padding:5px;background:#D1E3DD;margin:5px; }
#flickr_badge_wrapper img:hover { background:#CCC; }
/* End Flickr Badge */

#container, #extHeader, #meat, #extFooter .innerWrap { width:960px;margin:0 auto;text-align:left;clear:both;position:relative; }
#extHeader{
	height:198px;
	margin-bottom: 18px;
}
#extHeader h1,#extHeader ul {
	margin:0;
	padding:0;
}
#extHeader #logo a {
	width:180px;
	height:190px;
	background:url(../images/clearlink-cares/logo.png) no-repeat;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:10px;
	left:390px;
}
#extHeader .top_nav li a {
	width:100px;
	height:38px;
	display:block;
	text-align:center;
	position:absolute;
	top:140px;
	text-indent:-9999px;
	background:url(../images/clearlink-cares/top-nav-bg.png) no-repeat;
}

#extHeader .top_nav li#top_about a { left:0;background-position: 0 0; }
#extHeader .top_nav li#top_programs a { left:110px;background-position: -100px 0; }
#extHeader .top_nav li#top_employees a { left:220px;background-position: -200px 0; }
#extHeader .top_nav li#top_partners a { right:220px;background-position: -300px 0; }
#extHeader .top_nav li#top_press a { right:110px;background-position: -400px 0; }
#extHeader .top_nav li#top_contact a { right:0;background-position: -500px 0; }
#extHeader .top_nav li#top_about a:hover,
#extHeader .top_nav li#top_about a.selected { left:0;background-position: 0 -38px; }
#extHeader .top_nav li#top_programs a:hover,
#extHeader .top_nav li#top_programs a.selected { left:110px;background-position: -100px -38px; }
#extHeader .top_nav li#top_employees a:hover,
#extHeader .top_nav li#top_employees a.selected { left:220px;background-position: -200px -38px; }
#extHeader .top_nav li#top_partners a:hover,
#extHeader .top_nav li#top_partners a.selected { right:220px;background-position: -300px -38px; }
#extHeader .top_nav li#top_press a:hover,
#extHeader .top_nav li#top_press a.selected { right:110px;background-position: -400px -38px; }
#extHeader .top_nav li#top_contact a:hover,
#extHeader .top_nav li#top_contact a.selected { right:0;background-position: -500px -38px; }

#intHeader #inner_wrap {
	height:396px;
	margin-bottom: 18px;
	background:url(../images/clearlink-cares/slider-wrap-bg.jpg) no-repeat;
	position:relative;
}
#intHeader #inner_wrap #slider {
	height:396px;
	width:626px;
	position:relative;
	top:10px;
	left:10px;
	background:url(../images/clearlink-cares/slider-bg.jpg) no-repeat;
}
#intHeader #inner_wrap #slider #slider_img {
	padding:10px;
}
#intHeader #inner_wrap #slider #slider_nav {
	position:absolute;
	top:13px;
	right:20px;
	text-align:right;
}
#intHeader #inner_wrap #slider #slider_nav li a {
	color:#FFF;
	background:#96A2AC;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 5px;
	line-height:20px;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
	zoom:1;/* Used to fix opacity issues in ie7 */
	font-size:11px;
	letter-spacing:.04em;
	cursor:pointer;
}
#intHeader #inner_wrap #slider #slider_nav li.selected a, #intHeader #inner_wrap #slider #slider_nav li:hover a {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#intHeader #inner_wrap #slider_content {
	position:absolute;
	top:50px;
	right:20px;
	width:290px;
}
#intHeader #inner_wrap #slider_content h2 {
	line-height:36px;
	border:none;
	font-size:48px;
	font-weight:bold;
	font-style:italic;
}
#intHeader #inner_wrap #slider_content span.learn_more a {
	text-align:center;
	display:block;
	margin:18px 0;
	background:url(../images/clearlink-cares/learn-more-btn.png) no-repeat;
	width:290px;
	height:69px;
	text-indent:-9999px;
}
#meat #content{
	float:left;
	width:620px;
	margin-left:10px;
}
#meat #content #highlights .column {
	width:300px;
	float:left;
	margin-right:20px;
}
#meat #content #highlights #highlights_two {
	margin-right:0;
}
#meat #content #highlights .highlights-photo {
	padding:5px;
	background:#D1E3DD;
	margin-bottom:18px;
}
#meat #content #highlights .highlights-photo:hover {
	background:#CCC;
}

#meat #employee-links .link {width:286px;padding:5px;margin:4px;border:2px solid #999;display:inline-block;}
#employee-links .link img {padding:10px 0;display:block;margin:0 auto;}
#employee-links .link h3 {margin:0 0 5px;}
#employee-links .link span {text-align:center;}

#meat #sidebar{
	float:right;
	width:300px;
	margin-right:10px;
}
#sidebar .widget h3 {
	margin-bottom:0;
}

#extFooter {
	background:#333 url(../images/clearlink-cares/footer-bg.png) repeat-x top;
	clear:both;
}
#extFooter #treeWrap {
	background:url(../images/clearlink-cares/footer-tree-bg.png) center top no-repeat;
	color:#FFF;
	min-height:306px;
	margin:0 auto;
}
#extFooter #treeWrap .innerWrap {
	width:940px;
	padding:200px 0 20px 0;	
}
#extFooter #treeWrap .innerWrap .column {
	width:140px;
	float:left;
	margin-right:20px;
}
#extFooter #treeWrap .innerWrap .column.twitter {
	width:290px;
	margin-right:0;
}
#extFooter #treeWrap .innerWrap #twitter-wrap {
	background:#899294 url(../images/clearlink-cares/twitter-top.png) top no-repeat;
}
#extFooter #treeWrap .innerWrap #twitter-wrap ul {
	background:url(../images/clearlink-cares/twitter-bottom.png) bottom no-repeat;
	padding:10px 15px;
	font-size:18px;
	color:#333;
	text-align:center;
	
}
#extFooter #treeWrap .innerWrap #twitter-wrap ul span {
	margin:9px 0;
	display:block;
}
#extFooter #treeWrap .innerWrap #twitter-wrap ul span:before { content: open-quote; }
#extFooter #treeWrap .innerWrap #twitter-wrap ul span:after { content: close-quote; }
#extFooter #treeWrap .innerWrap #twitter-wrap ul a, #extFooter #treeWrap .innerWrap #twitter-link {
	font-size:12px !important;
	color:#666;
	display:block;
	text-align:right;
}
#extFooter #treeWrap .innerWrap #twitter-wrap ul a:hover, #extFooter #treeWrap .innerWrap #twitter-link:hover {
	color:#FFF;
}
#extFooter #treeWrap .innerWrap #share ul li {
	float:left;
}
#extFooter #treeWrap .innerWrap #share ul li a {
	float:left;
	display:block;
	padding:0 12px 12px 0;
	width:16px;
	height:16px;
}
#extFooter h4 {
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}
#extFooter ul {
	font-size:12px;
}
#extFooter a {
	color:#FFF;
	text-decoration:none;
}