html{ background-color: #D5D2B9;}
body{ background: #D5D2B9 url(../image/bg.gif) top left repeat-x; margin: 0px auto; font-size: 12px; }
img {border: 0px;}
a {text-decoration: none;}

#container {clear: left; width: 888px; min-height: 600px;margin: 0px auto; background: none;}

#header {height: 88px; width: 888px; margin: 0px auto; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; background: url(../image/headerBG.jpg) top left no-repeat;}
#logo {background:url(../image/logo_msds.gif) no-repeat; position:absolute; margin-top:18px; margin-left:20px; width:224px; height:43px;}


/* Columns */
#columns {width: 888px;  float: left; background: url(../image/bg_bodyBtm.png) bottom left no-repeat; padding:0px 0px 60px 0px;}
/*column 1*/
#col1 {float: left; width: 175px; min-height: 600px; margin-left: 5px;}
/*column 2*/
#col2 {float: left; width: 460px; min-height: 600px; padding: 0px 20px; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; margin-top:0px; line-height:14px; color: #717174; background: url(../image/bg_right_border.gif) top right no-repeat; }
#col2 p{clear: left; padding: 0px 20px 0px 0px;}
#headline {font-family: Georgia, Times New Roman, Serif; font-size: 20px; color: #007aab; line-height:20px; margin-top: 10px; margin-bottom:15px;}
#headline_type {font-family: Georgia, Times New Roman, Serif; font-size: 20px; color: #007aab; line-height:20px; margin-top: 30px; }
.headline_sub {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#717174; line-height:28px; font-weight:normal;}
.bullets {float: left; clear: both; margin: 10px 0px;}
#bullets ul {margin-top:5px; position:relative;}
#bullets li {background: url(../image/arrow.gif) top left no-repeat; padding:0px 0px 5px 15px; width:400px; margin-left:10px;}
.partner_logo {padding:10px;}
.anchor_nav {line-height:18px;}
.anchor_nav a:hover {text-decoration:underline; color: #a4852e;}

/*column 3*/
#col3 {float: left; width: 180px; min-height: 540px; margin: 30px 0px 0px 10px; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; line-height:14px; color: #717174;}

/*column 2/3*/
#col_twothird {float: left; width: 635px; min-height: 600px; padding: 0px 20px; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; margin-left: 5px; margin-top:0px; line-height:14px; color: #717174; background: url(../image/bg_right_border.gif) top right no-repeat; }
.body_twothird {width:590px; padding:0px 0px 0px 40px;}

/*main Navigation*/
.mainLI {padding: 4px 5px 0px 10px; margin-right: 5px; background: url(../image/nav_divider.gif) center left no-repeat; height: 20px;}
#mainNav img {float:  left; clear: none;}
#mainNav{ float: right;padding: 52px 0px 0px 0px;}
#mainNav li a {height: 20px; }

#li1 {width: 60px; padding-left: 4px;}
#li2 {width: 60px; padding-left: 6px;}
#li3 {width: 60px; padding-left: 7px;}
#li4 {width: 67px; padding-left: 5px;}
#li5 {width: 60px; padding-left: 5px;}
#li6 {width: 68px; padding-left: 3px;}
#liLogin {width: 79px; padding-left: 8px; margin-top:-3px;}
a.login {width:79px; height:20px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:left; clear:right; background:url(../image/btnLogin.gif) top left no-repeat; display:block; cursor:hand; cursor:pointer;}
a.login:hover, a.login.over {background-position:0px -20px;}

ul {padding: 0; margin: 0; list-style: none; }
li {float: left;clear: none; position: relative;  width: 75px; }
li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #898881; height: 24px; padding-left: 10px; }
li ul {  display: none; position: absolute; top: 1em;  left: 0; }
li ul li {background: #555555 url(../image/nav_trans_bg.png) top left no-repeat; width: 157px; height: 24px; }
li ul li:hover {background: url(../image/nav_bg_hover.gif) top left no-repeat; height: 24px; width: 157px;} 
li ul li a, li ul li a:hover {color: #FFF; margin: 5px 0px 0px 15px; font-size: 11px; float: left; padding: 0px; background: none;}
li > ul {top: auto;left: auto;}
li a:hover{color:#b19751;}
li:hover ul, li.over ul{ display: block; position: absolute; left: 0px; padding-top: 7px; }

/*Side Navigation*/
#sideNav {float: left; font-family: Georgia, Times New Roman, Serif; font-style: italic;  color: #8a8a8b}
#sideNav a:hover {color: #a4852e; font-family: Georgia, Times New Roman, Serif;}
#sideNav ul {margin: 20px 0px 0px 15px;}
#sideNav ul li {float: left; clear: both; font-family: Georgia, Times New Roman, Serif; width: 160px; margin: 3px 0px; padding-bottom: 8px; background: url(../image/subnav_border.gif) bottom left no-repeat;}
#sideNav ul li a{font-size: 12px; background: none; font-family: Georgia, Times New Roman, Serif;}
.subnav_active, .subnav_active a, .subnav_active a:visited, .subnav_active a:hover {color:#a4852e;}
.sidenav_btn {margin:15px 0px 0px 15px;}	

/* Footer */
#footer { color: #777; padding: 5px 0px 10px 0px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin: 0px auto; width: 875px; clear: both;}
#footer a{color: #777;}
#footer a:hover{color: #777; text-decoration:underline;}

/* Flash */
#flash_container {clear: left; width: 888px; margin: 0px auto; }
#home_main {background:none; height:330px;}
#home_base {background:none; margin-top:7px; padding:0px 0px 0px 0px; width:888px; height:175px; text-align:left;}

/* Legal Pages */
#legal {width:520px; padding:20px 20px 20px 20px; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; margin-top:0px; line-height:14px; color: #717174; background: url(../image/bg_legal.gif) top left no-repeat; }
.headline_legal {font-family: Georgia, Times New Roman, Serif; font-size: 20px; color: #007aab; line-height:20px;}


/* Video Library */
#videos {float:left; clear:both;}
.videoWrap {float:left; clear:right; width:124px; margin:15px 29px 15px 0px;}
a.videoThumb {float:left; clear:right; display:block; width:124px; height:24px; padding:65px 0px 0px 0px; background:url(../image/bg_videoThumb.jpg) top left no-repeat; color:#ffffff; font-size:11px; text-align:center;}
a.videoThumb:hover {text-decoration:underline;}
a.videoCaption {float:left; clear:right; display:block; width:124px; color:#444444; font-size:11px; margin:8px 0px 0px 0px; text-align:center;}


/* Type Styles */
.subhead {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #a4852e;}
.icon {padding:5px 5px 15px 5px;}
.icon_7steps {padding:15px 5px 15px 5px; border-bottom:1px solid #eeeeee;}
.copy_7steps {padding:5px 5px 10px 5px; border-bottom:1px solid #eeeeee;}
.event_category {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #007aab; border-bottom:1px solid #eeeeee; padding:10px 0px 4px 2px;}
.event_copy {padding:10px 10px 20px 0px;}
.partner_category {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #8a8a8b; border-bottom:1px solid #eeeeee; padding:20px 0px 4px 2px;}
.partner_logo {padding:20px 10px 20px 10px; text-align:center}
.partner_copy {padding:20px 0px 25px 10px;}
.document {padding:15px 10px 17px 10px; border-bottom:1px solid #eeeeee;}
.document_icon {padding:15px 10px 17px 10px; border-bottom:1px solid #eeeeee; width:30px;}
a.link, a.link:visited {text-decoration: none; color:#0066CC;}
a.link:hover {text-decoration: underline; color:#0066CC;}
.form_left {padding:10px 5px 10px 5px; width:40px; border-top:1px solid #eeeeee;}
.form {padding:10px 5px 10px 5px; border-top:1px solid #eeeeee;}
.form_upgrade {padding:5px;}
/*hide form from spam*/#human {visibility:hidden; display:none;}

/* lightbox styles */
#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/lbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/lbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lbox/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 9px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #333333;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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