html, body, div, span, h1, h2, h3, p, blockquote, pre, a, cite, em, font, img, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
body {
font-family: verdana, sans-serif, serif;
background: #d9d5cd url(../img/bkg-home.png) repeat-x left top;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
#pagewrap { width: 916px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 0; }
#breadcrumbs { color: #fff; font-size: 12px; background-color: #6e1120; width: 852px; height: 18px; margin-top: 1px; margin-bottom: 0; margin-left: 20px; padding: 2px 0 0 10px; }
#breadcrumbs a { color: #fff; }
#breadcrumbs a:hover { color: #d1983e; text-decoration: none; }
/* GOLDEN NAVIGATION BAR AT TOP OF PAGE */
/*Emergency Content*/
#emergency { position: absolute; width: 630px; height: 351px; float: left; border-width: 1px; border-color: #666; }
#emergency h1 { color: #fff; font-size: 18px; font-family: Arial; font-weight: bold; font-style: normal; font-variant: normal; margin: 0; padding: 5px; }
#emergency h2 { color: #333; font-size: 16px; font-family: Arial; font-weight: bold; font-style: normal; font-variant: normal; padding: 10px; }
#emergency p { color: #333; font-size: 14px; font-family: Arial; font-weight: normal; font-style: normal; font-variant: normal; margin-bottom: 12px; padding-right: 10px; padding-left: 10px; }
#emergency p a { color: #333; text-decoration: underline; }
#emergency p a:hover { color: #333; text-decoration: none; }
/*Emergency Header Content*/
#emergency_wrap {
width: 916px;
}
#emergency_wrap p { color: #fff; font-size: 14px; font-family: Arial; font-weight: normal; margin: 0; padding: 0; }
#emergency_wrap p a { color: #fff; text-decoration: underline; }
#emergency_wrap p a:hover { color: #fff; text-decoration: none; }
/* WCC LOGO, SEARCH BOX, AND MAIN NAVIGATION BUTTONS */
#logosearch_wrap {
position: relative;
width: 916px;
height: 110px;
}
#logosearch_wrap .wcclogo {
margin: 14px 0 0 28px;
}
#icons { color: #fff; font-size: 11px; text-align: right; position: absolute; bottom: 63px; right: 30px; }
#fb { color: #fff; font-size: 11px; text-align: right; position: absolute; top: 15px; margin: 0; padding: 0; }
#a-z { color: #fff; font-size: 11px; text-align: right; position: absolute; right: 160px; bottom: 35px; }
#a-z a { color: #fff; line-height: 30px; text-decoration: none; text-align: right; }
#a-z a:hover { color: #d1983e; line-height: 30px; text-decoration: underline; text-align: right; }
#search { color: #fff; font-size: 11px; text-align: right; position: absolute; right: 30px; bottom: 20px; }
#search a { color: #fff; line-height: 30px; text-decoration: none; text-align: right; }
#search a:hover { color: #d1983e; line-height: 30px; text-decoration: underline; text-align: right; }
.searchbox {
width: 155px;
font: 11px Tahoma;
color: #000000;
height: 13px;
border: solid 1px #000;
background: #fff;
padding-left: 2px;
}
.searchbutton {
margin-bottom: -3px;
}
#mainnav_wrap {
width: 898px;
height: 31px;
background: #fff;
margin: 0 auto;
padding: 2px;
}
#mainnav-list li {
display: inline;
list-style-type: none;
float: left;
}
.start a { display: block; width: 185px; height: 31px; background: url(../img/nav01.png) top left no-repeat; }
.start a:hover { background-position: 0 -31px; }
.de a { display: block; width: 126px; height: 31px; background: url(../img/nav02.png) no-repeat left top; }
.de a:hover { background-position: 0 -31px; }
.business a { display: block; width: 208px; height: 31px; background: url(../img/nav03.png) no-repeat left top; }
.business a:hover { background-position: 0 -31px; }
.foundation a { display: block; width: 130px; height: 31px; background: url(../img/nav04.png) no-repeat left top; }
.foundation a:hover { background-position: 0 -31px; }
.news a { display: block; width: 126px; height: 31px; background: url(../img/nav05.png) no-repeat left top; }
.news a:hover { background-position: 0 -31px; }
.about a { display: block; width: 123px; height: 31px; background: url(../img/nav06.png) no-repeat left top; }
.about a:hover { background-position: 0 -31px; }
#mainnav-list li#active a { background-position: 0 -31px; }
/* CONTENT WRAP */
#content_wrap { width: 916px; padding-bottom: 32px; background: url(../img/bkg-home-middle.png) no-repeat left bottom; height: 638px; }
#content { width: 902px; background: #fff; height: 520px; margin: 0 auto; padding-top: 18px; }
#bottom_nav { background-color: #000; background-position: left center; width: 902px; height: 68px; margin: 47px auto 0; padding: 0; }
#bottom_nav_left { color: #fff; font-size: 12px; font-weight: bold; text-align: left; position: relative; top: 5px; left: 20px; margin: 0 auto; padding: 0; width: 224px; height: 45px; float: left; }
#bottom_nav_left h1 { color: #fff; font-size: 13px; font-family: Arial; font-weight: bold; font-style: normal; font-variant: normal; }
#bottom_nav_left p { color: #fff; font-size: 11px; font-family: Arial; font-weight: normal; font-style: normal; font-variant: normal; }
#bottom_nav_right { text-align: right; position: relative; top: 15px; right: 20px; margin: 0 auto; padding: 0; width: auto; height: 43px; float: right; }
#bottom_nav_right li {
display: inline;
list-style-type: none;
float: left;
}
.btm-bookstore a { display: block; width: 46px; height: 43px; background: url(../img/icon-bookstore.png) no-repeat left top; }
.btm-bookstore a:hover { background-position: 0 -43px; }
.btm-contact a { display: block; width: 36px; height: 43px; background: url(../img/icon-contact.png) no-repeat left top; margin-left: 10px; }
.btm-contact a:hover { background-position: 0 -43px; }
.btm-directory a { display: block; width: 40px; height: 43px; background: url(../img/icon-directory.png) no-repeat left top; margin-left: 10px; }
.btm-directory a:hover { background-position: 0 -43px; }
.btm-findus a { display: block; width: 35px; height: 43px; background: url(../img/icon-find-us.png) no-repeat left top; margin-left: 10px; }
.btm-findus a:hover { background-position: 0 -43px; }
.btm-calendar a { display: block; width: 43px; height: 43px; background: url(../img/icon-calendar.png) no-repeat left top; margin-left: 10px; }
.btm-calendar a:hover { background-position: 0 -43px; }
.btm-privacy a { display: block; width: 33px; height: 43px; background: url(../img/icon-privacy.png) no-repeat left top; margin-left: 10px; }
.btm-privacy a:hover { background-position: 0 -43px; }
.btm-groupwise a { display: block; width: 48px; height: 43px; background: url(../img/icon-groupwise.png) no-repeat left top; margin-left: 10px; }
.btm-groupwise a:hover { background-position: 0 -43px; }
.btm-accreditation a { display: block; width: 59px; height: 43px; background: url(../img/icon-accreditation.png) no-repeat left top; margin-left: 10px; }
.btm-accreditation a:hover { background-position: 0 -43px; }
.btm-siteadmin a { background: url(../img/icon-site-admin.png) no-repeat left top; display: block; width: 49px; height: 43px; margin-left: 10px; }
.btm-siteadmin a:hover { background-position: 0 -43px; }
/* HOMEPAGE ATTRACT PHOTO, HEADLINES BOX */
#picturebox-home { position: relative; bottom: 10px; width: 630px; height: 351px; margin: 0 auto; }
#newsbox { position: absolute; width: 300px; background: url(../img/news-info.png) no-repeat left top; left: 310px; bottom: 15px; height: 170px; padding-top: 25px; }
#newscontent { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 300px; height: 170px; }
#newscontent a { color: #0d0d54; text-decoration: underline; }
#newscontent a:hover { color: #7d2323; text-decoration: none; }
#features { position: absolute; width: 630px; height: 351px; float: left; border-color: #666; border-width: 1px; }
/*Right Side Content*/
#rightsidecontent { font-family: Arial; background-color: #333; background-position: 0 0; text-align: center; position: absolute; right: 0; width: 232px; height: 283px; padding-top: 7px; }
#rightsidecontentmiddle { color: #fff; font-size: 14px; font-family: Arial; line-height: 18px; background-color: #000; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 283px; right: 0; width: 232px; height: 68px; }
#rightsidecontentbottom { color: #444343; font-size: 12px; font-family: Arial; line-height: 18px; background-image: url(../img/rightsidecontent-bkg.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 bottom; text-align: center; position: absolute; right: 0; bottom: 5px; width: 231px; height: 206px; }
#rightsidecontentbottom p { color: #000; font-size: 12px; font-family: Verdana; margin: 6px 0 0; padding: 0; }
#rightsidecontentbottom a { color: #0d0d54; font-size: 12px; font-family: Verdana; line-height: 12px; text-decoration: underline; margin: 0; padding: 0; }
#rightsidecontentbottom a:hover { color: #7d2323; font-size: 12px; font-family: Verdana; line-height: 12px; text-decoration: none; margin: 0; padding: 0; }
#rightsidecontentborder { background-repeat: repeat; background-attachment: scroll; background-position: 0 bottom; position: absolute; right: 230px; bottom: 0; width: 1px; height: 200px; border-left: 1px solid #b2b2b2; }
#rightsidecontentbottomnav { color: #000; font-size: 12px; font-family: Arial; line-height: 18px; background-repeat: repeat; background-attachment: scroll; background-position: 0 bottom; text-align: right; padding-left: 10px; position: absolute; right: 0; bottom: 0; width: 220px; height: 35px; }
#rightsidecontentbottomnav a { color: #0d0d54; font-size: 10px; font-family: Verdana; text-decoration: underline; }
#rightsidecontentbottomnav a:hover { color: #7d2323; font-size: 10px; font-family: Verdana; text-decoration: none; }
#applynowbutton { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 300px; right: 56px; width: 119px; height: 36px; }
#applynow-list li {
display: inline;
list-style-type: none;
float: left;
}
.applynow a { display: block; width: 119px; height: 36px; background: url(../img/apply-now.png) no-repeat left top; }
.applynow a:hover { background-position: 0 -36px; }
#applynow-list li#active a { background-position: 0 -36px; }
/*Left Side Box */
#leftsidebox { background: url(../img/helpdesk-info.png) no-repeat left top; padding-top: 35px; right: 0; bottom: 0; width: 206px; float: left; margin-top: 4px; }
#leftsideboxcontent { color: #000; font-size: 12px; padding: 8px 12px 15px; background-color: #e5af5a; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border: solid 1px #081740; }
#leftsideboxssh { background: url(../img/student-information.png) no-repeat left top; padding-top: 35px; right: 0; bottom: 0; width: 206px; float: left; margin-top: 4px; }
#leftsideboxcontentssh { color: #000; font-size: 12px; padding: 8px 12px 15px; background-color: #e5af5a; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border: solid 1px #081740; }
#leftsideboxfinaid { background: url(../img/finaid-news.png) no-repeat left top; padding-top: 35px; right: 0; bottom: 0; width: 206px; float: left; margin-top: 4px; }
#leftsideboxcontentfinaid { color: #000; font-size: 12px; padding: 8px 12px 15px; background-color: #e5af5a; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border: solid 1px #081740; }
/* SUBPAGE ATTRACT PHOTOS, CONTENT ROTATOR BOX, SUBSECTION LIST ON LEFT */
#picturebox {
width: 862px;
overflow: hidden;
background: #081740;
margin: 0 auto;
}
#picturebox img { float: left; }
#subcontent-wrap {
width: 100%;
overflow: hidden;
}
#sectionlist { width: 218px; float: left; margin: 20px 0 0 20px; }
#sectionlist p { color: #000; font-size: 12px; font-family: Arial; font-weight: normal; font-style: normal; font-variant: normal; margin-bottom: 12px; }
#sectionlist ul {
margin: 0 0 0 10px;
padding: 0;
list-style-type: none;
}
#sectionlist li { background: url(../img/nav-corner.png) no-repeat 0 5px; margin-bottom: 2px; padding: 0 0 0 18px; }
#sectionlist li a { color : #0d0d54; font: 0.75em Verdana; }
#sectionlist li a:hover { color: #7d2323; text-decoration: underline; }
#subcontent {
width: 590px;
float: right;
margin: 8px 30px 0 0;
}
#subcontent h3 { font: 20px Arial; margin: 0 0 8px; }
#subcontent h4 { color: #333; font-size: 14px; font-family: Arial; font-weight: normal; font-style: normal; font-variant: normal; }
#subcontent p { font: 14px/1.4em Arial; color: #333; margin-bottom: 12px; }
#subcontent p a { color: #7d2323; text-decoration: underline; }
#subcontent p a:hover { color: #0d0d54; text-decoration: none; }
#subcontent ul { margin: 0; padding-left: 50px; list-style-type: none; }
#subcontent ul a { color: #7d2323; text-decoration: underline; }
#subcontent ul a:hover { color: #0d0d54; text-decoration: none; }
#subcontent ul li { color: #333; font-size: 14px; font-family: Arial; font-style: normal; font-weight: normal; line-height: 16px; list-style-type: disc; margin: 0 0 12px; padding: 0; }
#subcontent ul li li { margin: 0; padding: 0; list-style-type: disc; }
#subcontent ol { list-style-type: none; margin: 0; padding-left: 50px; }
#subcontent ol a { color: #7d2323; text-decoration: underline; }
#subcontent ol a:hover { color: #0d0d54; text-decoration: none; }
#subcontent ol li { color: #333; font-size: 14px; font-family: Arial; font-weight: normal; font-style: normal; line-height: 16px; margin: 0 0 12px; padding: 0; list-style-type: decimal; }
#subcontent ol li li { list-style-type: lower-alpha; margin: 0; padding: 0; }
/* INFORMATION AT BOTTOM OF PAGE */
#bottom {
padding: 16px 25px;
}
#bottom p {
font-size: 11px;
color: #15156d;
margin: 0 0 2px 0;
padding: 0;
}
#bottom p a { font-size: 10px; color: #15156d; }
#bottom p a:hover { color: #15156d; text-decoration: underline; }
/*-- ad rotator-- */
#left { position: absolute; left: 0; bottom: 10px; width: 290px; min-height: 300px; float: left; margin: 0; padding: 0; }
.rotatorMain { position: absolute; right: 0; bottom: 0; width: 290px; height: 200px; float: left; }
/* --ad rotator control-- */
.adcontainer { width:290px; height:200px; overflow:hidden; position:relative; cursor:pointer; }
div.adslides { position:absolute; top:0; left:0; bottom: 0; }
div.adslides div { position:absolute; top:0; bottom: 0; width:290px; display:none; padding:0; margin:0; }
#adSlider { width:290px; position:relative; clear:both; }
ul.adnav { list-style-type:none; margin:0; position:relative; padding:0; }
ul.adnav { margin-left:auto; margin-right:auto; margin-top:-12px; width:90px;}
/* 120px 90px*/
ul.adnav li { float:left; margin:0 5px; }
/* 5px 4px */
ul.adnav li a { display:block; width:8px; padding-top:8px; height:0; background-image:url(../img/nav8.png); background-position:0 0; background-repeat:no-repeat;overflow:hidden;}
ul.adnav li.active a {background-position:0 -8px}
/*--ie6 upgrade message--*/
#ie6{background:#F5F5F5;border: 5px #661424 dashed;color:#333;}
#leftIE6{float:left;width:434px;padding:15px;padding-left:30px;}
#rightIE6{float:left;width:600px;padding:15px;}
#rightIE6 img{padding-right:10px;}
#ie6clear{clear:both;}
/*Subnav*/
#subnav_wrap { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; width: 210px; height: 281px; margin: 0 auto; padding: 0 2px 0; }
#subnav-list li {
display: inline;
list-style-type: none;
float: left;
}
.moodle a { display: block; width: 210px; height: 31px; background: url(../img/subnav-moodle.png) no-repeat left top; }
.moodle a:hover { background-position: 0 -31px; }
.cc a { display: block; width: 210px; height: 31px; background: url(../img/subnav-cc.png) no-repeat left top; }
.cc a:hover { background-position: 0 -31px; }
.ces a { display: block; width: 210px; height: 30px; background: url(../img/subnav-ces.png) no-repeat left top; }
.ces a:hover { background-position: 0 -30px; }
.catalog a { background: url(../img/subnav-catalog.png) no-repeat left top; display: block; width: 210px; height: 30px; }
.catalog a:hover { background-position: 0 -30px; }
.course a { background: url(../img/subnav-course.png) no-repeat left top; display: block; width: 210px; height: 30px; }
.course a:hover { background-position: 0 -30px; }
.library a { display: block; width: 210px; height: 29px; background: url(../img/subnav-library.png) no-repeat left top; }
.library a:hover { background-position: 0 -29px; }
.directory a { display: block; width: 210px; height: 30px; background: url(../img/subnav-directory.png) no-repeat left top; }
.directory a:hover { background-position: 0 -30px; }
.calendar a { display: block; width: 210px; height: 31px; background: url(../img/subnav-calendar.png) no-repeat left top; }
.calendar a:hover { background-position: 0 -31px; }
.employment a { display: block; width: 210px; height: 29px; background: url(../img/subnav-employment.png) no-repeat left top; }
.employment a:hover { background-position: 0 -29px; }
.giving a { display: block; width: 210px; height: 32px; background: url(../img/subnav-giving.png) no-repeat left top; }
.giving a:hover { background-position: 0 -32px; }
*{outline: none;}
img {border: 0;}
.container { width: 630px; padding: 0; margin: 0 auto; }
.folio_block { position: absolute; top: 140px; left: 395px; margin: -140px 0 0 -395px; }
/*--Main Container--*/
.main_view {
float: left;
position: relative;
}
/*--Window/Masking Styles--*/
.window {
height:351px; width: 630px;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
}
.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {float: left;}
/*--Paging Styles--*/
.paging { font-size: 12px; position: absolute; bottom: 40px; right: 0; width: 178px; height:47px; z-index: 5; /*--Assures the paging stays on the top layer--*/
text-align: center; line-height: 40px; background: url(http://www.waynecc.edu/img/paging_bg2.png) no-repeat; display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a { padding: 5px; text-decoration: none; color: #fff; font-size: 12px; }
.paging a.active { font-size: 12px; background: #666; border: solid 1px #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }
.paging a:hover { font-size: 12px; }
.kwicks {
/* recommended styles for kwicks ul container */
list-style: none;
position: relative;
margin: 0;
padding: 0;
}
.kwicks li{
/* these are required, but the values are up to you (must be pixel) */
width: 23px;
height: 206px;
/*do not change these */
display: block;
overflow: hidden;
padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
margin-right: 10px; /*Set to same as spacing option. */
float: left;
}