/* CSS rules for CeFiMS website */

/* page header */
.cefims div#headerbg {background-image:url(../assets/cefims/cefims-banner.png); background-color:#C60606;}
/* end page header */

/* site search */
.cefims div#header h1 a {height: 46px; margin: 32px 0 0 12px; width: 452px;} 
.cefims div#quicksearch {float: left; height: 60px; margin: 35px 0 0 32px; display: block; color:#fff; width: 220px; w\idth: 220px;} 
.cefims div#quicksearch input {float:left; margin:0; font-size:1em; border: 1px solid #036148; padding:4px 6px 4px 6px; height:24px; he\ight:13px; width:172px; w\idth:160px; }
/* end site search */

/* homepge layout */
.cefimshome div#contentholder {background:url(../assets/cefims/bgrnd.png) repeat-y #fff;}

.cefims div#homeintro {float:left; background:url(../images/cefims/chair.jpg) no-repeat top left #fff; border-bottom:1px solid #036148; height:205px; padding:0 0 0 248px; width:744px; w\idth:496px;}
.cefims div#homeintro img {margin:0; border:none; }

.cefims div#homeleft {float:left; background:none; color:#A10202; padding:0 0 6px 0; width:248px;}
.cefims div#homemiddle {float:left; padding:24px 16px 6px 16px; width:248px; w\idth:216px;}
.cefims div#homeright {float:left; background:none; padding:0 12px 16px 12px; width:248px; w\idth:224px;}

.cefims div#homeleft h3 {float:left; font-size:1.1em; font-weight:bold;  padding:6px 16px 0 16px; margin:0 0 2px 0; width:216px; text-align:left;}
.cefims div#homeleft ul {float:left; list-style-type:none; margin:0px 8px 0 4px; display:inline; padding:0; width:236px; w\idth:236px;}
.cefims div#homeleft ul li {float:left; white-space:nowrap; width:auto; padding:0 0 0 12px; margin:0;}
.cefims div#homeleft p {margin:0px 8px 0 16px;}
.cefims div#homeleft a {color:#A10202;}
.cefims div#homeleft div.line {border-bottom:1px solid #EAE4D4; margin:0px 0 0px 0; height:6px; clear:left;}
.cefims div#homeleft div.line hr {display:none;}

.cefims div#homemiddle {font-size:1.1em; color:#7B7B7A; line-height:1.5;}

.cefims div#homeright h3 {font-size:1.4em; margin:6px 0 0 0; padding:0 0 4px 0; font-weight:normal; color:#000; border-bottom: 1px solid #C60606;}
.cefims div#homeright h3 a {color:#000;}
.cefims div#homeright .listitem {float:left; padding:12px 0 12px 0; border-bottom:1px solid #B6B6B2; width:224px;}
.cefims div#homeright .listitem img {float:left; border:none; margin: 0 12px 0 0;}
.cefims div#homeright .listitem p {float:left; margin:0 0 2px 0; padding:0; width:152px;}
.cefims div#homeright .listitem a {color:#A10202;}
/* homepge layout */

/* primary navigation */
.cefims div#nav.programmes ul li#programmes {border-bottom:1px solid #C60606; background:#C60606;}
.cefims div#nav.programmes ul li#programmes a {border-left:1px solid #C60606; border-right:1px solid #000; color:#fff; font-weight:bold;}
.cefims div#nav.programmes ul li#programmes a:hover {background:#C60606;}
.cefims div#nav.online-study ul li#online-study {border-bottom:1px solid #C60606; background:#C60606;}
.cefims div#nav.online-study ul li#online-study a {border-left:1px solid #000; border-right:1px solid #000; color:#fff; font-weight:bold;}
.cefims div#nav.online-study ul li#online-study a:hover {background:#C60606;}
.cefims div#nav.admissions ul li#admissions {border-bottom:1px solid #C60606; background:#C60606;}
.cefims div#nav.admissions ul li#admissions a {border-left:1px solid #000; border-right:1px solid #000; color:#fff; font-weight:bold;}
.cefims div#nav.admissions ul li#admissions a:hover {background:#C60606;}
.cefims div#nav.research ul li#research {border-bottom:1px solid #C60606; background:#C60606;}
.cefims div#nav.research ul li#research a {border-left:1px solid #000; border-right:1px solid #000; color:#fff; font-weight:bold;}
.cefims div#nav.research ul li#research a:hover {background:#C60606;}
.cefims div#nav.staff ul li#staff {border-bottom:1px solid #C60606; background:#C60606;}
.cefims div#nav.staff ul li#staff a {border-left:1px solid #000; border-right:1px solid #000; color:#fff; font-weight:bold;}
.cefims div#nav.staff ul li#staff a:hover {background:#C60606;}
.cefims div#nav.enquiries ul li#enquiries {border-bottom:1px solid #C60606; background:#C60606;}
.cefims div#nav.enquiries ul li#enquiries a {border-left:1px solid #000; border-right:1px solid #000; color:#fff; font-weight:bold;}
.cefims div#nav.enquiries ul li#enquiries a:hover {background:#C60606;}
.cefims div#nav.alumni ul li#alumni {border-bottom:1px solid #C60606; background:#C60606;}
.cefims div#nav.alumni ul li#alumni a {border-left:1px solid #000; border-right:1px solid #000; color:#fff; font-weight:bold;}
.cefims div#nav.alumni ul li#alumni a:hover {background:#C60606;}
/* end primary navigation */

/* breadcrumb trail */
.cefims div#crumbs {background: #E49E9E;}
/* end breadcrumb trail */

/* contentarea banners */
.cefims div#landingbanner, .cefims div#landingbanner h2 {background-color: #C60606;}
.cefims div#coursebanner, .cefims div#coursebanner h2 {background-color: #C60606;}
.cefims div#projectbanner, .cefims div#projectbanner h2 {background-color: #C60606;}
/* end contentarea banners */

/* general typography */
.cefims h2, .cefims h3, .cefims h5 {color:#C60606;}
.cefims h4 {border-color: #C60606;}
.cefims acronym {border-color: #C60606;}
.cefims hr {color:#C60606; background-color: #C60606;}
/* end general typography */

/* image floats and captions */
.cefims img.leftborder, .cefims img.rightborder, .cefims img.border {border-color: #C60606;}
.cefims .captionleft, .cefims .captionright {background-color:#E3EED5;}
.cefims .captionleftborder, .cefims .captionrightborder {border-color: #C60606; background-color:#E3EED5;}
/* end image floats and captions */

/* a to z index */
.cefims div#content ul.atoz li {float:left; list-style-type:none; width:16px; border:1px solid #C60606; text-align:center; margin:0 2px 0 0; }
.cefims div#content ul.atoz li a {display:block; color:#C60606;}
.cefims div#content ul.atoz li a:visited {color:#C60606;}
.cefims div#content ul.atoz li a:hover {background-color:#C60606; color:#fff; text-decoration:none;}
/* a to z index */

/* footer */
.cefims div#footer address {width:358px;}
.cefims div#footer img {float:left; margin:0 0px 4px 14px;}