/*
------------------------------
nclud'ed screen styles
Design & Dev by Maritn Ringlein
http://www.nclud.com
------------------------------
*/

/*------ Yahoo! Reset CSS ------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;}

body {
	width: 100%;
	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #888;
	background:#e7e9eb url(../img/bg_body.png) repeat-x 0 0;
	text-align:center;
}

#container {width:800px; margin:0 auto; text-align:left;}
#subcontainer {border:1px solid #e3e3e3;}
#contentcontainer {background:#f7f7f7 url(../img/bg_contentcontainer.png) repeat-x 0 0; padding:12px 8px;}
.container {}

/*------ Header Styles ------*/
#header {display:block; background:#222 url(../img/bg_header.png) repeat-x 0 0; border-bottom:1px solid #ccc; padding:10px 12px 6px 12px;}
	#header .brand {float:left;}
	#header .brand a {display:block; width:87px; height:52px; background-image:url(../img/bg_logo_screen.png);}
	#header #search {float:right; margin-top:10px; font-size:11px; font-weight:normal;}
	#header #search input.submit {padding:2px 4px;}

/*------ Navigation Styles ------*/
#navigation {border:1px solid #e0e0e0; background:#fff; margin-bottom:6px;}
	#navigation li a {display:block; width:130px; text-align:center; font:bold 14px "Trebuchet MS", Tahoma, Verdana; color:#7a7878; text-decoration:none; margin:1px; margin-right:0; background:#fff url(../img/bg_nav.png) repeat-x left bottom; padding:25px 0; border-right:1px solid #e0e0e0;}
	#navigation li a:hover {color:#87bf3c;}
	#navigation li.last a {border-right:0; padding:15px 0;}
	#navigation li.on a {background: #fff url(../img/bg_navOn.png) repeat-x 0 0; color:#87bf3c;}

/*------ Content Styles ------*/
#content {width:598px; border:1px solid #e9e9e9; padding:2px; background:#fff; float:right; min-height:500px;}
	#content .title {background:#8cc63f url(../img/bg_contentTitle.png) repeat-x left bottom; padding:10px;height:62px;}
		#content .title h2 {font:18px Verdana, Arial, Helvetica, sans-serif; color:#fff; background:transparent url(../img/graphic_faces.jpg) no-repeat center right; padding:20px 300px 0 20px;height:42px;}
	#content .post {padding:26px;}
	#content .post p, #content .post ul, #content .post ol, #content .post blockquote {font-size: 12px; line-height:1.4em; margin:1.0em 0;}
	#content .post ul { margin: 1.3em 0;}
	#content .post ul li {background: url(../img/icn_bulletGreen.png) no-repeat 0px 5px; margin:0.5em 0 1.2em 18px; padding-left:1.2em;}
	#content .post  ol {margin:1.0em; padding-left:1.0em;} #content.post  ol li {list-style:decimal; margin:0.5em 0; padding-left:0.2em;}
	#content .post ul.pdf {border-top:1px dashed #d8d8d8; margin-top:20px; padding-top:12px;}
	#content .post ul.pdf li {display:block; background:transparent url(../img/icn_pdf.png) no-repeat left center; padding:10px 0 10px 20px; margin:10px 0;}
	#content .post ul.pdf li a {}
	#content .post .divider {border-top:1px dashed #e9e9e9; margin:10px 0; display:block; height:10px;}
	#content .post .space {display:block; height:200px;}
	#content .post form h3 {font-size:12px; margin:20px 0 4px 0;}
	#content .post form p {line-height:12px; margin:8px 0;}
	#content .post form textarea {width:450px;}

