/**************** home page styles ****************/
body#home {
min-width:1020px; /* supported in Mozilla and Safari but not IE */
text-align:center;/* centers layout in middle of screen for IE 6 and below-KLUDGE */
background-color:#464646;
}

#wrapper-home {
width:1020px;
margin:auto; /* centers layout in middle of screen for CSS compliant browsers */
text-align:left; /* needed to left align text now that text-align:center has beeen asigned to body element */
background:#f9f7f2 url(../images/home/pagebody_bkgd.png) repeat-y; 
/* can add background image here to create faux column effect: http://www.alistapart.com/articles/fauxcolumns/  */
}

/******************************* home page content styles ****************************************/
#mega-content-container {
width:945px;
margin:4em 1em 0 4em;
background:#f9f7f2;
}

#mega-content-left {
float:left;
width:700px;
margin-right:1em;
background:#f9f7f2;
}

#big-home-pic {
width:690px;
height:25em;
background:#f9f7f2 url(../images/home/main_image.jpg) no-repeat top left;
}

a#big-home-pic {
width:690px;
height:25em;
display:block;
text-decoration:none;
background:#f9f7f2 url(../images/home/OH2011_Homepage_690x250px.jpg) no-repeat top left;
}

img#big-home-pic-bi {
display:block;
width:690px;
height:25em;
}

#cps-home-text {
width:692px;
}

#cps-graphic-text {
float:left;
width:344px;
margin-top:5px;
height:8em;
background:#fff url(../images/home/cps_title_logo.gif) no-repeat top left;
}

a#cps-graphic-text {
display:block;
text-decoration:none;
}

#cps-main-text {
float:left;
width:320px;
padding-top:1em;
padding-bottom:.4em;
font-size:1.2em;
background:#fff;
color:#666;
}

img.pullout {
display:block;
clear:both;
width:206px;
height:130px;
}

img.pullout-terms {
display:block;
clear:both;
width:206px;
height:67px;
padding:10px 0 5px 0;
}

img.pullout {
display:block;
clear:both;
width:206px;
height:130px;
}

img.pullout-small {
display:block;
float:left;
width:91px;
height:5.2em;
padding:.75em;
}

h6.featured {
padding-top:.75em;
padding-left:.2em;
font-size:1.07em;
color:#867446;
}

.homebox-nested p, .homebox-nested-faculty p, p.pullout {
padding:.25em 1.5em 0 .25em;
font-size:1.1em;
color:#666;
}

.homebox-nested a {
color:#990002;
}

.homebox-nested a:hover {
text-decoration:none;
color:#666;
}

ul.home {
margin:0;
padding:0;
list-style-type:none;
}

ul.home li {
padding:.2em 1em .2em .25em;
}

ul.home li a {
font-size:1.1em;
color:#990002;
}

ul.home li a:hover {
text-decoration:none;
color:#666;
}

#pullout-container {
float:right;
width:470px;
padding-bottom:2em;
background:#f9f7f2 ;
}

#online-pullout {
width:190px;
margin-right:1em;
height:27.5em;
background:#fff;
}

#student-profiles {
width:210px;
height:37.5em;
background:#fff;
}

#mega-content-right {
float:right;
width:230px;
background:#f9f7f2;
}

p.deemer {
clear:both;
padding-top:5px;
padding-bottom:4px;
}

/******************************** contact styles *************************************/
#mega-content-right #contact {
width:220px;
background:#fff;
}

#mega-content-right img#home-gs {
display:block;
margin:auto;
}

#mega-content-right a#enrollment {
display:block;
width:200px;
margin-top:27px;
margin-left:10px;
height:13em;
background:url(../images/home/enrollment-v2.png) no-repeat top left;
}

#mega-content-right a#enrollment:hover {
background:url(../images/home/enrollment-v2-over.png) no-repeat top left;
}

#mega-content-right ul#contact-icons {
list-style-type:none;
margin:-20px 0 0 0;
}

#mega-content-right ul#contact-icons li {
margin-top:.09em;
}

#mega-content-right ul#contact-icons li.call {
width:141px;
margin-top:.3em;
margin-left:0;
padding:.32em 0 .29em 4.5em;
font-weight:bold;
text-decoration:none;
font-size:1.34em;
background:url(../images/core/call.png) no-repeat top left;
color:#fff;
}

#mega-content-right ul#contact-icons li a {
display:block;
margin-top:.05em;
margin-left:-20px; 
width:133px;
padding:.72em 0 .72em 4.5em;
font-weight:bold;
text-decoration:none;
font-size:1.5em;
background:#70011a;
color:#fff;
}

#mega-content-right ul#contact-icons li a.apply:hover,
#mega-content-right ul#contact-icons li a.email:hover,
#mega-content-right ul#contact-icons li a.chat:hover {
color:#666;
}

#mega-content-right ul#contact-icons li a.chat {
background:url(../images/core/chat.png) no-repeat top left;
}

#mega-content-right ul#contact-icons li a.chat:hover {
background:url(../images/core/chat-hover.png) no-repeat top left;
}

#mega-content-right ul#contact-icons li a.email {
background:url(../images/core/email.png) no-repeat top left;
}

#mega-content-right ul#contact-icons li a.email:hover {
background:url(../images/core/email-hover.png) no-repeat top left;
}

#mega-content-right ul#contact-icons li a.apply {
background:url(../images/core/apply.png) no-repeat top left;
}

#mega-content-right ul#contact-icons li a.apply:hover {
background:url(../images/core/apply-hover.png) no-repeat top left;
}

.important-dates {
width:220px;
background:#fff;
}

.important-dates img#event-callout {
width:210px; 
height:100px; 
margin:-10px 0 5px 5px;
}

.important-dates h4 {
margin:-8px 5px 5px 5px;
padding:2px 0 2px 2px;
color:#666;
font-size:1.11em;
font-weight:normal;
border-top:3px solid #999;
border-bottom:1px solid #ccc;
background:#fff;
}

.important-dates h5.plusmore-sidebar {
padding-top:.15em;
padding-left:.5em;
font-size:1.07em;
color:#666;
}

.important-dates p {
padding:.25em 1.5em 0 .5em;
font-size:1.1em;
color:#666;
}

.important-dates p a {
color:#990002;
}

.important-dates p a:hover {
text-decoration:none;
color:#666;
}

.important-dates p.scis {
clear:both;
padding-top:5px;
padding-bottom:10px;
}

/************************ to clear floats in dl without markup ********************************/
#cps-home-text:after, ul.home:after, #faculty-profile-container:after, .important-dates dl:after, .important-dates dl dd.tall:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}