/* --------------------------------------------------------------

   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)

-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";

/* Page Elements
-------------------------------------------------------------- */
h1{ color: #73a2ca; }
h2{ color: #48867F; }
h3{ color: #518B84; }
h4{ color: #3474C3; }
h5{ color: #3474C3; }
.subheading{ font-weight: normal; font-size: 18px; }
a, a:visited{ color: #73a2ca; }

.center{ margin-left: auto; margin-right: auto; text-align: center; }
.right{ text-align: right; }
.clear { clear: both; }
.errors{ color: #f84227; margin-left: 30px; }
.byline{ color: #999; }
.information{ background: #ffe url('../images/information.png') no-repeat left; margin: 0 20px 10px 20px; padding: 10px 10px 10px 68px; color: #666; font-size: 11px; border: 1px solid #ddd; text-align: left; min-height: 48px; }
.cool-hr{background: url('../images/spotlight_hr.gif') no-repeat; height: 16px; width: 250px; border: 0; margin: 0 auto 5px auto; }
#flvPlayer{ margin: 0 auto; }
.bordered-img{margin: 0 8px; border: 4px solid #eee;}

#container{ margin: 0 auto 0 auto; min-height: 100%; position: relative; width: 1010px; }
#content-wrapper{ clear: both; padding-bottom: 80px; }

/* Header */
#header{ height: 76px; margin-bottom: 5px; padding: 5px 5px 0px 5px; }
#header .logo{ float: left; margin-left: 10px; margin-bottom: 0; }
#header .contact{ float: right; text-align: right; width: 500px; margin: 10px 0;}
#header .login_register{float:right;height: 20px;}
#header a{color: #3574c4; font-weight:bold;}
#header .spacer{color: #bbb;margin-left:5px;margin-right:5px;}
#home_welcome{margin-right: 25px; font-weight:bold;}
#header .phone{margin-top:8px; font-size: 12px; font-weight: normal; padding: 0 8px 0px 4px; color: #48867F;}
#header p{ color: #888; font-size: 11px; padding: 4px 8px 0px 3px; text-align: right; margin: 0; }

/* Footer */
#footer{ background: #f9f9f9 url('../images/bg/footer.gif') no-repeat; bottom: 0; clear: both; left: 0; margin: 0; position: absolute; width: 1010px; }
#footer a{ color: #888; }
#footer p{ color: #888; margin: 2px; text-align: center; }
#footer p.address{ font-size: 11px; padding-top: 4px; }
#footer p.links{ font-size: 12px; font-weight: bold; }

/* Navigation */
#navigation{ background: url('../images/bg/navigation.gif') repeat-x; height: 30px; width: auto; }
#navigation div#dfs_link{ background: url('../images/bg/home_dfs.gif') repeat-x; display: block; float: right; height: 27px; margin: 0; padding-top: 3px; text-align: center; width: 225px; }
#navigation div#dfs_link a{ color: #fff; font-size: 15px; }
#navigation div#dfs_link a:hover{ color: #ddd; text-decoration: none; }
#navigation ul{ list-style-type: none; margin: 0; }
#navigation ul li{ display: inline; float: left; font-size: 13px; height: 30px; text-align: left; position: relative; z-index: 1; }
#navigation ul li a{ color: #fff; display: block; height: 22px; padding: 4px 25px; }
#navigation ul li a:hover{ background: url('../images/bg/navigation-hover.gif') repeat-x; text-decoration: none; }
#navigation ul li ul{ background: #333; padding: 5px 0px; position: absolute; visibility: hidden; z-index: 11; }
#navigation ul li ul li{ display: inline; float: none; position: relative; z-index: 12; }
#navigation ul li ul li a{ color: #eee; font-size: 12px; padding: 4px 10px 0px 8px; text-align: left; white-space: nowrap; width: auto; }
#navigation ul li ul li a:hover{ background: #444 none; text-decoration: none; }
#navigation ul li.current{ background: url('../images/bg/navigation-current.gif') repeat-x; }


/* Home Page
-------------------------------------------------------------- */
#buttoner_wrap {position:relative;}
#buttoner{list-style:none;background: url('../images/bg/buttoner_bg.gif') repeat-x; clear: both; height: 31px; margin: 6px 0 3px 0; padding: 8px 0px 0px 0px; text-align: center; width: 100%; }
#buttoner li{width:20%; float: left; display:inline;text-align:center; margin-right:-1px; border-right:1px solid #ccc;}
#buttoner li.last{border:0;}
#buttoner li a{ color: #999; display: block; font-size: 15px; padding: 0px 10px 0px 10px; text-align: center; }
#buttoner li a:hover{ color: #BBB; text-decoration: none; }
#buttoner_side_l{width: 11px; height:39px; position:absolute; top:0; left:0;background: #fff url('../images/bg/buttoner_end_l.gif') no-repeat;}
#buttoner_side_r{width: 11px; height:39px; position:absolute; top:0; right:0;background: #fff url('../images/bg/buttoner_end_r.gif') no-repeat;}

#content{ background: #fff; display: inline; float: left; width: 785px; }
#content #col1{ display: inline; float: left; width: 310px; margin-top: 5px; }
#content #col1 p{ margin: 3px 0; padding: 0; }
#content #col2{ display: inline; float: left; width: 470px; padding-left: 5px; }
#content #col2{ font-size: 13px; text-align: left; }

#sidebar{ display: inline; float: left; text-align: center; width: 225px; }
#mcgraw_hill_banner {margin: 5px 0;}

#spotlight-wrapper{ background: url('../images/bg/spotlight_bg_bottom.png') bottom no-repeat; padding-bottom: 17px; width: 461px; }
#spotlight-top{ background: url('../images/bg/spotlight_bg_top.png') repeat-y; height: 37px; margin: 0; }
#spotlight{ background: url('../images/bg/spotlight_bg_mid.png') repeat-y; padding: 0 30px 0 12px; margin: 0; text-align: right; }
#spotlight .spot-title{ margin: 0; padding: 0 10px 0px 10px; font-size: 12px; font-weight: bold; overflow: hidden; }
#spotlight a{ color: #73a2ca; }
#spotlight p.more{ text-align: right; font-size: 11px; padding: 0px 15px 5px 15px; margin: 0; }
#spotlight p.more a{ text-decoration: underline; }
#spotlight span.date{ color: #bbb; font-size: 11px; margin: 0; padding: 0 15px 0 0; }
#spotlight hr { height: 1px; border: 0; background: #eee; margin: 0 8px 4px 40px; }

#motionbox-wrapper{ clear: both; height: 120px; overflow: hidden; width: 1010px; margin-top: 10px;}
#motionbox-services{ background: #000; display: inline; float: left; height: 120px; overflow: hidden; width: 346px; }
#motionbox-services ul li{ display: inline; float: left; }
#motionbox-services ul#slider{ list-style-type: none; margin: 0; }

/* Light Blue Testimonials */
#motionbox-testimonials{ background: #89b0e9; border-right: 2px solid #BBB; display: inline; float: left; height: 120px; width: 662px; }
#motionbox-testimonials .quote{ color: #fff; font-size: 14px; font-style: italic; margin: 20px 15px 0 15px; text-align: left; }
#motionbox-testimonials p.byline{ color: #fff; font-size: 12px; bottom: 10px; padding-bottom: 12px; text-align: right; position: absolute; width: 630px; }
#motionbox-testimonials ul li{ height: 150px; }
#motionbox-testimonials ul#testimonials{ list-style-type: none; margin: 0; text-align: left; }

#president-wrapper{ background: url('../images/bg/president_bg_bottom.png') bottom no-repeat; padding-bottom: 17px; width: 461px; margin-top: 4px; }
#president-top{ background: url('../images/bg/president_bg_top.png') repeat-y; height: 36px; margin: 0; }
#president { background: url('../images/bg/president_bg_mid.png') repeat-y; padding: 0 30px 0 30px; margin: 0; text-align: left; }
#president p{ color: #444; font-size: 12px; margin: 0; padding: 0 0 4px 0; }
#president .byline{ text-align: left; color: #999; margin: 0; padding: 0; }

#mcgraw_hill_project_search{margin: 0 auto 5px auto; padding: 5px 0 2px 0; border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 210px;}
#mcgraw_hill_project_search a{display:block;}

#joinmaillist{background: url('../images/JoinMailingList.png') top left no-repeat; height: 83px; width: 225px; }
#joinmaillist p{padding: 22px 5px 0 17px; text-align: right; }
#joinmaillist input{ margin: 3px 3px 0 3px; }

#networks{ height: 70px; float: left; margin-bottom: 0px; padding-left: 5px; margin-top: 25px; width: 780px;}
#networks p{ padding: 8px; font-size: 11px; color: #666; width: 350px; float: left; text-align: left; }
#networks img{ float: left; margin: 8px 25px; }

/* Article Page
-------------------------------------------------------------- */
#welcome{ font-size: 11px; margin: 0 5px 0 0; padding: 0; text-align: right; }
#col-lft{ display: inline; float: left; width: 200px; }
#col-mid{ display: inline; float: left; padding-bottom: 30px; width: 575px; }
#col-mid h1{}
#col-mid h2{ font-size: 16px; font-weight: bold; color: #333; margin-bottom: 5px; }
#col-mid h3{ font-size: 14px; font-weight: bold; color: #3272c1; margin-left: 20px; }
#col-mid p{ margin-left: 25px; margin-right: 25px; }
#col-mid ul{ list-style: url('../images/list_bullet.png'); margin-left: 35px; }
#col-rt{ display: inline; float: right; width: 195px; }
#col-rt p{ margin-right: 10px; }
#col-wrapper{ clear: both; display: block; margin-top: 10px; min-height: 300px; padding-bottom: 60px; text-align: left; width: 1010px; }

/* Sub Nav */
#sub-nav{ position: relative; } /* border-left: 1px solid #ccc;  */
#sub-nav li{ list-style: none; }
#sub-nav li.current{ list-style: url('../images/sub_nav-current.gif'); }
#sub-nav ul{ margin-left: 16px; }
#sub-nav ul a{ color: #3f7bc6; }

/* Web User Template Elements */
#register_form { text-align: center; }
#register_form label{ margin-right: 20px; vertical-align: top; }
#webUser-box{ width: 600px; margin: 15px auto; float: left; }
#webUser-box h1#title{ border-bottom: 1px solid #333; color: #333; font-size: 22px; font-weight: normal; margin: 0 0 20px 0; padding: 5px; }

/* In the Spotlight */
.spotlight-summary{margin: 0 0 20px 0;}
.spotlight-summary p{ margin: 0 10px;}
.ditto_page{ padding: 1px 5px 2px; }
.spotlight-links{ color: #bbb; }

/* Spotlight articles */
#sp-wrapper{ background: url('../images/bg/spotlight_bg_bottom.png') bottom no-repeat; padding-bottom: 17px; width: 461px; margin: 30px auto 50px auto; }
#sp-top{ background: url('../images/bg/spotlight_more_bg_top.png') repeat-y; height: 37px; margin: 0; }
#sp{ background: url('../images/bg/spotlight_bg_mid.png') repeat-y; padding: 0 30px 0 12px; margin: 0; text-align: left; }
#sp .spot-title{ margin: 0; padding: 0 15px 0px 15px; font-size: 12px; font-weight: bold; overflow: hidden; }
#sp a{ color: #73a2ca; }
#sp p.more{ text-align: left; font-size: 11px; padding: 0px 15px 5px 15px; margin: 0; }
#sp p.more a{ text-decoration: underline; }
#sp span.date{ color: #bbb; font-size: 11px; margin: 0; padding: 0 15px 0 0; }
#sp hr { height: 1px; border: 0; background: #eee; margin: 0 8px 4px 8px; }
.social-icons{ margin: 0 25px 20px 25px; }

.hidden{display:none;}

.shadowborder{
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
}
.grey{
	background: #f9f9f9;
}
.bottom-grey-dashed{border-bottom: 1px dashed #ddd;}
.form-heading{text-align:center;font-weight:bold;font-size:14px;}
.button_title{
    padding: 10px 30px;
    font-size:16px;
    text-align:center;
    display:block;
}
.button_title a,
.button_title a:hover{cursor:pointer; text-decoration:none;}

.response p{margin:auto;}
.response p.signed{font-size:12px;color:#666;font-style:italic;padding:0 0 20px;}
.response p.message{font-size:14px;padding:20px 0 20px 0;}
.pad10{padding:10px;}
.margintop5{margin-top:10px;}
.sidemenu{}