/*
Company:	
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background-color: #3a6f8f;
	margin: 0;
	padding: 0;
}
body {
	background-color: #3a6f8f;
	margin: 0 0 25px 0;
	padding: 0;
}
/* @end */

/* @group Layout */
/* Head */
#hd {
	background: #FFF url(../images/bg-hd.gif) top center no-repeat;
	height: 175px;
}

#hd-inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/* Body */
#bd {
	background: #CCC url(../images/bg-bd.jpg) top center repeat-y;
	margin: 0;
}

#bd-inner {
	width: 964px;
	margin: 0 auto;
}

#bd-inner-subpage {
	width: 970px;
	margin: 0 auto;
}

/* Footer */
#ft {
	clear: both;
	padding: 40px 0 0 0;
}

#ft ul, #ft ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#ft ul {
	margin: 0 auto;
	padding: 0 0 5px 0;
	text-align: center;
}

#ft ul li {
	display: inline;
}

#ft ul li a:link, #ft ul li a:visited {
	color: #333333;
	text-decoration: none;
	font-size: 85%;
	margin: 0 9px;
}

#ft ul li a:hover {
	text-decoration: underline;
}

#ft p {
	font-size: 77%;
	color: #666666;
	text-align: center;
	margin: 0;
	padding: 0 0 16px 0;
}
/* @end */

/* @group Modules */
/* Main */
.main {
	float: left;
	width: 619px;
	margin: 0 24px 0 0;
	padding: 38px 0 0 0;
	display: inline;
}

/* Main Subpage */
.main-subpage {
	float: left;
	width: 619px;
	margin: 0 24px 0 0;
	padding: 0 0 0 0;
	display: inline;
}

/* Breadcrumb */
.breadcrumb {
	font-size: 85%;
	padding: 14px 0 0 0;
	margin: 0 0 12px 3px;
}

.breadcrumb, .breadcrumb a:link, .breadcrumb a:visited {
	color: #333333;
	text-decoration: none;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

/* Sub-Main Content Area */
.sub-main {
	background: #FFF url(../images/bg-sub-main-tile.gif) top left repeat-y;
	width: 617px;
	color: #333333;
}

.sub-main-inner {
	background: url(../images/bg-sub-main-top.gif) top left no-repeat;
}

.sub-main-inner-most {
	background: url(../images/bg-sub-main-bottom.gif) bottom left no-repeat;
	padding: 36px 44px 60px 41px;
}

/* Image Call Out Caption */
.image-call-out {
	margin: 32px 0 40px 0;
	display: inline-block;
}

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

.image-call-out img {
	display: block;
	float: left;
	padding: 0 13px 0 0;
	border-right: 3px solid #cacaca;
}

.image-call-out .caption {
	float: left;
	width: 120px;
	padding: 10px 0;
	position: relative;
	top: 145px;
	left: -3px;
	background-color: #FFF;
	font-size: 77%;
	font-weight: bold;
	color: #1e455d;
}

/* Highlights Slider */
.highlights-slider {
	width: 618px;
	height: 258px;
	background: url(../images/bg-highlights.jpg) top left no-repeat;
	position: relative;
	margin: 0 0 17px 0;
}

.highlights-slider .slide {
	position: relative;
}

.highlights-slider .slide img {
	position: absolute;
	top: 3px;
	left: 3px;
}

.highlights-slider h2 {
	color: #1e455d;
	margin: 0 0 11px 0;
	font-size: 138.5%;
}

.highlights-slider .slide .slide-text {
	padding: 18px 0 0 0;
	position: absolute;
	top: 3px;
	left: 424px;
	width: 176px;
}

.slide-text ul, .slide-text ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.slide-text ul li {
	color: #666666;
	font-weight: bold;
	background: url(../images/bg-highlight-bullet.gif) 0 6px no-repeat;
	padding: 0 0 8px 9px;
}

/* Slider Controls - Previous - Next */
.highlights-slider .slider-controls {
	position: absolute;
	top: 221px;
	left: 462px;
}

.slider-controls a:link, .slider-controls a:visited {
	border: 1px solid #3a6f8f;
	padding: 1px 5px;
	font-size: 93%;
	text-decoration: none;
	color: #3a6f8f;
	font-weight: bold;
	background-color: #fcfcfc;
	margin: 0 6px 0 0;
	display: block;
	float: left;
}

.slider-controls a:hover {
	background-color: #dbecf7;
}

#bd .highlights-slider .slider-controls .previous, #bd .highlights-slider .slider-controls .next {
	border: none;
	background: none;
	padding: 0 3px;
}

/* Accordion */
.accordion {
	background: url(../images/bg-accordion-tile.gif) top left repeat-y;
	width: 617px;
}

.accordion-inner {
	background: url(../images/bg-accordion-top.gif) top left no-repeat;
}

