@charset "UTF-8";
/* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html{overflow-y:scroll;}/* Must be here for IE7 */
html, body {height: 100%;}
#wrapper {min-height: 100%;}
#page {padding-bottom: 62px; padding-top:20px;}  /* must be same height as the footer */
#footer {position: relative; margin-top: -42px; /* negative value of footer height */ height: 42px; clear:both;} 

/*Opera Fix
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

/*    ====  //  Adding Value page of videos  //  ====    */
.value-wrapper{background-color:#00548D!important}
.video-page .mahp-logo{display:block; width:135px; margin:auto}
#adding-value{text-align:center; padding-top:50px}
#adding-value #titles{margin-bottom:50px}
#adding-value #titles h1{font-size:30px; color:#fff; padding:0 0 5px 0}
#adding-value #titles h2{font-size:20px; color:#fff; padding:0}
	#adding-value .vimeo-wrapper{padding-bottom:55px}
		#adding-value .vimeo-wrapper iframe{border:1px solid #aaa;}
		#adding-value .vimeo-wrapper h3{font-size:18px;text-align:left; width:700px; margin:auto; padding:0; color:#fff}
		#adding-value .vimeo-wrapper p{text-align:left; width:700px; margin:auto; padding:0 0 7px 0; color:#fff; font-style:italic; font-size:14px}

#adding-value .previous{margin-bottom:30px}
#adding-value .previous a{color:#fff}

/* ==================== // Start Styles Here // ==================== */


body{background-color:#83868a; background-image:url(../../assets/images/drop-shadow.png); background-position:top center; background-repeat:repeat-y;}

#wrapper{width:880px; margin:0 auto; padding-left:60px; padding-right:60px; background-image:url(../../assets/images/top-bar-bg.gif); background-position:top center; background-repeat:repeat-x; background-color:#FFFFFF; border-left:1px solid #939ea6; border-right:1px solid #939ea6;}

#footer{}
#footer ul {list-style:none; width:1000px; margin:0 auto;}
#footer li {display:inline; float:left; width:440px; height:28px; background-image:url(../../assets/images/footer-bg.gif); background-position:top center; background-repeat:repeat-x; background-color:#dfe2e5;}
#footer li.left{text-align:left; padding-left:60px;}
#footer li.right{text-align:right; padding-right:60px;}
#footer ul li{font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:14px 0px 0px 0px; color:#064c7b;}

/* ==== Common Typography ==== */

h1{font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#064c7b; margin:0px; padding:8px 0px 8px 0px; font-style:normal; font-weight:normal; text-transform:uppercase;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#064c7b; margin:0px; padding:8px 0px 15px 0px; font-style:normal; font-weight:normal;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#064c7b; margin:0px; padding:8px 0px 8px 0px; font-style:normal; font-weight:normal; clear:both;}
h4{font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#333333; margin:0px; padding:0px; font-style:normal; font-weight:normal;}

.darkHeader{color:#333333;}
.blueText{color:#064c7b;}
#subPageContent .smallText{font-size:12px;}

p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#575757; margin:0px; padding:0px;}

a, a:visited, a:hover {outline:none; color:#064c7b;}
ul.textList {margin:0; padding:10px 0px 0px 15px;}
ul.textList li {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#575757; margin:0px; padding:0px; padding-bottom:5px;}

/* ==== Common Layout ==== */

#leftCol{float:left; width:180px; padding:0px 20px 0px 0px;}
#rightCol{float:left; width: 670px;}

.video{border:2px solid #c9c9c9; background-color:#000000;}/* puts a light border around videos */

#memberLogin{position:absolute; float:right; padding:2px 0px 0px 540px; z-index:99; clear:both;}
#memberLogin a{display:block; padding:12px 0px 7px 0px; text-align:center;  background-image:url(../../assets/images/member-login-bg.gif); background-position:top; background-repeat:repeat-x; background-color:#789532; width:110px;}
#memberLogin a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}

#memberLoginSub{position:absolute; float:right; padding:0px 0px 0px 530px; z-index:500; clear:both;}
#memberLoginSub a{display:block; padding:7px 0px 7px 0px; text-align:center; background-image:url(../../assets/images/member-login-bg.gif); background-position:top; background-repeat:repeat-x; background-color:#789532; width:110px;}
#memberLoginSub a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}

#subPageContent{padding:15px 15px 20px 15px; margin:0; background-color:#FFFFFF;}
#subPageContent p{font-size:14px; line-height:20px;}

.clear{clear:both; width:880px; margin:0; padding:0; display:block;}
/* ==== Main Navigation ==== */

	/* ==== Needed For Functionality ==== */
		#threeLevel{}/* allows thrid level nav to open and close */
		#exandingNav{}/* allows for main functionality */
		.mainNavLocation{}

#mainNav{padding:30px 0px 0px 0px;}

#mainNav ul{list-style:none; width:180px; display:block; margin:0px; padding:0px;}
#mainNav ul ul{list-style:none; display:block; margin:0px; padding:5px 0px 0px 0px; width:200px;}

#mainNav li.navClear{display:inline; float:left; padding:7px 0px 7px 0px; width:100%; height:50px;}

#mainNav li{display:inline; float:left; padding:7px 0px 7px 0px; width:100%;}
#mainNav li li{display:inline; float:left; padding:7px 0px 7px 10px; width:100%; background-color:#e8eaed; width:170px; border-top:1px solid #fff;}
#mainNav li li li{width:100px;}

#mainNav li a{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#064c7b; text-decoration:none; outline:none;}
#mainNav li a:hover{font-weight:bold; color:#064c7b;}

#mainNav li li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#064c7b; text-decoration:none; outline:none;}
#mainNav li li a:hover{font-weight:bold; color:#064c7b;}
#mainNav .youAreHere{font-weight:bold; color:#064c7b;}

/* ==== Homepage Specific Layout ==== */

#secondaryColumns{padding:20px 0px 0px 0px; clear:both; position:relative;}

#secondaryLeftCol{float:left; display:inline; width:351px;}
#secondaryRightCol{float:left; display:inline; width:319px;}

#upcomingEvents{float:left; display:inline; width:155px; padding-right:15px;}
#featuredArticle{float:left; display:inline; width:158px; padding-right:15px;}

.homeHeaders{border-top:3px solid #c9c9c9; border-bottom:1px solid #c9c9c9; margin:0px 0px 6px 0px;}

#featureImage{background-color:#FFFFFF; width:670px; height:290px; display:block;}

/* ==== Logo Grids ==== */

ul.logoGrid{width:660px; height:auto; list-style:none; padding:0; margin-left:0; display:block;}
ul.logoGrid li{display:block; float:left; padding:0; margin:0; width:220px; height:130px;}
ul.logoGrid li.spacer{width:660px; height:60px;}

/* ==== Login Panel ===== */

#loginPanel{}

/* ==== Forms ==== */

label.error{color:#f00; padding-left:10px;}



.unify .face img {
	float: left;
	margin-right: 15px;
}
.unify #speakerinfo {
	float: right;
	width: 490px;
}


.col1 {
	width:175px;
	/*height: 300px;*/
	float: left;
	margin-top: 20px;
	margin-right: 25px;
}


.col2 {
	width:175px;
	/*height: 300px;*/
	float: left;
	margin-top: 20px;
	margin-right: 25px;
}


.col3 {
	width:175px;
	/*height: 300px;*/
	float: left;
	margin-top: 20px;
	margin-right: 25px;
}

.col4 {
	width:175px;
	/*height: 250px;*/
	float: left;
	margin-top: 20px;
	margin-right: 25px;
}

.col5 {
	width:150px;
	height: 250px;
	float: left;
	margin-top: 20px;
	margin-right: 25px;
}

.sponsor-logos p strong img{
	width:28%;
	padding:10px;
	display:inline-block;
	text-align:center;
	height:auto;
	/*border:1px solid gray;*/
}

.sponsor-logos strong .slug{height:15px}

.sponsor-logos p strong img.dell, .sponsor-logos p strong img.health-dialog{
	width:130px;
	height:130px;
}

.sponsor-logos p strong img.dell{
	padding:0 35px;
}
.sponsor-logos p strong img.health-dialog{
	padding:0 35px;
}

.panel{color:#575757; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:20px}
.panel li{padding-left:5px}