/* Custom Styles for Binary Stream Home Page */

body{
	font-family:
	Calibri,
	Arial,
	san-serif;
}

#container{
	width: 1024px;
	margin: 0 auto;
	border: 1px solid #b6b6b6;
	margin-top: 15px;

}

/* -----------header----- */
#header{
	background:url("../images/header.png") repeat scroll 2px 0 transparent;
	height:91px;
}

#logo{
	background:url("../images/logo.png") repeat scroll 0 0px transparent;
	display:block;
	height:80px;
	margin-left:20px;
	
	text-indent:-9999%;
	width:334px;
}

#portal-contact-links{
	float: right;
	padding: 0;
	margin:0;
	margin-top: 10px;
	margin-right: 10px;
}

#portal-contact-links li a{
	display: block;
}
#portal-contact-links li{
	list-style: none;
	float:right;
}

#portal-link{
	float: right;
}

#contact-link a{
	background:url("../images/contact-icon.png") no-repeat scroll left center transparent;
	color:#172d31;
	display:block;
	font-weight:bold;
	padding-left:23px;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 12px;
	margin-right: 20px;
}

#partner-link a{
	background:url("../images/portal-icon.png") no-repeat scroll left center transparent;
	color:#172d31;
	display:block;
	font-weight:bold;
	padding-left:23px;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 12px;
}

/*-------------*/
#nav{
	background:url("../images/navigation.png") repeat-x scroll 0 0 transparent;
	height:30px;
	padding-left:150px;
	width:874px;
}



/* -----------Drop Down--------------- */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 color: #FFF;
 font-size: 100%;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li a{
	color: #FFF;
	text-decoration: none;
	background: url(../images/nav-divider.png) no-repeat right 4px;
	padding: 7px 15px;
}

ul.dropdown a.last{
	background: none;
}

ul.dropdown li ul li a{
	background: none;
}

ul.dropdown li {
	 float: left;
	 line-height: 1.1em;
	 vertical-align: middle;
	 zoom: 1;
	 color: #FFF;
	padding: 7px 0px;
}

ul.dropdown li:hover{
	background: url(../images/navigation-hover.png) repeat-x bottom;
}

ul.dropdown li li:hover{
	background: #366883;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
	float: none;
	border-bottom:1px solid #81AECB;
	background: url(../images/navigation.png) repeat-x bottom;
	width: 245px;
	background: #2780B8;
	font-size:87%;
}



ul.dropdown ul li{
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
/*--------------------HOMEPAGE-----------------*?
/*-------Homepage slideshow----*/
#slideshow{
	z-index: 0 !important;
}

#slideshow-news{
	background:url("../images/slideshow-announcement-background.png") repeat scroll 0 0 transparent;
	border-bottom:2px solid #B6B6B6;
	border-left:1px solid #B6B6B6;
	border-right:1px solid #B6B6B6;
	height:299px;
	width:1022px;
	z-index:100;
	float: left;
}
/*----Homepage announcements---------*/

#news{
	background:url("../images/announcement-background.png") no-repeat scroll right center transparent;
	height:308px;
	left:455px;
	margin-top:-305px;
	position:relative;
	width:568px;
}

#news-content{
	float: right;
	width: 350px;
	margin: 5px 15px 0 0;
	line-height:1.25;
}

#news-content h2{
	color: #016998;
	font-size: 130%	;
	margin-bottom: 0;
	font-weight: bold;
}
#news-content .news-item h3{
	color: #444444;
	margin: 0;
	font-size: 100%;
	font-weight: bold;

}

#news-content .news-item p{
	border-bottom: 1px solid #eeeeee;
	margin: 0px 0 5px 0;
}

#news-content a:link {color:#006699;
text-decoration: none}
#news-content a:hover {color:#b6141a;
text-decoration: none}
#news-content a:visited {text-decoration: underline;
color:#006699;}
#news-content a:active {color:#006699;
text-decoration: none}




/*---------------Homepage introtext------------------*/
#introduction{
	padding: 15px 15px 0px;
	float: left;
}

#introduction h2{
	margin: 0;
}
#introduction p{
	line-height:1.5;
	font-size:100%;
}
#quote{float:right
}

/*---------------Homepage three info boxes------------*/
#infoboxes{
float: left;
}

.vertical-divider{
	float:left;
	height:178px;
	margin-left:-2px;
	margin-right:20px;
	margin-top:104px;
	width:8px;
}

.infobox {
	float:left;
	margin-bottom: 10px;
	padding:5px;
	width:276px;
}
.infobox h2{
	color: #0061a5;
	margin: 0px 0 4px 0;
	font-weight:bold;
font-size:140%;
}

.infobox h3{
	margin: 0;
	font-weight: bold;
}

.infobox p{
	margin-bottom: 10px;
}


.learn-more-link a{
	background:url("../images/learn-more.png") no-repeat top;
	display: block;
	text-indent: -9999%;
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	width: 79px;
}

#info1{
	margin-left: 15px;
	background:url("../images/mm.png") no-repeat top;
	padding-top: 70px;
}

#info1 h2{
	padding-top: 40px;
}

#info2{
	background:url("../images/swoosh-bottom.png") no-repeat bottom right;
	margin-left: 30px;
	padding:0px;
	width:286px;
}

#info2 h1{
	background:url("../images/mfp.png") no-repeat top;
	padding-top: 65px;
margin-bottom: 0px;
width:286px;
}

#info2 p, h2{
padding-left: 0px;
padding-right: 5px;
}

#info3{
	
	background:url("../images/psm.png") no-repeat top;
	margin-left: 40px;
}

#info3 h2{
	padding-top:100px;
}

.last-divider{
	margin-right: 0;
}
/*----------------Homepage events box---------*/
.event-divider{
	height:250px;
	margin-top:43px;
	background:url("../images/vertical-divider-events.png") no-repeat scroll 0 0 transparent;
}

#events {
	background:url("../images/swoosh-bottom.1.png") no-repeat scroll right bottom transparent;
	float: left;
	padding:0 15px;
	width:608px;
	margin-bottom: 15px;
}

#events h2 {
	background:url("../images/events-heading.png") no-repeat scroll left center transparent;
	color:#FFFFFF;
	margin:0 0 10px;
	padding-left:8px;	
	padding-top:3px;
	width:623px;
	font-size:150%;
font-weight:bold;
min-height:28px;
}

#events h3{
	color: #0061a5;
	font-size: 120%;
	margin: 0;
}

#events span{

font-weight: bold;
}

.event-item{
	padding-left: 8px;
}

#events p{

margin-bottom: 10px;
}

#events a{
	color: #b91517;
	text-decoration: none;
}

#events a:hover{
	text-decoration: underline;
	color: #294B5F;
}

#logos{
	float: left;
	width: 288px;
	margin-left: 40px;
	text-align: center;
	margin-bottom: 30px;
}
/*------------------footer------------------------*/
#footer{
	background:none repeat scroll 0 0 #80A1B8 ;
	border-left:1px solid #b6b6b6;
	border-right:1px solid #b6b6b6;
	height:10px;
	color: #FFF;
	padding: 5px;
	clear:left;
}

#footer p{
	float: left;
}

#footer-links{
	float: right;
}

#footer-links, #footer-links li{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
}

#footer-links li{
	background:url("../images/footer-bullet.png") no-repeat scroll 0 4px transparent;
	float:left;
	padding:0 2px;
}

#footer-links li.first{
	background: 0;
}

#footer-links li a{
	color:#FFFFFF;
	text-decoration:none;
	padding: 0 10px;
}