body { background-color:#e7e7df; }

#edgeArea { background-image:  url("../img/layout/regional/bar_bg.gif"); padding:0 17px 0 10px; }
#edgeBottom { background-image:  url("../img/layout/regional/bar_bottom.gif"); height:29px; margin-top:-15px; }

#header { background-image:  url("../img/layout/regional/bar_top.gif"); background-repeat:no-repeat; }
#header #logo h1 { background-image:  url("../img/layout/regional/oliverwight.gif"); }

#controlPanelLinks a, #controlPanelLinks { color:#808285; }
#controlPanelRegions #regionContainer div { background-color:#9c1e21; width:266px;}
#controlPanelRegions #regionContainer {  }
#controlPanelRegions #regionSelect { background-color:#f2f2f2; border:1px solid #e1e2e2;}
#controlPanelRegions #regionSelect a { color:black; }

#searchPanel { background-image:  url("../img/layout/regional/search_panel.gif"); }

#banner { width:750px; height:203px; position:relative; }
#banner #coursesContainer { position:absolute; width:175px; height:65px; top:100px; left:300px; font-size:8pt; white-space:pre;
        color:white; font-weight:normal; text-transform:capitalize; }
#banner #coursesContainer a { color:white; }   
 
#banner #forthcomingCoursesText { width:170px; height:62px; }
#banner #forthcomingCoursesText * { width:60px; }

#banner #advert { position:absolute; left:540px; top:20px; }
#banner #advert .content * { color:white; }
#banner #advert .content h4 { font-weight:normal; margin:0; color:white; }
#banner #advert .content p { font-size:8pt; color:white; }
#banner #advert .content p.head { margin:15px 0 15px 0; color:white; }
#banner #advert .content p.date { margin:15px 0 0 0; color:white; }
#banner #advert .content p.more { margin:10px 0 0 0; color:white; }

#homeArea { margin-top:5px; }

#homeBar { float:right; width:233px; }
#homeBar .head { background-color:#980201; color:white; font-size:9pt; padding:4px 4px 4px 18px; margin-left:6px; }
#homeBar .content { background-image:  url("../img/layout/regional/homebar_bg.gif"); }
#homeBar .flash { margin-left:6px; }
#homeBar .foot { background-image:  url("../img/layout/regional/homebar_foot.gif"); height:45px; }

.introArea { margin:1.5em 0 0 0; }
.introArea .introImage { float:right; width:150px; text-align:center; font-size:9pt; }
.introArea .introImage img { border:0; }
.introArea .introText { width:260px; }
.introArea h4 { margin-top:0; font-size:10pt; }

#content #homeText { width:725px; margin-left:25px; padding:0 0 25px 0;}
#home h3 { font-size:14pt; }

#footerBar { background-color:#062F5B; background-image:  url("../img/layout/regional/journey.gif"); background-position:center right;  }

/**
 * Global
 */
* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }
p { margin:0 0 0.5em 0; }
p, li, td { font-size:9pt; }
small { font-size:8pt; }
a:hover { text-decoration:none; }
a:link { color: #C23B25; }
a:visited { color: #C23B25; }

/**
 * Standard Colours
 */

/** Medium grey */
p { color:#666666; font-weight: bold;}

/** Orange */
#contentText a:link, #contentText a:visited { color:#C23B25; }  

/** Dark blue */
a:hover, #contentText a:hover { color:#000033; }

/**
 * Containers
 */
#container { margin:0 0 20px 0; text-align:center; }
#edgeContainer { margin:0 auto; width:777px; background-color:white; text-align:left;  }
#contentContainer { background-position:bottom right; background-repeat:no-repeat; }
#navigationList { margin-left:12px; }

#edgeArea { padding:0 17px 0 10px; }
#edgeBottom { height:29px; margin-top:-15px; }

/**
 * Header
 */
#header { height:100px; text-align:right; padding:10px 17px 0 15px; z-index:100; }

#header #logo { float:left; margin:24px 0 0 0; padding-left:24px; position:relative; }
#header #logo img { border:0; }
#header #logo h1 { width:162px; height:43px;  background-repeat:no-repeat; background-position:top left;   }
#header #logo h1 a { width:162px; height:43px; display:block; overflow:hidden; }

/** Top links and flags */
#control { position:relative; z-index:200; }
#controlPanel { text-align:right; padding:8px 12px 17px 0; }

#controlPanel #controlPanelLinks { z-index:500; position:relative; }
#controlPanel #controlPanelLinks .links { padding-right:20px; }
#controlPanel #controlPanelLinks .regional { padding-right:10px; z-index:500; position:absolute;  }
#controlPanel #controlPanelLinks {  }
#controlPanel #controlPanelLinks ul { margin:0; display:inline; }
#controlPanel #controlPanelLinks ul li { margin:0; padding:0; list-style-type:none; display:inline; }
#controlPanel #controlPanelLinks a { font-size:10px; text-decoration:none; }

#controlPanelLinks a, #controlPanelLinks, #controlPanelRegions .regions, #controlPanelRegions .regions a { color:#808285; }
#controlPanelLinks a.selected { color:#980201;  }

/** Search panel */
#searchWrapper { height:48px; position:absolute; top:53px; width:760px; text-align:right; }
#searchPanel { height:48px; position:relative; background-repeat:no-repeat; background-position:top right; z-index:120;  }
#searchPanel form { padding:10px 0 0 0; }
#searchPanel .searchInput { border:1px solid #7F8183; width:170px; background-image:  url("../img/layout/inputbg.gif"); }
#searchPanel .searchButton { margin:5px 38px 0 10px; }

/** Region select */
#controlPanelRegions { position:absolute; top:0; margin-top:10px; z-index:200; }
#regionSelect { background-color:#f2f2f2; border:1px solid #e1e2e2; position:absolute; left:483px; width:270px;  }
#regionSelect a { color:black; }
#regionSelect {  text-align:left; top:5px; margin:0; }
#regionSelect .regionSelectWrapper { padding:30px 0 0 2px; }
#regionSelect p { color:black; padding:5px 0 0 5px; margin:0; font-weight:bold; }
#regionSelect ul { padding:10px 10px 0 10px; }
#regionSelect ul li ul { padding:3px 0 15px 0; }
#regionSelect ul li { list-style-type:none; font-weight:bold; margin-bottom:3px; color:black; }
#regionSelect ul li ul li { margin-left:20px; }
#regionSelect a { font-weight:normal; }

 
/**
 * Navigation
 */
#navigation { background-color:#062F5B; height:20px; margin-bottom:5px;}
#navigation ul { margin:0 0 0 2px; padding:2px 0 0 0; }
#navigation li { list-style-type:none; margin:0; color:white; font-size:11px;  float:left;}
#navigation li div { margin:0 5px 0 0; }
#navigation li a { color:white; text-decoration:none; margin-right:5px; }
#navigation li a:hover { text-decoration:underline; }
#navigation .lastMenu { padding-right:0; margin-right:0; }
 
/**
* Body content
*/
#content { padding-bottom:10px; }

#content #contentNavigation { float:left; margin:85px 0 0 0; width:170px; padding-left:20px; }
#content #contentNavigation .style_navText { font-size: 12px; color: #666666; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#content #contentNavigation .style_navSelected { font-size: 12px; color: #000033; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#content #contentNavigation .style_subNavText { font-size: 12px; color: #666666; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#content #contentNavigation .style_subNavSelected { font-size: 12px; color: #000033; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#content #contentNavigation a:hover { color:#C23B25; }
#content #contentNavigation ul { width:170px; margin:0; padding:0; background-image:url(../img/layout/content_nav_line.png); background-repeat:no-repeat; background-position:top left; }
#content #contentNavigation ul div { padding:0 0 5px 15px; background-image:url(../img/layout/content_nav_arrow.png); background-repeat:no-repeat; background-position:0px 10px; }
#content #contentNavigation ul ul div { margin:0 0 0 10px; background-image:none; }
#content #contentNavigation ul li { font-size: 12px; font-weight: bold; margin:0; list-style-type:none; text-align:left; background-image:url(../img/layout/content_nav_line.png); background-repeat:no-repeat; background-position:bottom left;}
#content #contentNavigation ul li ul li { font-weight: normal; }
#content #contentNavigation ul li div { padding-top:6px; border: none;}
#content #contentNavigation a { text-decoration:none; }

#content #homeText { padding:18px 0 5px 0;}

#content #contentText { padding:18px 0 0 0; margin-left:240px; margin-bottom:40px; width:440px; }
#content #contentText a { font-weight:bold; }


/**
 * Banner
 */
#frontBanner
{
	width:750px; height:261px; background-color:#013F70;
	background-position:top left; background-repeat:no-repeat;
}
#frontBanner .rightFlash { float:right; }

/**
 * Footer
 */
#footer { height:80px;}
#footer #footerBar { height:36px; background-repeat:no-repeat; }
#footer p { padding:10px 0 0 18px; font-size:7pt; }

.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */