/*
 * Stylesheet for Cavendish
 * Author Dieter Orens dieter@dio5.com
 *
 * colors:
 * green:     	00ABB9
 * light green:	9ACA3C
 * orange:		FEC30E
 * blue:		169ED9
 * grey:		747678
 */

body {
	font:12px Arial, sans-serif;
	line-height:1.58;
	color:#4e4e4e;
	background:url(../images/body-bg.gif) repeat-y 50% top;
	height:100%;
}

.container{
	position:relative;
	width:985px;
	margin:0 auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

#wrap{
	background:url(../images/faux-col.gif) repeat-y left top;
}

.HomePage #wrap{
	background-image:url(../images/faux-col-home.gif);
}

/* Header
 * ------------------------------------------ */

#header{
	background:#fff url(../images/header.png) no-repeat 50% bottom;
	padding-top:8px;
	height:100px;
}

#header .container{
	height:90px;
}

#logo{
	position:relative;
	left:90px;
	top:30px;
}

#flashLogo{
	position:absolute;
	left:0;
	top:0;
}

#skipNav{
	position:absolute;
	top:0;
	left:90px;
	color:#fff;
}

/* HeaderNav
 * ---------------------------- */

#headerNav{
	position:absolute;
	background:url(../images/sphere-small.gif) no-repeat left top;
	height:25px;
	right:0;
	top:0;
	padding:2px 0 0 28px;
}

#headerNav li{
	float:left;
	line-height:1.3;
	border-bottom:1px solid #169ED9;
}

#headerNav a{
	float:left;
	display:block;
	color:#169ED9;
}

#headerNav a.user{
	text-transform:uppercase;
	color:#134E8B;
	padding-left:6px;	
}

/* Links
 * ------------------------------------------ */

a{
	color:#134E8B;
	text-decoration:none;
}

a:hover,
a:focus,
#skipNav:hover,
#skipNav:focus{
	color:#169ED9;
}

/* Headings
 * ------------------------------------------ */

h1{
	font-size:29px;
	line-height:1.2;
	margin:12px 0 8px 249px;
	color:#818181; 
}

h2{
	font-size:18px;
	color:#818181;
	line-height:1.1;
	margin-bottom:4px;
}

.typography h2{
	font-size:12px;
	font-weight:bold;
	line-height:1.58;
	margin:0;
}

.green .typography h2, h2.green{ color:#00ABB9; }
.light-green .typography h2, h2.light-green{ color:#9ACA3C; }
.orange .typography h2, h2.orange{ color:#FEC30E; }
.blue .typography h2, h2.blue{ color:#169ED9; }
.grey .typography h2, h2.grey{ color:#747678; }

/* General
 * ------------------------------------------ */

p{
	padding-bottom:14px;
}

em{
	font-style:italic;
}

strong{
	font-weight:bold;
}

.typography ul, .typography ol{
	margin:0 0 12px 20px;
}

.typography ul li{
	list-style:disc;
}

.typography ol li{
	list-style:decimal;
}

.typography blockquote{
	margin:0 0 12px 20px;
	font-style:italic;
}

.typography img.right {	float: right; margin:0 0 10px 20px; }
.typography img.left { float: left;	margin:0 20px 10px 0; }
.typography img.leftAlone {	display:block; clear:both; }
.typography img.center { float: none; margin-left: auto; margin-right: auto; display: block; }

/* Navigation
 * ------------------------------------------ */

/* MainNav
 * ---------------------------- */

#mainNav{
	position:absolute;
	right:0;
	bottom:0;
	font-size:15px;
	text-transform:uppercase;
	line-height:1.1;
}

#mainNav li{
	float:left;
	margin-left:18px;
}

#mainNav a{
	color:#4e4e4e;
	display:block;
	padding-bottom:4px;
	border-bottom:7px solid transparent;
}

#mainNav a:hover,
#mainNav a.current,
#mainNav a.section,
#mainNav a:focus{
	border-bottom:7px solid #747678;
}

#mainNav li.green a:hover,
#mainNav li.green a.current,
#mainNav li.green a.section,
#mainNav li.green a:focus{
	border-color:#00ABB9;
}