.accordion-inner-most {
	background: url(../images/bg-accordion-bottom.gif) bottom left no-repeat;
	padding: 2px 5px 5px 3px;
}

.accordion-section {
	background: #559cbe url(../images/bg-accordion-section.gif) top left no-repeat;
}

.accordion-section-inner {
	padding: 29px 38px 20px 38px;
	background: url(../images/bg-accordion-section-bottom.gif) bottom left no-repeat;
}

.accordion h4 {
	margin: 0;
	width: 100%;
}
.accordion h4 a {
	background: #3a6f8f url(../images/bg-accordion-h4.gif) top left no-repeat;
	border-bottom: 1px solid #2d5c79;
	margin: 0;
	color: #FFF;
	padding: 10px 0 8px 20px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}

.accordion-section h2 {
	margin: 0;
	color: #FFF;
	font-size: 197%;
}

.accordion-section h3 {
	color: #FFF;
	font-size: 138.5%;
	margin: 0;
}

.accordion-section .extra {
	margin: 26px 0 0 0;
}

.accordion-section .speakers, .accordion-section .speakers li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.accordion-section .speakers {
	margin: 9px 0 0 0;
}

.accordion-section .speakers li {
	float: left;
	width: 114px;
	margin: 0 32px 22px 0;
}

.accordion-section .speakers li a img {
	display: block;
}

.accordion-section .speakers li a:link, .accordion-section .speakers li a:visited {
	text-decoration: none;
	color: #000;
	font-size: 85%;
	line-height: 1.9em;
}

/* Side Column Home */
.side {
	float: left;
	width: 320px;
	padding: 40px 0 0 0;
	color: #333333;
	margin: 0 -3px 0 0;
	display: inline;
}

.side ul, .side ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.side ul li {
	color: #1e455d;
	font-weight: bold;
	background: url(../images/bg-side-bullet.gif) center left no-repeat;
	padding: 0px 0 3px 11px;
}

.side ul li a:link, .side ul li a:visited {
	color: #1e455d;
	text-decoration: none;
}

.side ul li a:hover {
	text-decoration: underline;
}

/* Tweets Section */
.tweets p {
	margin: 0;
}

.tweets h5 {
	margin: 0 0 1em 0;
	font-style: italic;
	font-weight: normal;
	color: #1e455d;
}

.tweets h5 a:link, .tweets h5 a:visited {
	font-style: italic;
	font-weight: normal;
}

.tweets a:link, .tweets a:visited {
	text-decoration: none;
	color: #1e455d;
}

.tweets a:hover {
	text-decoration: underline;
}

/* Follow Us Section */
.follow-us {
	display: inline;
}

.follow-us .facebook,
.follow-us .twitter,
.follow-us .flickr {
	display: inline;
	float: left;
	width: 94px;
	height: 24px;
	text-indent: -9999px;
	margin: 0 10px 0 0;
}

.follow-us .facebook {background: url(../images/bg-facebook.gif) top left no-repeat;}
.follow-us .twitter {background: url(../images/bg-twitter.gif) top left no-repeat;}
.follow-us .flickr {background: url(../images/bg-flickr.gif) top left no-repeat;}

/* Side Button Links - Subpage */
.forum-for-innovative-leadership, .summer-institutes, .executive-leadership-program, .leadershare, .psummit{
	display: block;
	width: 329px;
	height: 122px;
	text-indent: -9999px;
	margin: 0 0 12px 0;
}

.forum-for-innovative-leadership {background: url(../images/bg-forum-for-leadership.gif) top left no-repeat;}
.summer-institutes {background: url(../images/bg-summer-institutes.gif) top left no-repeat;}
.executive-leadership-program {background: url(../images/bg-executive-leadership.gif) top left no-repeat;}
.leadershare{background: url(../images/bg-leadershare.gif) top left no-repeat;}
.psummit{background: url(../images/bg-psummit.gif) top left no-repeat;}
/*{background: url(../images/bg-leadershare.gif) top left no-repeat;}
*/

/* Microsite Shell */
.microsite {
	background: #FFF url(../images/bg-microsite-tile.gif) top left repeat-y;
	width: 969px;
}

.microsite-inner {
	background: url(../images/bg-microsite-top.gif) top left no-repeat;
}

.microsite-inner-most {
	background: url(../images/bg-microsite-bottom.gif) bottom left no-repeat;
	padding: 3px 5px 50px 3px;
	position: relative;
}

/* Microsite Top Navigation */
.microsite-top-nav {
	width: 480px;
	height: 31px;
	float: right;
	background: #3a6f8f url(../images/bg-micro-top-nav.gif) top left no-repeat;
}

.microsite-top-nav ul, .microsite-top-nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.microsite-top-nav ul {
	text-align: right;
	padding: 5px 20px 0 0;
}

.microsite-top-nav ul li {
	display: inline;
	padding: 0 0 0 28px;
}

