/* CSS Document HCI Colour Scheme Background Dark: E8E6DA Background Light: F4F3EE Border 1: CAA15A Border 2: ED1C24 Border 3: 2E3192 The Red: a02626 The Blue: 24549d */ * { margin: 0; padding: 0 } body { font: 14px Arial, "Times New Roman", Times, serif; background:#E8E6DA url(../images/header-bg.jpg);} a { text-decoration: none; color: #0066FF; border-bottom: 1px solid #3366CC; font-weight: bold; } a:hover { color: #ED1C24; border: none; } p { color: #333333; } blockquote { padding: 10px; font-family: 'Chelsea Market', cursive; font-size: 20px; text-align: center } /* - - - - */ .centre { text-align: center !important } /* - - - - */ #wrapper { width: 100%; } #headercontainer { width: 100%; height: 210px; background: #E8E6DA url(../images/header-bg.jpg) repeat-x; border-bottom: 5px solid #2E3192 } #header { width: 960px; height: 130px; margin: 0 auto } #bodycontainer { width: 100%; background: #4271c9; float: left; } #bodyarea { width: 960px; margin: 0 auto; background: #f7f7f7 } #content { width: 960px; background: #f7f7f7; float: left; } #footercontainer { width: 100%; height: 100px; background:#E8E6DA url(../images/header-bg.jpg) repeat-x; border-top: 5px solid #2E3192; float: left; } #footer { width: 960px; height: 50px; margin: 0 auto; background: #E8E6DA url(../images/header-bg.jpg) repeat-x; color: #CAA15A; } /* - - - - */ #header img.logo { margin-top: 5px; border: none; float: left } #header img.hci { margin-top: 20px; border: none; float: left } #header em { color: #D1C8A2; text-decoration: none; font-weight: normal; } #headernav { padding: 10px; background: #ede6cb; float: right; font: 11px Verdana, Arial, Helvetica, sans-serif; } #mission { margin-top: 10px; width: 381px; height: 96px; float: right; display: inline; background: #999999; overflow: hidden;} #mission img { width: 381px; height: 96px; } #featured { width: 290px; height: 105px; overflow: hidden;} #featured img { width: 290px; height: 105px; } #mainnav { width: 835px; margin-top: 10px; float: right; font: bold 12px Arial, "Times New Roman", Times, serif; } #mainnav ul { list-style: none; display: inline; } #mainnav ul li { display: inline; } #mainnav ul li a { color: #003366; background: #CAD2DD url(../images/nav-bg.gif) no-repeat top center; padding: 7px 0; height:26px; width: 89px; display: inline-block; text-align: center; border: none; } /* float: left; */ #mainnav ul li a:hover { background: #24549d url(../images/hover-bg.gif) no-repeat top center; color: #ffffff; } #mainnav ul li a.selected { background: #a02626 url(../images/nav-active.gif) no-repeat; color: #ffffff; } /* Secondary Navigation */ #secnav ul { margin-bottom: 5px; list-style: none; } #secnav ul li { display: inline;} #secnav ul li a { padding: 10px; background: #F4F3EE; border-bottom: 1px dashed #E8E6DA; color: #993300; display:block; font-weight: normal; } #secnav ul li a.lastitem { border-bottom: 2px solid #CAA15A; } #secnav ul li a:hover { background: #E8E6DA; font-weight: bold; } #secnav ul li a.selected { background: #E8E6DA url(../images/sec-nav-hover.gif) right center no-repeat; font-weight: bold; } /* Banner */ #banner { width: 960px; height: 366px; background: #eeeeee url(../images/banner-bg.jpg) repeat-x; border-bottom: 2px solid #dddddd; float: left; display: inline; } #bannerpic { margin: 10px; width: 940px; height: 285px; background: #999999 url(../images/banner-admission.jpg) no-repeat; float: left; display: inline } #slideshow { margin-top: 10px; width: 640px; float: left; display: inline; overflow: hidden; } #slideshow img { width: 640px; height: 300px; } #bannersidebar { width: 310px; float: left; display: inline;} #bannersidebar .sidebarcontent { margin: 5px; padding: 5px 0 0 5px; } #bannersidebar .sidebarcontent .ad a img { border: none; } #bannersidebar .sidebarcontent .years { margin-bottom: 5px; padding: 5px; background: #00CCFF url(../images/sidebar-head.jpg); font: bold 26px Georgia, "Times New Roman", Times, serif; text-align: center; color: #003366; letter-spacing: -1px; } #bannersidebar .sidebarcontent p.quote { padding: 5px 10px 5px 5px; font-size: 16px; text-align: center; } #bannersidebar .sidebarcontent h2 { padding: 5px 5px; background: #00CCFF url(../images/sidebar-head.jpg); color: #003366; font-weight: normal; letter-spacing: -1px; font-size: 20px; } #bannermenu ul { list-style: none; text-align: center; margin-left: 10px; font-size: 14px;} #bannermenu ul li { display: inline; float: left } #bannermenu ul li a { margin-right: 10px; padding: 10px 0; width: 227px; height: 30px; display: inline-block; background: #d1c8a2; border: none; color: #993300 } #bannermenu ul li a em { display: block; font-size: 10px; font-style: normal; } #bannermenu ul li a:hover { background: #caa15a; color: #ffffff; } #newsbar { width: 860px; padding: 7px 50px 5px 50px; background: #FF9900; border-bottom: 2px solid #FFCC00; color: #000000; text-align: center; font: 13px Arial, Helvetica, sans-serif; float: left; display: none; } #newsbar span.caps { text-transform: uppercase; font-weight: bold; } a.admission { width: 290px; height: 74px; margin-bottom: 1px; text-indent: -1000px; background: url(../images/banner-ads/admissions.gif) no-repeat; display: block; border: none; } a.admission:hover { background-position: 0 -78px; } a.hcbt { width: 290px; height: 75px; margin-bottom: 1px; text-indent: -1000px; background: url(../images/banner-ads/horizon-campus.gif) no-repeat; display: block; border: none; } a.hcbt:hover { background-position: 0 -77px; } a.msgfromceo { width: 290px; height: 74px; margin-bottom: 1px; text-indent: -1000px; background: url(../images/banner-ads/msg-from-ceo.gif) no-repeat; display: block; border: none; } a.freebus { width: 290px; height: 74px; margin-bottom: 1px; text-indent: -1000px; background: url(../images/banner-ads/free-bus-service.gif) no-repeat; display: block; border: none; } a.freebus:hover { background-position: 0 -77px; } a.nodeposit { width: 290px; height: 74px; text-indent: -1000px; background: url(../images/banner-ads/no-deposit.gif) no-repeat; display: block; border: none; } a.nodeposit:hover { background-position: 0 -78px; } .highlight { background: #CC0000; color: #ffffff; font-weight: bold; padding: 5px; } /* ----- */ #mainbody { width: 640px; margin: 10px 10px 10px 0; float: right; display: inline; background: #f7f7f7; } #mainbody h2 { margin-bottom: 5px; padding: 5px 5px 10px 5px; background: url(../images/underline.gif) bottom center no-repeat; color: #0F3746; font-weight: normal; font-size: 22px; } #mainbody h3 { margin-bottom: 5px; padding: 5px 5px 10px 5px; background: url(../images/underline-2.gif) bottom center no-repeat; color: #0F3746; font-weight: normal; font-size: 18px; } #mainbody h2.news { margin-bottom: 5px; padding: 5px 5px 10px 5px; background: url(../images/underline-2.gif) bottom center no-repeat; color: #0F3746; font-weight: normal; font-size: 22px; } #mainbody p { margin: 0 10px 10px 5px;text-align: justify; line-height: 150%; font-size: 12px; color:#444444; } #mainbody img { margin: 0 10px 10px 0; float: left; } #mainbody table { width: 450px; margin-bottom: 10px; border-collapse: collapse; font-size: 12px } #mainbody tr { border-bottom: 1px solid #E8E6DA} #mainbody td, #mainbody th { width: 150px; padding: 5px; } #mainbody td { text-align: left} #mainbody th { text-align: left; background: #E8E6DA} #sidebar h2 { padding: 5px 5px; background: #CAA15A url(../images/sidebar-head.jpg); color: #ffffff; font-weight: normal; font-size: 22px; } #sidebar { width: 290px; margin: 10px; float: left; display: inline; background: #eeeeee url(../images/banner-bg.jpg); } #sidebar .sidebarcontent { padding: 5px; background: #F4F3EE; border-bottom: 2px solid #CAA15A; } #sidebar p { margin: 5px; line-height: 150%; } #sidebar hr { border: 1px solid #E8E6DA; } .sbitem { margin: 5px 0; } .map { margin: 10px 0; border: 1px solid #cccccc; } /* ----- */ #footercontent { padding: 10px; text-align: center; font-size: 12px; color: #993300; } /* ------ */ dl { padding: 10px; } dt { width: 200px; margin: 0 5px 10px 5px; font-weight: bold; text-align: right; float: left; } dd { width: 400px; margin: 0 5px 10px 5px; float: left; } /* Why HCI */ ul.why { margin-left: 10px; list-style: none; } ul.why li { margin-bottom:5px; padding:5px 30px; background: url(../images/tick.gif) left top no-repeat; } ul.news { margin-left: 10px; list-style: none; } ul.news li { margin-bottom:5px; padding:5px 30px; background: url(../images/news-bullet.gif) left top no-repeat; color: #a02626; } ul.news li strong { color: #24549d } ul.bullets { margin-left: 10px; list-style: none; } ul.bullets li { margin-bottom:5px; padding:5px 30px; background: url(../images/bullet.gif) left top no-repeat; } #homealbum { width: 240px; margin: 10px 0 20px 10px ; border: 10px solid #CCCCCC; height: 180px; float: left; display: inline; overflow: hidden; } #homealbum img { width: 240px; height: 180px; } #player { margin-bottom: 20px; } /* Main Cols */ div.leftcol { width: 315px; float: left; display: inline; } div.rightcol { width: 315px; float: right; display: inline; color: #333333 !important; } div.leftcol p { font-size: 14px !important; color: #333333 !important;} label { width: 150px; font-weight: bold; display: inline-block; vertical-align: top; } input { width: 400px; border: 1px solid #d4c47f; padding: 4px 8px; font: bold 16px Arial, Helvetica, sans-serif; color: #666666; } textarea { width: 400px; height: 150px; border: 1px solid #d4c47f; padding: 4px 8px; font: bold 16px Arial, Helvetica, sans-serif; color: #666666; } input.button { width: 150px; background: #a02626; color: #ffffff; } .required { border: 1px solid #ED1C24; } .contactmap { border: 1px solid #d4c47f; } /* Picture Album */ div.album { margin-bottom: 10px; padding: 10px; width: 613px; border: 1px solid #E8E6DA; float: left; display: inline;} div.album h3 { font-size: 18px; } div.album div.cover { width: 200px; float: left; display: inline; } div.album img { margin: 0 10px 0 0 !important; float: left; display: inline;} div.album div.albuminfo { width: 400px; float: right; display: inline;} div.viewalbum img { width: 190px; height: 142px; border: 5px solid #E8E6DA; margin: 5px; }