#mainNav li.light-green a:hover,
#mainNav li.light-green a.current,
#mainNav li.light-green a.section,
#mainNav li.light-green a:focus{
	border-color:#9ACA3C;
}

#mainNav li.orange a:hover,
#mainNav li.orange a.current,
#mainNav li.orange a.section,
#mainNav li.orange a:focus{
	border-color:#FEC30E
}

#mainNav li.blue a:hover,
#mainNav li.blue a.current,
#mainNav li.blue a.section,
#mainNav li.blue a:focus{
	border-color:#169ED9;
}


/* SubNav
 * ---------------------------- */

#subNav{
	background:#fff;
	border-top:7px solid #747678;
	padding-top:6px;
	min-height:500px;
}

.green #subNav{ border-color:#00ABB9; }
.light-green #subNav{ border-color:#9ACA3C; }
.orange #subNav{ border-color:#FEC30E; }
.blue #subNav{ border-color:#169ED9; }

#subNav ul{
	background:url(../images/subnav-bg.gif) no-repeat left bottom;
	padding-bottom:3px;
}

#subNav ul ul{
	background:none;
	padding:0 0 9px 30px;
}

#subNav li{
	background:url(../images/subnav-bg.gif) no-repeat left top;
}

#subNav li li{
	background:none;
}

#subNav a,
#subNav span{
	display:block;
	line-height:30px;
	height:30px;
	font-size:13px;
	padding:0 0 0 15px;
	color:#818181;
}

#subNav ul ul a{
	line-height:16px;
	padding:4px 0 3px 15px;
	height:auto;
}

#subNav a:hover,
#subNav a.current,
#subNav a.section,
#subNav a:focus{
	color:#169ED9;
}

#subNav a.current,
#subNav a.section{
	font-weight:bold;
}

#subNav ul ul a.current{
	font-weight:normal;
}

/* Column System
 * ------------------------------------------ */

.col-1{ width:170px; float:right; }
.col-2{ width:242px; float:left; }
.col-2b{ width:298px; float:left; }
.col-3{ width:360px; float:right; }
.col-4{ width:429px; float:left; }
.col-5{ width:540px; float:left; margin-left:7px; }
.col-7{ width:789px; float:left; }

/* Content
 * ------------------------------------------ */

#content{
	background:#fff;
	border-top:7px solid #747678;
	min-height:500px;
}

.green #content{ border-color:#00ABB9; }
.light-green #content{ border-color:#9ACA3C; }
.orange #content{ border-color:#FEC30E; }
.blue #content{ border-color:#169ED9; }

#content .typography{
	margin:12px 15px 60px;
}

.IndexPageEqual .typography,
.IndexPageHighlight .typography{
	padding-top:8px;
}

/* SlideShow
 * ------------------------------------------ */

#slideShow{
	position:relative;
}

#slideShow img{
	display:block;
}

#slideNav li{
	float:left;
}

.col-5 #slideShow{
	background:#333;
	width:336px;
	float:right;
	color:#fff;
	margin:0 0 12px 16px;
}

.col-5 #slideShow p{
	line-height:1.33;
	padding:10px 10px 12px;
}

.col-5 #slides{
	height:220px;
	overflow:hidden;
}

.col-5 #slideNav{
	padding-left:2px;
}

.col-5 #slideNav li{
	padding:0 0 8px 7px;
}

/* Page Highlights
 * ------------------------------------------ */

#highlights p{
	padding:0;
}

.IndexPageHighlight .highlight{
	margin-top:215px;
	padding:15px;
}

.col-2b .highlight{
	background:#fbfde5;
	background:rgba(249,251,227,.8);
}

/* HomePage
 * ------------------------------------------ */
.HomePage h1{
	margin-left:0;
}

.HomePage #content{
	padding-bottom:40px;
}

.HomePage #content h2{
	margin-top:10px;
}

#topContent{
	background:#eef5fb;
	height:448px;
	width:330px;
	padding:15px;
}

#topContent img{
	margin:-15px 0 0 -15px;
}

#mainContent{
	width:399px;
	padding:15px;
}

.HomePage #highlights{
	border-top:7px solid #169ED9;
}

.HomePage .highlight{
	position:relative;
	width:168px;
	float:left;
	padding:184px 6px 6px;
}

.HomePage .highlight img{
	position:absolute;
	top:0;
	left:0;
}

.HomePage #content .highlight h2{
	margin-top:0;
}

.HomePage #slideShow{
	height:478px;
}

.HomePage #slideShow p{
	padding:0;
}

.HomePage #slides{
	height:450px;
	overflow:hidden;
}

.HomePage .slide{
	position:relative;
	width:429px;
	padding-top:300px;
	height:150px;
}

.HomePage .slide div{
	position:relative;
	padding:5px 15px;
	height:140px;
	background:#fff;
	background:rgba(255,255,255,.8);
}

.HomePage #slideNav a{
	color:#818181;
	line-height:28px;
	padding:0 4px;
}

.HomePage #slideNav{
	position:relative;
	float:left;
}

#slideControls{
	position:relative;
	background:#231d1d;
	height:28px;
}

#slideControls a{
	display:block;
	color:#fff;
	float:left;	
}

#slideControls a:hover{
	color:#169ed9;
}

#slideControls a.activeSlide{
	color:#fff;
}

#slideControls a.control{
	width:10px;
	height:12px;
	padding:0;
	margin:8px 5px;
	background:url(../images/slide-controls.gif) no-repeat left top;
	text-indent:-30000px;
	overflow:hidden;
}

#slideControls a#prev:hover{
	background-position:left -12px;
}

#slideControls a#next{
	background-position:-24px top;
}

#slideControls a#next:hover{
	background-position:-24px -12px;
}

/* IndexPageEqual
 * ------------------------------------------ */

#children li{
	position:relative;
	float:left;
	height:46px;
	padding-top:186px;
	width:180px;
}

#children li.border{
	border-top:7px solid #747678;
}

.green #children li.border{ border-color:#00ABB9; }
.light-green #children li.border{ border-color:#9ACA3C; }
.orange #children li.border{ border-color:#FEC30E; }
.blue #children li.border{ border-color:#169ED9; }


#children img{
	position:absolute;
	top:0;
	left:0;
	background:#eee;
	width:180px;
	height:180px;
}

#children h2{
	padding-left:6px;
}

/* Entries (Publications / Blog / Events)
 * ------------------------------------------ */

.entries{
	
}

.entries li{
	position:relative;
	padding:15px 350px 0 15px;
	margin-bottom:10px;
	min-height:206px;
}

.entries img{
	position:absolute;
	top:0;
	right:0;
}

.entries h2{
	margin-bottom:14px;	
}

.BlogHolder h2{
	margin-bottom:3px;
}

.meta{
	color:#808080;
}

.meta a{
	color:#FEC30E;
}

.hentry .vcard{
	display:none;
}

/* TagCloud
 * ------------------------------------------ */

#subNav ul#tagCloud{
	padding:0 0 9px 15px;
}

#subNav #tagCloud li{
	display:inline;
}

#subNav #tagCloud a{
	color:#f36e21;
	display:inline;
	padding:0;
}

#subNav #tagCloud a.not-popular{ font-size:11px; color:#f36e21; }
#subNav #tagCloud a.not-very-popular{ font-size:13px; color:#f99f1c; }
#subNav #tagCloud a.somewhat-popular{ font-size:15px; color:#fec30e; }
#subNav #tagCloud a.popular{ font-size:18px; color:#f99f1c; }
#subNav #tagCloud a.very-popular{ font-size:20px; color:#f36e21; }
#subNav #tagCloud a.ultra-popular{ font-size:24px; color:#fec30e; }

/* Pagination
 * ------------------------------------------ */

.pagination{
	margin:15px;
}

.pagination li{
	display:inline;
	font-size:14px;
}

.pagination a, .pagination .noLink{
	padding:0 2px;
}


/* ContactPage
 * ------------------------------------------ */

.fn{
	display:none;
}