.microsite-top-nav ul li a:link, .microsite-top-nav ul li a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 85%;
	line-height: 1.8em;
}

.microsite-top-nav ul li a:hover {
	color: #74deff;
}

/* Microsite Heading - Logo */
.microsite h2.logo {
	width: 437px;
	height: 116px;
	margin: 61px 0 46px 50px;
	text-indent: -9999px;
}

.microsite h2.logo a:link, .microsite h2.logo a:visited {
	display: block;
	width: 437px;
	height: 116px;
	/* background: url(../images/bg-h2-forum-leadership.gif) top left no-repeat; */
}

/* Microsite Main Navigation */
.microsite-main-nav {
	background-color: #666666;
}

.microsite-main-nav ul, .microsite-main-nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.microsite-main-nav ul {
	text-align: center;
	padding: 9px 0;
	background-color: #666666;
	line-height: 1.229;
}

.microsite-main-nav ul li {
	display: inline;
	padding: 9px 0;
}

.microsite-main-nav ul li a:link, .microsite-main-nav ul li a:visited {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 9px 22px;
	background-color: #666666;
	line-height: 1.23em;
}

.microsite-main-nav ul .active a:link, .microsite-main-nav ul .active a:visited {
	background-color: #999999;
}

.microsite-main-nav ul li a:hover {
	background-color: #535353;
}

/* Microsite Content - Columns */
.microsite-content {
	padding: 0 0 0 51px;
}

/* Microsite Main - Left Column */
.micro-main-col {
	float: left;
	width: 515px;
	margin: 0 46px 0 0;
	padding: 40px 0 0 0;
	color: #333333;
}

.micro-main-col p a:link, .micro-main-col p a:visited {
	font-weight: bold;
}

.micro-main-col h2 {
	margin: 0 0 20px 0;
	color: #666666;
	font-size: 182%;
	text-transform: uppercase;
}

.micro-main-col h3 {
	color: #3a6f8f;
	margin: 0;
	font-size: 218%;
}

.micro-main-col h4 {
	color: #3a6f8f;
	margin: 26px 0 3px 0;
	font-size: 161.6%;
}

.micro-main-col h5 {
	color: #1e455d;
	font-size: 123.1%;
}

.micro-main-col h6 {
	font-size: 108%;
	margin: 0;
}

/* Microsite Side - Right Column */
.micro-side-col {
	float: left;
	width: 346px;
	padding: 43px 0 0 0;
}

.micro-side-col .speakers, .micro-side-col .speakers li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.micro-side-col .speakers li {
	float: left;
	display: inline;
	width: 130px;
	margin: 0 38px 20px 0;
}

.micro-side-col .speakers li a img {
	display: block;
}

.micro-side-col .speakers li a:link, .micro-side-col .speakers li a:visited {
	text-decoration: none;
	color: #3a6f8f;
	font-size: 85%;
	line-height: 1.9em;
}

/* @end */

/* @group Common Text Styles */
	
/* @end */

/* @group Default Headings */


h1 a {
	display: block;
	width: 287px;
	height: 62px;
	text-indent: -9999px;
	background: url(../images/bg-logo.gif) top left no-repeat;
}

.main-subpage h2 {
	color: #1e455d;
	font-size: 182%;
	margin: 0 0 22px 0;
}

.side h3 {
	color: #1e455d;
	text-transform: uppercase;
	font-size: 116%;
	background: url(../images/bg-side-h3.gif) bottom left no-repeat;
	padding: 0 0 7px;
	margin: 30px 0 12px 0;
}

/* @end */

/* @group Default Lists */
	
/* @end */

/* @group Nav */
#nav {
	position: absolute;
	top: 115px;
	left: 0;
}

#nav ul {
	background: url(../images/bg-nav-ul.gif) top left no-repeat;
	position: relative;
}

#nav ul, #nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav ul ul {
	position: absolute;
	left: -9999px;
	background: none;
}

#nav ul li ul {
	position: absolute;
	top: 38px;
	display: none;
}

#nav ul .active ul , #nav ul li:hover ul{
	left: 15px;
	position: absolute;
	float: left;
	display: block;
	z-index: 100;
}

#nav ul li {
	float: left;
	display: inline;
}

#nav ul li a:link, #nav ul li a:visited {
	float: left;
	display: block;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	height: 35px;
	padding: 0 20px;
	line-height: 35px;
	background: url(../images/bg-nav-li.gif) top right no-repeat;
}

#nav ul .active, #nav ul li:hover {
	background: url(../images/bg-nav-active.gif) top left no-repeat;
}

#nav ul li ul li {
	background: none;
	font-size: 85%;
}

#nav ul li ul li a:link, #nav ul li ul li a:visited {
	padding: 0;
	margin: 0 18px 0 0;
	height: 20px;
	line-height: 20px;
	display: inline;
	background: none;
}

#nav ul li a:hover {
	color: #74deff;
}

/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #3a6f8f;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */