/*
= Homepage CSS =
The CSS that follows is used to style only the Homepage of this site.
*/
/* Layout the home page */
#innerWrapper { padding: 0 0 15px 0; }
div.contentItemBox { width: 27%; float: left; margin: 10px 0; }
#navigation { width: 30%; }
#content { width: 69%; float: right; }
/* Style the various elements on the home page */
#header { background-image: url(/images/banner_homepage.gif); }
#content .box h2 { background: #E34585; color: #FFF; }
#navigation .box h1,
#navigation .box h2 { background: #398CD6; color: #FFF; }
div.contentItemBox { background: #C8E5FF; padding-left: 1em; }
.contentItem { margin-right: .5em; }
/* Style the Learning Community box */
.box.orange { background: #FFE7CE !important; clear: left; padding-bottom: .5em; }
.box.orange h2 { background: #FF7300 !important; }
.box.orange ul { margin: 0 .5em .5em .5em !important; }
.box.orange li { margin: 1em 0 1em 1em; }
#learning_community div.clear { clear: none; }
#learning_community h2 span { color: #FCCA24; }
/* Style the Subscribe box */
.box.red h2 { background: #BB2F2F !important; clear: left; }
/* Style the News and Events boxes */
#news li.last,
#events li.last { margin-bottom: 0; }
#news li.more,
#events li.more { margin-top: .5em; padding-right: 1em; font-size: 90%; text-align: right; }
/* Style the banner Search box */
#banner_search { position: absolute; top: 12px; right: 0px; color: #FFFFFF; font-size: 95%; }
#banner_search #search { width: 119px; }
#banner_search #find { width: 56px; }
#banner_search a { color: #FFFFFF; font-weight: bold; background: url(/images/bullet_header_search.gif) no-repeat center right; }
#banner_search p { text-align: right; }
/* Layout and style the Search box */
form#search { background: #CEE7FF;  } 
form#search h2 { margin-bottom: 0; }
form#search div.wrapper { background: url(/images/search_bg.gif) no-repeat top left; padding-left: 125px; height: 15em; font-size: 95%; }
form#search label { display: block; width: 9em; margin: 2px 0; text-align: right; }
form#search label input,
form#search label select { display: block; width: 17em; margin-left: 10em; margin-top: -1.3em; }
form#search fieldset { border: none; }
form#search legend span { display: block; position: relative; top: 1.5em; width: 9em; text-align: right; }
form#search fieldset label { display: inline; margin: 2px 0; }
form#search fieldset input { display: inline; width: auto; }
form#search #find { margin-left: 250px; }
/* Layout and style the Video Tutorials box */
#video_tutorials { position: relative; background: #EEDCDF; }
#video_tutorials dl { width: 50%; margin: 0 0 5px 5px; }
#video_tutorials dt { display: block; font-style: normal; margin: 0; padding: 7px 0 2px 0; background: url(/images/border_dotted.gif) repeat-x bottom left;  }
#video_tutorials dd span,
#video_tutorials dd img { display: none; }
#video_tutorials dd img { position: absolute; top: 61px; right: 22px; }
#video_tutorials a { display: block; background-image: none; border: 1px solid #EFDEDE; text-decoration: none; }
#video_tutorials a:hover { border: 1px solid red; }
#video_tutorials p { margin: 0; height: 4em; padding: 10px 15px; background: #CEE7FF; color: #999; text-align: center; font-weight: bold; }
#video_tutorials p.name { color: #333; font-weight: normal; text-align: left; }
#video_tutorials p.name span { font-weight: bold; }
#videoscreen { float: right; width: 193px; height: 157px; background: url(/images/video_default.gif) no-repeat top right; margin-right: 20px; }