/* =THIS STYLESHEET CONTROLS THE VISUAL DISPLAY OF THE HOMEPAGE FOR WWW.SUNYOCC.EDU */
/*.EktronAjaxLoading
{
display: none;
}*/
html,body {height: 100%;}
* {margin:0; padding:0;}
body {font-family:verdana, sans-serif; font-size:85%;}
 
#emergency {background:red; color:#FFF; font-size:1em;}
#emergency p {padding:6px;}
#emergency a {color:#FFF;}
 
#wrapper {width:996px; margin:0 auto 0 auto;}
p.dots {font-size:1px; height:0px; margin:0; padding:0; line-height:1px; clear:both;}
h1 {float:left; background:url(../images/logo_home.gif) no-repeat top left; text-indent:-4000em; width:147px; height:89px; float:left; margin:.65em 0 0 0; padding:0;} 
#content {width:640px; float:left; margin-top:6em;}
#sidebar {width:206px; float:left; margin:7.75em 0 0 0; font-size:.8em;}
 
/* =NAVIGATION ====================================== */

#globalnav {border:1px solid #CAC9C9; border-width:1px 0 0 0; padding:0; margin:0 0 1.5em 0; width:641px;}
#globalnav ul {display:inline; margin:0; padding:0;}
#globalnav ul li {list-style:none; display:inline; margin:0; padding:0;}
#globalnav ul li a {color:#666; text-decoration:none; font-size:68.5%; padding:5px 0px 0px 4px; margin-top:2px; text-transform:uppercase; border-left:1px solid #CAC9C9; border-width:0 0 0 1px;}
#globalnav ul li a:hover, #globalnav ul li a.admissions:hover {color:#1799FE;}
#globalnav ul li a.admissions {color:#FF3300; font-weight:bold; border-width:0;}
#pstc a.community, #program a.academics, #academics a.academics, #athletics a.athletics, #community a.community, #about a.about, #admissions a.admissions, #arts a.arts {font-weight:bold; color:#1799FE;}

/*  =FEATURES ====================================== */

#feature { margin:0 auto 0 auto; border:1px solid #666; width:640px; height:auto; background:#FFF;}

/*  =FACES FEATURE ================================= */

#feature ul {list-style:none;}
#feature ul li {display:block; float:left; width:62px; height:48px; border:1px solid #71adec;}
#feature ul li a {text-decoration:none; width:62px; height:48px; display:block; float:left; text-indent:-4000em; background-repeat:no-repeat;}
li.face16, li.face24 {margin-right:128px;}
p.quote {border:1px solid #666; border-width:0 1px 1px 1px; margin:0 auto 0 auto; width:630px; background:#FFF; padding:7px 5px 5px 5px; clear:both; font-size:.7em; height:3.5em; line-height:1.5em;}

/* =NEWSBOXES ================================================== */

#news {background:#777474 url(../images/news_tile.gif) top left; float:left; width:642px; margin:1.75em 0 0 0;}
#news ul {list-style:none;}
#news ul li {float:left; display:inline; width:145px; font-size:.8em; margin-right:5px; padding:5px;}
#news ul li#last {margin-right:0; border-right:1px solid #777474;}
#news ul li strong {display:block; color:#ffbb33; font-weight:normal; text-transform:lowercase; margin-bottom:5px;}
#news ul li a {color:#FFF; text-decoration:none;}
#news ul li a:hover {text-decoration:underline;}
#news p.dots {width:100%; height:1px; line-height:1px; padding:0; margin:0; float:left; clear:both; background:#777474;}

/* =SHORTCUTS ================================================= */

ul#shortcuts {float:left !important; float:none; list-style:none; border:1px solid #CAC9C9; border-width:0 0 1px 0; padding:2px 0 4px 0; margin:1.5em 0 2em 0; width:641px;}
#shortcuts li {list-style:none; display:inline; font-size:.8em;}
#shortcuts li strong {color:darkorange; font-weight:bold; text-transform:lowercase; padding:5px 0 5px 2px;  }
#shortcuts li a {color:#000; text-decoration:none; border-right:1px solid #CAC9C9; padding:0px 10px 0px 8px; }
#shortcuts li a:hover {color:#1799FE;}

/* =SEARCHBOXES ================================================== */

form#searchboxes {}
form#searchboxes label {font-weight:bold; font-size:.8em; margin-right:5px;}
form#searchboxes input {border:1px solid #666;}
form#searchboxes .inputText {margin-right:5px; width:125px;}
form#searchboxes .button {background:#CAC9C9; padding:0 1px 2px 0; color:#000; border:1px solid #666; font-size:.8em; margin:0 10px 2px 0 !important; margin:0;}

/* =FOOTER ===================================================== */

p.footer {color:#666; font-size:.8em; font-style:italic; line-height:1.5em; margin:2em 0 0 0;}
p.footer a {color:#666;}
p.footer a:hover {color:#1799fe;}

/* =SIDEBAR ===================================================== */

a.newslink {color:darkorange; text-transform:uppercase; margin:0 0 268px 15px; font-size:.9em; display:block; text-decoration:none; padding:2px 0 0 25px; background:url(../images/calendaricon.gif) no-repeat top left; height:20px;}
a.newslink:hover {color:#1799fe; background:url(../images/calendaricon.gif) no-repeat top left;}
#sidebar h2 {background:url(../images/bluearrow.gif) no-repeat top left; padding-left:20px; font-size:.9em; height:2em;}
#sidebar ul {list-style:none; padding-left:1.75em; font-size:.9em;}
#sidebar ul li {line-height:2em;}
#sidebar ul li a {color:#666; text-decoration:none;}
#sidebar ul li a:hover {color:#1799fe;}