/*
 *  Sleep Center CSS - home
 */
 
body { width: 802px; margin-left: auto; margin-right: auto; }

#sideitems { margin: .75em 0 0 1em; padding: 0; float: left; max-width: 240px;}
* html #sideitems li a { max-width: 240px; }
#sideitems ul {margin: 0; padding: 0; }
#sideitems li { list-style: none;padding: 0 3px 0 3px; font-size: 110%; margin: 0 0 12px 0;}
#sideitems li:hover { background: #dce7f4;}
#sideitems a {color: black; text-decoration: none;}
#sideitems a em {display: block; font-style: normal;font-weight: bold;}
#sideitems a span {font-size: 80%;}

#focus-text { height: 200px; width: 500px; float: left; display: none;}
#focus-graphic { height: 200px; width: 500px; float: left; background: url(focus.png); background-repeat:none; background-position:0;}

#search { padding-top:0; margin-top:1em; vertical-align: middle; }
#search form { display: inline; margin:0; padding:0; }
#search h4 { display: inline; margin-right:2px; }
#search input { border: 1px solid #039; color:#039; font-size: 90%; margin-left: 3px;}

#midbar { text-align: center; margin: 0 auto; padding: 0 auto; position: relative; }
#midbar { margin: .5em 1em 1.5em 1em; height: 1%;}
#midbar span { padding: 0 2em 0 2em;}
#midbar div { display: inline; }
#midbar em { background: #039; font-style: normal; padding: 3px 4px 3px 4px; margin: 0 .5em 0 0; }
#midbar em a { color: #fff; }
#midbar a { text-decoration: none; color: #000; }
#news, #notify { margin: 10px; padding: 3px 3px 3px 0; border: 1px solid #ccc; background: #f0f0f0;}

#prefrontbox { width: 765px; }
#frontbox { margin-left: auto; margin-right: auto; background: #aaa; text-align: left;}
#frontbox div { background: url(bluebar.png); width: 165px; margin: 0 10px 0 10px; border: #aaa solid 1px; float: left;}
#frontbox h4 { margin: 1em 0 0 1em; font-size: larger; }
#frontbox ul { margin-top: .75em;}
#frontbox li { list-style: none; margin: 0 0 .5em -1em; }
#frontbox a { color:black; text-decoration: none;}
#frontbox h4:hover, #frontbox li:hover { text-decoration: underline; }
#frontbox a:hover { text-decoration: underline; }

#sidenav-content-home { height: 1%; margin-left:170px; margin-right:22px; margin-top:40px;}
#sidenav-content-home h2{ font-size:1.6em; border-top:2px #c00 solid; background-color:#eee; padding-top:.5em; padding-bottom:.25em; padding-left:.25em; padding-right:.25em; }
#sidenav-content-home h3{ font-size:1.2em; border-top:2px #fc0 solid; background-color:#eee; padding: .33em .2em .2em .2em; margin-top: 0; }
#sidenav-content-home h4{ font-size:1.2em; padding: .5em 0em 0em 0em; margin-top: 0; }
#sidenav-content-home p{ font-size:1.2em; color:#333999; font-weight:bolder; padding-top:2px; padding-bottom:2px; }
#sidenav-content-home li { line-height: 150%; }
#sidenav-content-home .right-box { float: right; width: 20em; padding: 1em; margin: 1em; font-size: 90%; background: #ccccff; border: 1px solid #4f62c2; }
#sidenav-content-home .left-box  { float: left; width: 20em; padding: 0em; margin: 0em; font-size: 90%; background: #fff; }
#sidenav-content-home div h4 { margin: 0; }