/* CSS rules for academics section of for SOAS website */

/* page header */
.academics div#headerbg {background-image:url(../images/banners/academics_banner.png); background-color:#D50D3C;}
/* end page header */

/* primary navigation */
.academics div#nav ul li#academics {border-bottom:1px solid #D50D3C; background:#D50D3C;}
.academics div#nav ul li#academics a {border-left:1px solid #000; border-right:1px solid #000; color:#fff; font-weight:bold;}
.academics div#nav ul li#academics a:hover {background:#D50D3C;}
/* end primary navigation */

/* breadcrumb trail */
.academics div#crumbs {background: #ECA0B4;}
/* end breadcrumb trail */

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

/* general typography */
.academics h2, .academics h3, .academics h5 {color:#D50D3C;}
.academics h4 {border-color: #D50D3C;}
.academics acronym {border-color: #D50D3C;}
.academics div#content hr {color:#ECA0B4; background-color: #ECA0B4;}
/* end general typography */

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


/* Language Centre landing page */
div#languagecentregrid {float:left; border-bottom: 1px solid #036FC6; margin:0 0 20px 0; background-color:#F1EDE3; width:528px;}
div#languagecentregrid .column {float:left; border-left: 1px solid #fff; border-right: 1px solid #fff; margin:0 0 0 -1px; width:175px;}
div#languagecentregrid h3 {border-bottom:1px solid #000;border-top: 1px solid #000;}
div#content div#languagecentregrid h3 a {color:#fff; display:block; background-color:#036FC6; padding:2px 6px 76px 6px; background-repeat:no-repeat; background-position:bottom left; width:175px; w\idth:163px;}
div#content div#languagecentregrid h3 a:visited {color:#fff;}
div#languagecentregrid h3 a:hover {text-decoration:none;} 
div#languagecentregrid h4 {margin:2px 8px 2px 8px; font-size:1.1em; font-weight:bold;}
div#languagecentregrid h6 {margin:2px 8px 2px 8px; font-weight:normal; font-size:1.1em;}
div#languagecentregrid ul.links {padding:0px 8px 0px 8px;}
div#languagecentregrid ul.links li {list-style-position:outside;}
div#languagecentregrid ul.links li a {color:#1952A9;}
div#languagecentregrid ul.links li a:visited {color:#1952A9;}
h3.timetables a {background-image:url(../images/language-centre/cta1.jpg)}
h3.languages a {background-image:url(../images/language-centre/cta2.jpg)}
h3.diplomas a {background-image:url(../images/language-centre/cta3.jpg)}
/* end Language Centre landing page */

/* Language Centre specific styles */
div#lccourses {float:left; border-top:1px solid #000; border-bottom:1px solid #000; margin:0 0 20px 0; width:523px;}
div#lccourses div.courses {float:left; padding:0 0 0 98px; background-repeat:no-repeat; background-position:left center; border-top:1px solid #fff;}
div#lccourses div.courses h4 {float:left; border:none; color:#fff; padding:4px 12px; margin:0; border-bottom:1px solid #fff; border-left:1px solid #fff; width:424px; w\idth:400px;}
div#lccourses div.courses ul {float:left; margin:0; padding:12px 0 12px 12px; border-left:1px solid #fff; width:424px; w\idth:412px;}
div#lccourses div.courses li {float:left; width:103px; list-style-type:none;}
div#lccourses div.courses li a, div#lccourses div.courses li a:visited {color:#014F37;}
div#lccourses div.courses h4 a, div#lccourses div.courses h4 a:visited {color:#fff;}
div#lccourses div#africa.courses {border-top:none;}
div#lccourses div#africa {background-image:url(../images/language-centre/patterns/africa.png);}
div#lccourses div#nearmiddleeast {background-image:url(../images/language-centre/patterns/near_middle_east.png);}
div#lccourses div#eastasia {background-image:url(../images/language-centre/patterns/east_asia.png);}
div#lccourses div#southeastasia {background-image:url(../images/language-centre/patterns/south_east_asia.png);}
div#lccourses div#southasia {background-image:url(../images/language-centre/patterns/south_asia.png);}
div#lccourses div#africa h4 {background-color:#F2D434;}
div#lccourses div#nearmiddleeast h4 {background-color:#84D16C;}
div#lccourses div#eastasia h4 {background-color:#77C6CB;}
div#lccourses div#southeastasia h4 {background-color:#AC77CB;}
div#lccourses div#southasia h4 {background-color:#D1906E;}
div#lccourses div#africa ul {background-color:#F0EDCF;}
div#lccourses div#nearmiddleeast ul {background-color:#D8EAD2;}
div#lccourses div#eastasia ul {background-color:#D2E9EA;}
div#lccourses div#southeastasia ul {background-color:#E2D2EA;}
div#lccourses div#southasia ul {background-color:#EDD5CF;}
/* end Language Centre specific styles */

/* Language Centre timetable styles */
table.timetable {clear:left; width:529px;}
.timetable td, table.timetable {border-color: #A1C6E6; background-color:#F6FAFD;}
.timetable td {padding:.4em .2em;}
.timetable th {background-color:#036FC6; color:#fff; border-color:#036FC6; padding:.4em;}
.timetable .subheading {background-color:#A1C6E6; font-weight:bold;}
.timetable .spacer {background-color:#FFF;}

div#content ul.timetablelinks {float:left; list-style-type:none; background:#F6FAFD; margin:0 0 6px 0; padding:6px 6px; border:1px solid #A1C6E6; width:526px; w\idth:515px;}
div#content ul.timetablelinks li {float:left; margin:0 7px 0 4px; padding:0; list-style-type:none; display:inline;}
ul.timetablelinks li a {display:block; white-space:nowrap;}
/* end Language Centre timetable styles */