/*------ Sidebar Styles ------*/
#sidebar {width:178px; float:left;}
	#sidebar .subnavigation {background:#fff url(../img/bg_gradientTop.png) repeat-x 0 0; padding:1px; border:1px solid #e9e9e9; border-right:0;}
		#sidebar .subnavigation h4 {font-size:18px; color:#231f20; text-align:center; background:#fff url(../img/bg_gradientBottom.png) repeat-x left bottom; border-bottom:1px solid #e9e9e9; padding:30px 0; margin-bottom:1px;}
		#sidebar .subnavigation ul.subnav {background:#fff url(../img/bg_gradientTop.png) repeat-x 0 0; padding:20px 15px; margin-top:1px;}
		#sidebar .subnavigation ul.subnav li a {display:block; padding-left:15px; margin-bottom:15px; background:transparent url(../img/icn_subnavArrow.png) no-repeat left 3px; color:#575454; font-size:12px; text-decoration:none;}
		#sidebar .subnavigation ul.subnav li a:hover { text-decoration:underline; }
		#sidebar .subnavigation ul.subnav li.on a {margin-bottom:5px; background:transparent url(../img/icn_subnavArrowOn.png) no-repeat left 3px;}
		#sidebar .subnavigation ul.subnav li ul {margin-bottom:15px;}
		#sidebar .subnavigation ul.subnav li ul li {padding-bottom:5px;}
		#sidebar .subnavigation ul.subnav li ul li a {margin:0 0 5px 10px; background:transparent url(../img/icn_subnavMinus.png) no-repeat left 3px;}
	#sidebar .update {background-color:#fdfdfd; padding:15px 10px; margin:5px 0; border:1px solid #e9e9e9; border-right:0;}
		#sidebar .update h4 {font-size:14px; color:#369;}
		#sidebar .update form input.input {display:block; margin:6px 0; width:145px;}

/*------ Footer Styles ------*/
#footer {margin:22px 0; color:#908e8e;}
	#footer p {margin-left:15px;}
	#footer li a {color:#908e8e; padding-right:6px; margin-right:6px; border-right:1px solid #908e8e;}
	#footer li.last a {border-right:0;}
	#footer li.humana a {width:133px; height:18px; background:url(../img/bg_logo_humana.png) no-repeat 0 0; margin-left:20px;}

