/*
#DB541F menu orange
#C9C9C9 heading grey
*/

.mceContentBody { background-image: none; background-color: #ffffff; margin: 0; padding: 5px; }
body { margin: 0; padding: 0; font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; background: url('/media/images/base/metalbackground.jpg'); }
a, a:link, a:active, a:visited { color: #000000; font-weight: normal; text-decoration: underline; font-weight: bold; }
a:hover { text-decoration: underline; color: #DB541F; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6, p { margin: 10px 0 0 0; padding: 0; }
h1 { font-size: 1.8em; color: #DB541F; font-family: "Trebuchet MS", arial, helvetica, sans-serif; font-weight: normal;}
h2 { font-size: 1.7em; color: #DB541F; font-family: "Trebuchet MS", arial, helvetica, sans-serif;;}
h3 { font-size: 1.5em;}
h4 { font-size: 1.3em;}
h5 { font-size: 1.2em;}
h6 { font-size: 1em;}

#menu a, #menu a:link, #menu a:active, #menu a:visited { text-decoration: none; }

#container { width: 800px; margin: 42px auto; background: #ffffff;  }
#menu { height: 34px; }
#menu div.clock { width: 175px; height: 22px; float: left; background: url('/media/images/base/clockbg.jpg') no-repeat; font-size: 0.8em; font-weight: bold; text-align: center; padding-top: 12px; }
#menu div.menu { width: 620px; height: 31px; float: right; background: url('/media/images/base/menubg.jpg') no-repeat; color: #DB541F; font-weight: bold; font-size: 1.1em; text-transform: uppercase; text-align: right; padding: 6px 5px 0 0;}
#menu div.menu form { padding: 0; display: inline; margin: 0 0 0 10px; }
#menu div.menu input#id_searchterms { width: 80px; }
#menu a, #menu a:link, #menu a:active, #menu a:visited { font-weight: normal; margin: 0; padding: 0; padding-left: .5em; padding-right: .5em;
text-decoration: none; border-left: solid 2px #DB541F; }
#menu a.first { border-left: none; }
#menu a:hover { font-weight: normal; }

#menu div.menu ul { float: left; margin: 3px 0 0 0; padding: 0;}
#menu div.menu ul li { float: left; list-style: none; position: relative; padding: 0 0 5px 0; }
#menu div.menu li ul { display: none; position: absolute; top: 15px; left: 0px; background: url('/media/images/base/menubg.jpg') repeat-y; padding: 5px; text-align: left; width: auto; }
#menu div.menu li ul a, #menu div.menu li ul #menu div.menu li ul a:link, #menu #menu div.menu li ul a:active, #menu #menu div.menu li ul a:visited{ border: none; }
#menu div.menu li:hover ul, #menu div.menu li.over ul { display: block; }

#leftmenu { width: 176px; float: left; height: 404px; background: url('/media/images/base/menubgrepeat.jpg') repeat-y; position: relative; }
#leftmenu div.logos { width: 176px; text-align: center; margin-bottom: 15px; position: absolute; bottom: 0px; }
#leftmenu div.logos img { margin-right: 5px; }
#leftmenu div.actualmenu { padding: 5px 0 10px 15px; height: 260px; overflow: auto; width: 160px; }
#contentcontainer { float: right; width: 624px; height: 404px; overflow: auto; }
#contentcontainer div.content { padding: 25px 5px 25px 15px; }

div.floater-container { position: relative; }
#floating-bg-image { position: absolute; height: 20px; width: 625px; left: 175px;}

div.masthead { background: url('/media/images/base/masthead.jpg') no-repeat; width: 800px; height: 170px;  }
div.masthead img { float: right; margin: 20px; }

div.latest-news-container { min-height: 370px; height: auto !important; height: 370px; float: right; width: 227px; }
div.latest-news { float: right; background: #eee; padding: 0px; margin: 0 0 15px 15px;}
div.latest-news h1 { background: url('/media/images/base/news-title.jpg') no-repeat; text-align: center; margin: 5px 0 0 8px; color: #ffffff; font-size: 1.3em; padding: 5px 0; }
div.latest-news h2 { font-weight: normal; font-size: 1.6em; }
div.latest-news div.text { padding: 5px 0 13px 8px; }
span.searchword { background-color: yellow; }

a.grey-link, a.grey-link:link, a.grey-link:active, a.grey-link:visited { color: #999B9E; font-weight: normal; text-decoration: underline; font-weight: bold; font-style: italic; }
a.grey-link:hover { text-decoration: underline; color: #999B9E; }

.clear { clear: both; }
table.contact { width: 95%; }
table.contact th { text-align: left; }
input#id_first_name, input#id_surname, input#id_company, input#id_address_1, input#id_address_2, input#id_address_3, input#id_town_city, input#id_county, input#id_country, input#id_postcode { width: 225px;  }
input#id_b1_student_number, input#id_b2_student_number, input#id_b1_and_b2_student_number { width: 25px; }
textarea#id_when { width: 225px; }
table.contact ul { margin: 0; padding: 0; list-style: none; }
div.errorlist { color: red; font-weight: bold; width: 155px; float: right; margin-top: 3px;}

div.left-column { width:150px; margin: 0 15px 15px 0; float: left; }
div.right-column { width:150px; margin: 0 0 15px 15px; float: right; min-height: 370px; height: auto !important; height: 370px;  }
div.left-column img, div.right-column img { margin-bottom: 10px; }