/* ///////////////////////////////////////////////////////////// STYLE-TEMPLATE.CSS ORDER BREAKDOWN 1. Body / Column Count 2. Skip To 3. Page Container 4. Header 5. Navigation (Top, Side) 6. Sub Navigation 7. Content Container (content types, breadcrumb) 8 Footer/Copyright */ body { font-family: arial, helvetica, sans-serif; color: #333; background-color: #e3e3e3; font-size: 75%; line-height: 20px; } html>body { font-size: 14px; } /* this is for sites that have a designed background to keep it from pushing up under the adminbar */ #body { background: url(../images/bodybg.jpg) repeat-x; } /* put .xxxColumn in the to specify which layout you want */ /* column layouts with top navigation */ /* two column layout */ /* home page */ #homePage #mainColumn { float: left; width: 505px; padding: 0 0 5px 0px !important; margin-right: 10px; } #homePage #subColumn{ float: right; width: 440px; padding: 0 0 5px 5px !important; } /* INSIDE PAge */ #secPage #subColumn { float: left; width: 156px; padding: 0 !important; margin: 0 !important; padding-top: 10px !important; } #secPage #mainColumn { float: left; padding: 10px 0 0; display: inline; margin-left: 5px; width: 799px; } .fullColumn { width: 100%; padding: 0; padding-bottom: 10px; } /* two col container divs */ #twoColLeft { float: left; width: 397px; padding: 10px 0; margin-right: 5px; } #twoColRight { float: left; width: 397px; padding: 10px 0; } /* one column layout */ .navigationTopStatic .oneColumn #mainColumn, .navigationTopFlyout .oneColumn #mainColumn { width: 96%; padding: 10px 10px; } /* sec Page */ #pageTitle { margin-top: 5px; background: url(../images/pageTitlebg.jpg) no-repeat center; padding: 10px 0 0px 15px; height: 40px; } /* skip to content hidden button, for minor accessibility reasons */ #skipTo { display: none; } /* putting everything in a container to keep html code down */ #pageContainer { margin: 0 auto; min-height: 320px; height: auto !important; height: 320px; } .pWrap { width: 960px; margin: 0 auto; } /* HEADER */ #header { background: transparent; border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 95px; } /* supplementary navigation in the header */ #header .Nav, #header .headerNav { float: right; } #header .headerNav { position: relative; margin-top: -45px; } #header .headerNav li { float: left; padding: 12px 8px 0px 8px; } #header .headerNav li a { display: block; font-size: 14px; color: #333; text-decoration: none; text-transform: uppercase; } #header .headerNav li a:hover { color: #850d20; } /* header nav classes */ #header .headerNav li.ri { background: url(../images/requestinfo.gif) no-repeat right center; padding: 12px 44px 12px 8px; } #header .headerNav li.ac { background: url(../images/admissionschat.gif) no-repeat right center; padding: 12px 44px 6px 8px; } #header .headerNav li.an { background: url(../images/applynow.gif) no-repeat right center; padding: 12px 44px 8px 8px; } /* site logo */ #header #logo { font-size: 3em; margin: 0; font-weight: bold; letter-spacing: -1px; } #header #logo a { color: #000; text-decoration: none; } /* NAVIGATION SCHEMES */ /* TOP NAVIGATION SCHEMES */ /* main navigation, top no flyout */ .navigationTopStatic #navigation { background: url(../images/headerbg.gif) repeat-x top center; padding: 0px 10px 0px 0; } .navigationTopStatic .mainNav { clear: both; padding: 5px 0 0; text-align: center; margin: 0 auto; height:20px; } .navigationTopStatic .mainNav li { display: inline; float:left; width:auto; padding: 0 6px; text-align: center !important; border-right: 1px solid #cccc99; } .navigationTopStatic .mainNav li a { color: #fff; display: inline; text-decoration: none; text-transform: uppercase; } .navigationTopStatic .mainNav li a:hover, .navigationTopStatic .mainNav li a:focus { color: #cccc99; } .navigationTopStatic .mainNav li.last { border: none !important; } .navigationTopStatic .mainNav li ul {position:absolute;left:-999em;width:14em;padding:0;margin:0;z-index:9999;} .navigationTopStatic .mainNav li ul li{width:18em;padding:0;margin:0;border:0 none;} .navigationTopStatic .mainNav li ul li a{padding:1px 15px;line-height:18px;text-align:left;text-transform:capitalize;background-color:#850d1f;color:#fff;display:block;} .navigationTopStatic .mainNav li ul li a:hover{color:#cccc99;} .navigationTopStatic .mainNav li ul ul {margin: -28px 0 0 18em;} .navigationTopStatic .mainNav li:hover ul ul, .navigationTopStatic .mainNav li:hover ul ul ul, .navigationTopStatic .mainNav li.sfhover ul ul, .navigationTopStatic .mainNav li.sfhover ul ul ul {left: -999em;} .navigationTopStatic .mainNav li:hover ul, .navigationTopStatic .mainNav li li:hover ul, .navigationTopStatic .mainNav li li li:hover ul, .navigationTopStatic .mainNav li.sfhover ul, .navigationTopStatic .mainNav li li.sfhover ul, .navigationTopStatic .mainNav li li li.sfhover ul {left: auto;} /* secNavigation Scheme */ ul.secNav { list-style: none; padding: 0; margin: 0; } ul.secNav { width: 150px; border-bottom: 1px solid #3c3c3c; } ul.secNav li { position: relative; border: 1px solid #fff; } ul.secNav li a { color: #333; text-decoration: none; font-size: 14px; display: block; padding-left: 24px; } ul.secNav li a:hover { color: #850c1f; background: url(../images/arrowsecNAV.jpg) no-repeat left; } /* level 3 flyout navigation */ .secNav li ul.level2 li:hover ul.level3, .secNav li ul.level2 li.sfhover ul.level3 { display: block !important; } .secNav li ul.level2 li ul.level3 { display: none; background: #fff; position: absolute; margin-left: 150px; left: 0; top: 0px; padding: 2px; z-index: 5; width: 200px; margin-top: -4px; border-bottom: 1px solid #3c3c3c; } .secNav li ul.level2 li ul.level3 a { color: #333; } .secNav li ul.level2 li ul.level3 a:hover { color: #850c1f; } /* making the nav act like a sectionmenu, but with multi levels #secPage ul.secNav li, #secPage ul.secNav li.selectedPage a.selectedPage { display: none; } #secPage ul.secNav li.selectedPage, #secPage ul.secNav li.selectedPage ul.level2 li, #secPage ul.secNav li.selectedPage ul.level3 li, #secPage ul.secNav li.selectedPageRoot, #secPage ul.secNav li.selectedPageRoot ul.level2 li, #secPage ul.secNav li.selectedPageRoot ul.level3 li { display: block !important; } #secPage ul.secNav li.selectedPageRoot a { display: none; } #secPage ul.secNav li.selectedPageRoot ul.level2 a { display: block; } */ /* PAGE CONTENT AREA */ #contentContainer { min-height: 420px; height: auto !important; height: 420px; background: transparent; /*background-color:#fff;*/ } /* bread crumb trail */ #breadCrumb { font-size: 10px; color: #fff; padding: 4px 15px; background: #6a6a6a; } #breadCrumb .bc, #breadCrumb .bc a { color: #fff; text-decoration: none; } /* featured item */ #featuredItem { width: 960px; } #fullhome { padding: 0; } /* SITE FOOTER/NAVIGATION */ #footer { clear: both; background: #3c3c3c url(../images/footerbg.jpg) repeat-x; padding: 8px 10px 10px 0; font-size: .8em; min-height: 486px; height: auto !important; height: 486px; } #footer #bottom { clear: both; padding-bottom: 15px; border-bottom: 1px solid #4991b6; } #footer .bottomNav { float: center; color: #fff; padding-top: 8px; clear: both; } #footer .bottomNav li { display: inline; padding: 0 10px; } #footer .bottomNav li a { color: #fff; text-decoration: none; text-transform: uppercase; } #footer .bottomNav li a:hover { color: #cccc99; } /* three container */ #threeContainer { border-bottom: 1px solid #4991b6; padding-bottom: 20px; padding-top: 10px; } #threeContainer #Columnleft { float: left; display: inline; width: 280px; padding: 10px 10px 10px 0; margin-right: 26px; margin-left: 20px; } #threeContainer #ColumnMidd { float: left; display: inline; width: 280px; padding: 10px 10px 10px 0; margin-right: 26px; } #threeContainer #ColumnRight { float: left; display: inline; width: 290px; padding: 10px 0px 10px 0; } #Columnleft h1, #ColumnMidd h1, #ColumnRight h1{ color: #cccc99; font-size: 18px; } /* links element */ #threeContainer .linksModule ul { list-style: none; } #Columnleft .linksModule ul li a, #ColumnMidd .linksModule ul li a, #ColumnRight .linksModule ul li a { color: #ccc; text-decoration: none; display: block; } #Columnleft .linksModule ul li a:hover, #ColumnMidd .linksModule ul li a:hover, #ColumnRight .linksModule ul li a:hover { color: #fff; text-decoration: underline display: block; } /* copyright info */ #copyright { font-size: 12px; padding: 5px 0 25px 0; color: #ccc; } #copyright .logo { float: left; display: inline; padding-left: 20px; } #copyright #copyNav { float: left; padding-left: 30px; line-height: 16px; padding-top: 14px; } #copyright #copyNav a { color: #ccc; text-decoration: none; } #copyright #copyNav a:hover { color: #fff; text-decoration: underline }