/*------ General Styles ------*/
h1 {font-size:19px; font-family:"Trebuchet MS", Tahoma, Verdana; color:#8cc63f; margin-top:26px;}
	h1 a {font-size:19px; font-family:"Trebuchet MS", Tahoma, Verdana; color:#8cc63f; margin-top:26px; text-decoration:none;}
h2 {font-size:18px;}
h3 {font-size:14px; color:#369; margin:14px 0;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}

a {color:#369; text-decoration:underline;}
a:hover {text-decoration:none;}

strong {font-weight:bold;}
em {font-style:italic;}

form {}
	form input.input {border:1px solid #cdcbc9; padding:2px 4px; color:#b3aeab;}
	form input.submit {background:#e5e4e0 url(../img/bg_submit.png) repeat-x 0 0; border:1px solid #cdcbc9; color:#231f20; font-weight:bold; text-align:center; padding:4px 8px; font-size:11px;}
	form select {}
	form select option {}
	form textarea {border:1px solid #cdcbc9; padding:2px 4px; color:#b3aeab; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; display:block;}

/*------ Global Classes (Things I Use All The Time) ------*/
.alt em {position: absolute; left: -5000px; top: -5000px;}

.pos_left {float:left; margin-right: 0.5em;}
.pos_right {float:right; margin-left: 0.5em;}

.list_horizontal li {display: block; float: left;} .list_horizontal li a {display: block;}
.list_bull { margin: 1.0em 0;} .list_bull li {background: url(../img/icn_bulletGrey.png) no-repeat 0px 3px; margin:0.5em 0; padding-left:1.2em;}
.list_num {margin:1.0em; padding-left:1.0em;} .list_num li {list-style:decimal; margin:0.5em 0; padding-left:0.2em;}

.clear {display:inline-block;}
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

.pdf {border-top:1px dashed #d8d8d8; margin-top:20px; padding-top:12px;}
.pdf li {display:block; background:transparent url(../img/icn_pdf.png) no-repeat left center; padding:6px 0 6px 20px; margin:10px 0;}
.pdf li a {}


/*------ Homepage Specific Styles ------*/
body.nav00 .promotion {background:#8bc53f url(../img/bg_homepageGradient.png) repeat-x left bottom; border:1px solid #7eb237; border-top:4px solid #c6e39f; border-left:0; padding:22px 10px 16px 10px;}
body.nav00 .promotion .image {float:left;}
body.nav00 .promotion .description {float:left; margin-left:12px; width:452px; color:#fff; font-size:12px;}
body.nav00 .promotion .description h2 {font-size:20px; margin-bottom:10px;}
body.nav00 .promotion .description a {color:#fff; text-decoration:none;}
body.nav00 .promotion .description .features {margin:15px 0 10px 0; width:452px; height:89px; display:block; background:transparent url(../img/bg_homepagePromo.png) no-repeat 0 0;}
body.nav00 .promotion .description .ideas {margin-top:10px;}
body.nav00 .promotion .description p {margin:15px 0;}

body.nav00 .highlight {border:1px solid #e9e9e9; padding:0 15px; margin-top:10px; background:#fff url(../img/bg_homepageHighlight.png) repeat-x 0 0;}
body.nav00 .highlight .intro {width:410px; float:left; background:transparent url(../img/bg_homepageIntro.png) repeat-y right top; padding-right:50px; padding-top:22px; padding-bottom:35px;}
body.nav00 .highlight .intro h3, body.nav00 .highlight .intro h3 a {color:#231f20; font-size:16px; margin-bottom:4px; font-weight:bold;}
body.nav00 .highlight .intro h4, body.nav00 .highlight .intro h4 a {color:#369; font-size:11px; margin-bottom:16px; font-weight:bold; text-decoration:none;}
body.nav00 .highlight .intro strong {color:#369;}
body.nav00 .highlight .intro p, body.nav00 .highlight .intro li {font-size:12px;}

body.nav00 .highlight .intro .list_bull li {  /*width:160px; float:left;*/ margin-right:10px;}

body.nav00 .highlight .blog {width:280px; float:right; padding-top:22px; padding-bottom:10px;}
body.nav00 .highlight .blog h4 {padding-left:55px; background:transparent url(../img/icn_blog.png) no-repeat 0 0; color:#95b015; font-size:16px; margin-bottom:15px;}
body.nav00 .highlight .blog h4 strong {display:block; color:#231f20;}
body.nav00 .highlight .blog h6 {color:#908e8e; font-weight:normal; margin-bottom:20px;}
body.nav00 .highlight .blog h6 a {color:#908e8e; font-weight:bold;}
body.nav00 .highlight .blog p {font-size:12px; line-height:16px;}
body.nav00 .highlight .blog .more {text-align:right;}
body.nav00 .highlight .blog .more a {color:#95b015;}
body.nav00 .highlight .blog .update {margin-bottom:30px; border:1px solid #cfcdcb; background:#fbfbfb url(../img/bg_homepageGradientDark.png) repeat-x 0 0; padding:10px 10px 15px 10px;}
body.nav00 .highlight .blog .update h3 {font-size:16px; margin:0 0 10px 0;}
body.nav00 .highlight .blog .update input.input {padding:4px;}


/*------ Blog Specific Styles ------
body.nav04 #content {float:left;}
body.nav04 #content .title {background:#fff; background-image:none; padding-left:25px; border-bottom:1px solid #e9e9e9; margin-bottom:1px;}
body.nav04 #content .title h2 {background:#fff url(../img/icn_blog.png) left center no-repeat; color:#231f20; padding-left:60px; font-size:20px;}
body.nav04 #content .pagetitle {padding:10px 25px;}
body.nav04 #content .post {background:#fff url(../img/bg_gradientTop.png) repeat-x 0 0; padding:1px 10px 1px 10px; position:relative;}
body.nav04 #content .post h3 {color:#369; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:0;}
body.nav04 #content .post h3 a {color:#369; text-decoration:none;}
body.nav04 #content .post .byline {color:#7a8fa4; font-weight:bold; font-size:11px; border-bottom:1px dashed #d8d8d8; padding-bottom:10px; margin:0 0 8px 0;}
body.nav04 #content .post .date {color:#7a8fa4; text-align:center; width:66px; margin:0 5px; position:absolute; top:15px; left:35px; font-size:10px; text-transform:uppercase; border-bottom:1px dashed #d8d8d8; padding-bottom:10px;}
body.nav04 #content .post .date strong {display:block; color:#4a5a65; margin-bottom:2px; font-weight:normal; font-size:16px;}
body.nav04 #content .post .comment {border-top:1px dashed #d8d8d8; padding-top:10px; margin:15px 0;}
body.nav04 #content .post .comment a {display:block; background:transparent url(../img/icn_comment.png) no-repeat 0 3px; padding-left:18px; color:#b3aeab; font-size:10px;}
body.nav04 #content .post .sub {background:transparent url(../img/bg_blog.png) repeat-y 0 0; padding:5px 15px 5px 95px;}

body.nav04 #content #comments {margin-top:30px; padding-top:10px; border-top:1px dashed #e9e9e9;}
body.nav04 #content #comments .alt em {position: static; left:auto; top:auto;}
body.nav04 #content #comments .message {background-color:#fff0bc; padding:5px; display:block; color:#990000;}

body.nav04 #sidebar {float:right; background:#fdfdfd; border:1px solid #e9e9e9; border-left:0; width:177px;}
body.nav04 #sidebar .section {padding:12px 14px; border-bottom:1px solid #fff; border-top:1px solid #e9e9e9; margin:1px;}
body.nav04 #sidebar h4 {color:#369; font-size:14px; background:transparent url(../img/icn_subnavArrowOn.png) no-repeat 14px 20px; padding:15px 15px 15px 30px; border-bottom:1px solid #fff; border-top:1px solid #e9e9e9;}
body.nav04 #sidebar h4.first {border-top:0;}
body.nav04 #sidebar .list_bull {margin-left:4px;}
body.nav04 #sidebar .list_bull li {background: url(../img/icn_bulletCarrot.png) no-repeat 0px 5px; margin:0.5em 0; padding-left:1.0em;}
body.nav04 #sidebar .recent li {display:block; margin-bottom:10px;}
body.nav04 #sidebar .subscribe .rss {display:block; background:transparent url(../img/icn_rss.png) no-repeat left center; padding:10px 5px 10px 25px;}
body.nav04 #sidebar .subscribe .email {display:block; background:transparent url(../img/icn_email.png) no-repeat left center; padding:10px 5px 10px 25px;}
*/


/*------ Naivgation Control Styles ------*/
body #sidebar .subnavigation .nav00, body #sidebar .subnavigation .nav01, body #sidebar .subnavigation .nav02, body #sidebar .subnavigation .nav03, body #sidebar .subnavigation .nav04 {display:none; visibility:hidden;}

body.nav00 #navigation li.nav00 a {background: #fff url(../img/bg_navOn.png) repeat-x 0 0; color:#87bf3c;}
body.nav00 #sidebar .subnavigation .nav00 {display:block; visibility:visible;}

body.nav01 #navigation li.nav01 a {background: #fff url(../img/bg_navOn.png) repeat-x 0 0; color:#87bf3c;}
body.nav01 #sidebar .subnavigation .nav01 {display:block; visibility:visible;}

body.nav02 #navigation li.nav02 a {background: #fff url(../img/bg_navOn.png) repeat-x 0 0; color:#87bf3c;}	
body.nav02 #sidebar .subnavigation .nav02 {display:block; visibility:visible;}

body.nav03 #navigation li.nav03 a {background: #fff url(../img/bg_navOn.png) repeat-x 0 0; color:#87bf3c;}	
body.nav03 #sidebar .subnavigation .nav03 {display:block; visibility:visible;}

body.nav04 #navigation li.nav04 a {background: #fff url(../img/bg_navOn.png) repeat-x 0 0; color:#87bf3c;}	
body.nav04 #sidebar .subnavigation .nav04 {display:block; visibility:visible;}

/*------ Form Validation ------*/
.block { display: block; }
form label{ display:block; }
form label.error { display: none; color:#f00; }


#facesContainer {
	width: 279px;
	height: 224px;
	border: 2px solid #93c354;
}

#faces {
	border: 2px solid #bdd79b;
}

#gallery { list-style:none; margin:10px 0; padding:0; }
#gallery li { margin:0 !important; padding:0 14px 10px 0 !important; background:none !important; float:left; }
#gallery li img { border:#999 1px solid; padding:0; }
#gallery li img:hover { border:#78AC34 1px solid; padding:0; }

#sidebar .pic2 { padding-bottom:12px; text-align:center; }