.vcard span{
	display:block;
}

span.type{
	display:inline;
}

#googleMap{
	width:336px;
	height:336px;
	overflow:hidden;
	float:right;
	margin:0 0 12px 12px;
}

/* FAQs
 * ------------------------------------------ */

.FAQPage #content{
	padding:15px;
	width:510px;
}

.FAQPage #content h2{
	padding:20px 0 16px;
}

.FAQPage dt{
	margin-bottom:6px;
}
.FAQPage dd{
	margin-bottom:20px;
}

.FAQPage dl span{ color:#747678; font-weight:bold; }
.green dl span{ color:#00ABB9; }
.light-green dl span{ color:#9ACA3C; }
.orange dl span{ color:#FEC30E; }
.blue dl span{ color:#169ED9; }

#FAQCatNav li{
	float:left;
	margin-right:16px;
}

#FAQCatNav a{
	display:block;
	font-size:13px;
	color:#4e4e4e;
	padding-bottom:2px;
}

#FAQCatNav a:hover,
#FAQCatNav a.active,
#FAQCatNav a:focus{
	border-bottom:5px solid #747678;
}

.green #FAQCatNav a:hover,
.green #FAQCatNav a.active,
.green #FAQCatNav a:focus{ 
	border-color:#00ABB9; 
}
.light-green #FAQCatNav a:hover,
.light-green #FAQCatNav a.active,
.light-green #FAQCatNav a:focus{
	border-color:#9ACA3C; 
}

.orange #FAQCatNav a:hover,
.orange #FAQCatNav a.active,
.orange #FAQCatNav a:focus{ 
	border-color:#FEC30E; 
}

.blue #FAQCatNav a:hover,
.blue #FAQCatNav a.active,
.blue #FAQCatNav a:focus{ 
	border-color:#169ED9; 
}

/* Widgets
 * ------------------------------------------ */

.widget{
	background:#fff;
	padding:10px;
	margin-bottom:14px;
}

.widget img{
	display:block;
}

.widget h2{
	font-size:14px;
	font-weight:bold;
	margin:0;
	text-transform:uppercase;
	line-height:1.333;
}

.pagePromoter h2{
	font-size:12px;
	font-weight:bold;
	margin:6px 0 0;
	text-transform:none;
}

.widget h3{
	line-height:1.333;
	margin:3px 0 0;
	font-weight:bold;
}

.widget p{
	line-height:1.333;
	padding:0;
}

.threePagePromoter p, 
.latestNews p{
	padding-bottom:4px;
}

/* Footer
 * ------------------------------------------ */

#footer{
	position:relative;
	padding-top:18px;
}

#footer div{
	float:left;
	width:160px;
}

#footer div.right{
	text-align:right;
	float:right;
}

#footer h2{
	font-size:12px;
	line-height:1.58;
	text-transform:uppercase;
	margin:0;
}

#credits{
	clear:both;
	text-align:right;
	padding-bottom:30px;
}

/* Forms
 * ------------------------------------------ */

legend{ display:none; }

.required{
	color:#f00;
}

label{
	text-transform:uppercase;
}

.field{
	position:relative;
	clear:both;
	padding-bottom:4px;
	overflow:hidden;
}

input.text,
textarea{
	border:1px solid #ccc;
}

input.text:focus,
textarea:focus{
	background:#ffc;
	border-color:#999;
}

.widget .text label,
.widget .email label{
	float:left;
	width:40px;
}

.widget label.required{
	display:block;
	clear:both;
	width:100%;
	text-transform:none;
}

.widget .middleColumn .text,
.widget .middleColumn .email{
	float:right;
}

.widget input.text{
	width:96px;
}

.widget textarea{
	width:148px;
	height:60px;
}

.widget select{
	width:150px;
	border:1px solid #ccc;
}

.widget form{
	margin-top:4px;
}

input.action{
	color:#1a4e7f;
	border:none;
	background:none;
	text-transform:uppercase;
}

input.action:hover,
input.action:focus{
	color:#169ed9;
}

p.info{
	padding:0 6px 4px 0;
}