@import "Reset.css";
/*@import "titles.css"; replaced image replacement with standard font headings */
@import "thickbox.css";

/* CONTAINER */
* {outline: 0;}
#container {width: 760px;margin: 20px 0 0 8px;color: #000}

/* ACCESSIBILITY MENU */
#accessibilityMenu {display: none;}

/* LOGO */
#logo {float: left; margin: 0 0 15px 15px;display: inline;}

/* HEADER */
#header ul {float: right; list-style: none;margin-right: 10px;display: inline;}
#header ul li {float: left;color: #666666}
#header ul li a:link, #header ul li a:visited, #header ul li a:active {text-decoration: none; padding: 0 4px; font-size: 0.9em;color: #666666}
#header ul li a:hover, #header ul li a:focus {text-decoration: underline;}

/* MAIN NAV */
#navigation {text-transform: uppercase; clear: both;background: #fff url(../images/primaryNavBck.gif) no-repeat;}
#navigation ul {padding: 0 0 0 4px;display:block;}
#navigation ul li {float: left;list-style: none;margin:0 2px 0 0;}
#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {display: block; background: #000; font-size: 1.1em; text-align:center;padding: 8px 0 8px 0;margin: 0;color: #fff; text-decoration:none;}
#navigation ul li a.selected, #navigation ul li a:hover, #navigation ul li a:focus {background: #cce0d5; color: #000 }
li.home {width:60px;}
li.who {width:110px;}
li.programmes {width:121px;}
li.events {width:72px;}
li.news {width:112px;}
li.selection {width:150px;}
li.apply {width:109px;}

/* SECONDARY NAV */
#navigation .secondaryNav {height: 40px;clear: left; background: #cce0d5 url(../images/secondaryNavBck.gif) 0 0px repeat-y; width: 754px;}
#navigation .secondaryNav ul{margin-left: 30px;}
#navigation .secondaryNav ul li {float: left;text-decoration: none; list-style: none;}
#navigation .secondaryNav ul li a:link, #navigation .secondaryNav ul li a:active, #navigation .secondaryNav ul li a:visited {color: #000; margin-top: 10px; padding: 7px 9px 7px 9px;background: none;}
#navigation .secondaryNav ul li a.selected, #navigation .secondaryNav ul li a:hover, #navigation .secondaryNav ul li a:focus {background: #fff;border-bottom:1px solid #cce0d5;padding: 7px 9px 6px 9px;}
#navigation .secondaryNav ul li a:hover {background-color:#fff;}

/* BREADCRUMB */
#breadCrumb {margin: 0; padding:0;text-transform: uppercase}
#breadCrumb p span {font-size: 0.85em;color: #555;}
#breadCrumb p a:link, #breadCrumb p a:active, #breadCrumb p a:visited  {text-transform: uppercase; color: #666;text-decoration: underline; }
#breadCrumb p a:hover, #breadCrumb p a:focus  {text-transform: uppercase; color: #666;text-decoration: none; }

/* CONTENT CONTAINER */
#content-wrap {background: #fff url(../images/bckRepeat.gif) repeat-y;clear: left; padding: 3px 15px 18px 15px; min-height: 300px }

/* MAIN */
#main {background: #fff;clear: left; padding: 0px 29px 0 29px; min-height: 300px }
#main h1 {color: #00714e; margin: 0 0 10px 0;text-transform: uppercase}
#main h2 {margin: 25px 0 10px 0; text-transform: uppercase;font-size: 1.6em}
#main h2.main-content {margin: 25px 0 5px 0; text-transform: uppercase;font-size: 1.2em;color:#000;font-weight:bold;}
#main ul {margin: 0 0 20px 20px;font-size: 1.2em;color: #444}
#main ol {margin: 0 0 20px 0;padding-left: 30px;font-size: 1.2em;color: #444}
#main p.more a { padding:0 0 0 10px;margin:0;background: url(../images/arrow-right.gif) 0px 3px no-repeat;font-weight: bold;text-decoration:none; color:#000;}
#main #leftCol p.more { padding:0px;margin:8px 0;font-weight: bold;text-decoration:none; color:#000;}

/* Apply form */
#main form {margin-top: 16px;width: 600px;}
#main p {font-size: 1.1em; line-height: 1.5em}
#main p.last {margin-bottom:0.4em;}
#main p.m-t {margin-top:20px;}
#main form h2 {margin-top: 40px;}
#main form p {margin: 0;}
#main form label {padding: 0;font-size: 1.1em;}
#main form span {color: red;}
#main form  input#submit {color: #fff; background: #000; padding: 0; border: none;margin: 20px 0;}


/* LEFT COL */
#leftCol {margin-top: 5px; padding-bottom:7em;float: left; width: 295px}
#leftCol.ind {width:350px;}
#rightCol.ind {width:250px;}
#leftCol.ind p {margin-top:0;}

/* RIGHT COL */
#rightCol {float: left; width: 330px;margin: 0 0 0 37px; display: inline;}
#rightCol ul li, #rightCol ol li {padding: 1px 0}
#rightCol .button a {display: block; text-transform: uppercase; background: #00714e url(../images/rightArrow.gif) 186px 16px no-repeat; padding: 10px; margin: 7px 0;color: #fff; text-decoration:none; }
#rightCol .button.selected a:link, #rightCol .button.selected a:active, #rightCol .button.selected a:visited {display: block; text-transform: uppercase; background: #cce0d5 url(../images/rightArrow.gif) 186px 16px no-repeat; padding: 10px; margin: 7px 0;color: #000; text-decoration:none; }
#rightCol .button a:hover, #rightCol .button.selected a:focus, .button.selected a {background-color: #cce0d5;color: black; text-decoration: none;}
#rightCol ol {font-weight:bold;}

/* HOMEPAGE STYLES */
#leftCol p {margin-top:30px;}
#leftCol .button a:link, #leftCol .button a:active, #leftCol .button a:visited {text-transform: uppercase; background: #e2ede7 url(../images/arrow-right_light.gif) 96% 13px no-repeat; padding: 10px 30px 10px 10px; margin: 7px 0;color: #000; text-decoration:none; }
#leftCol .button a:hover, #leftCol .button a:focus, #leftCol .button.selected a {xdisplay: block; text-transform: uppercase; background: #00714e url(../images/arrow-right_dark.gif) 96% 13px no-repeat; padding:10px 30px 10px 10px; margin: 7px 0;color: #fff; text-decoration:none; } 
* html .button a {background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/rightArrow.g", sizingMethod="crop");} 

.homepage #rightCol {margin-top:30px;}
.homepage #leftCol {padding-bottom:6em;margin-top:30px;}

ul#partners {margin:0px 0 0px 0;text-align:left;}
ul#partners li {display:inline;margin:0 10px 0 0;padding:0;}


/* FLASH */
#home-flash {margin-left:20px;width:302px;height:250px;}
#flash {background: url(../images/vision_fr.jpg) 96% 13px no-repeat;width:303px;height:179px;}
#prog-flash {background: url(xx../images/flash_replace_vr.jpg) left top no-repeat;width:675px;margin-left:-3px}
#ind_vid {width:303px;height:192px;}

/* hints and tips */
.ht_grad_vid {width:303px; height:193px;}
body#ht_vid #container {width:400px;margin-left:90px;}
#hintstips_video {width:464px;height:321px;}
#ht_lloyds_vid,#ht_grad_vid {width:303px; height:193px;}

.fl {float:left;margin-right:10px;}

#bottomArea {border-top: 3px solid #00714e; margin: 5px 0px 0 0;}
#bottomArea .infoBox {width:235px;float:left;margin:15px 10px 0 0;}
#bottomArea .infoBox.last, #bottomArea #infoLinks p.last {margin-right:0;}
#bottomArea #infoLinks p.ml {margin-left:8px;width:227px;}
#bottomArea .infoBox ul {margin-left:20px;}
#bottomArea #infoLinks p {width: 235px; float: left; margin: 30px 10px 0 0;}
#bottomArea #infoLinks p {margin-top: 2px;}
#bottomArea .infoBox h3 {background: #e2ede7;font-size: 1.2em;padding: 7px;font-weight: bold;text-transform: uppercase}
#bottomArea #infoLinks a {padding-left: 10px; background: #fff url(../images/arrow-right.gif) 0px 3px no-repeat;font-weight: bold;text-decoration:none; color:#000;}
#bottomArea #infoLinks {clear: left;}

/* FAQ PAGE STYLES */
#faqLeft {width: 137px; float: left;display:inline;}
#faqLeft div {display: inline;}
#faqLeft ul {list-style:none}
#faqLeft ul li {margin: 5px 0;}
#faqLeft h3 {color:#00714e; font-size: 1.2em; font-weight: bold }
#faqRight {margin-left: 167px; width: 375px;}
#faqRight p {margin: 0;}
#faqRight p strong {margin-bottom: 5px;}
#faqRight ul {margin: 10px 0 10px 20px; font-size: 1.2em;}
#faqRight div {margin: 0 0 20px 0}

/* EVENTS PAGE STYLES */
#events {float: left;margin: 0 0 20px 0;width:440px;}
#events table thead tr td {background: #017137;color: #fff; padding: 10px;margin: 1px;font-weight: bold;}
#events table tbody tr td {background: #e2ede7; padding: 10px; color: #000;margin: 1px;}
#events table thead tr td.uni {width: 100px;}
#events table thead tr td.event {width: 200px;}
#events table thead tr td.date {width: 100px;}
#events input {background:#00714e; border: none;color: #fff;margin-top: 5px;}
#calendars  {float: right;margin-bottom: 12px;}
#calendars .current {padding-bottom: 20px;}
#calendars select {margin-bottom: 20px;}
#myMap{width: 200px; position: absolute; left: 405px;top:270px;}
.map h3 {background: #e2ede7; font-size: 15px; padding: 10px;}
.map .address {margin: 0 0 15px 16px;}
.register {display: block; background: #e2ede7;width: 100px;padding: 10px; margin: 5px 0;}
#leftCol .events p {margin-top:10px;}
.grad-comment {display:block;background-color:#e2ede7;padding:10px;margin:10px 0;}
#leftCol .events .grad-comment p {margin:0;padding:0;}
.grad-comment p.comment {color:#00714e;font-weight:bold;}
h2.grad {color: #00714e;}
div.events h1 {font-size:2em;}


/* LATEST NEWS */
#article h1 {font-size:2em;}
#news-list dd {margin: 3px 0;font-size:1.1em;}
#news-list dt {font-size: 1.2em; font-weight: bold;color:#323232;}
.news-article {width:500px;}
.news-date {float:right;}
.article-summ p {margin-bottom:0;}
.news_img {float:left; padding:0 15px 15px 0;}

/* EMAIL A FRIEND */
.emailafriend {width:660px;background-color:#e7f0ed;overflow:hidden;margin-bottom:4em;}
.submit_question {width:400px;background-color:#e7f0ed;overflow:hidden;padding:20px;}

form.frm {font-size:1em;color:#333;padding:20px;}
form.frm fieldset {width:600px;padding:10px 10px 20px 15px;overflow:hidden;border:0;}
form.frm div {margin:8px 0 0 0;float:left;clear:both;width:600px;}
form.frm div.wrap-last {margin:30px 0 0 0;padding:0 0 20px 200px;}
form.frm input {width:195px;}
form.frm label {float:left;padding:0px;margin-top:0;width:200px;}
form.frm label.check {width:400px;}
form.frm input.radio {width:20px;}
form.frm input.text {float:left;width:200px;}
form.frm input.button {width:92px; height:23px;margin-left:7px;}
form.frm p {padding:0;font-size:0.9em;}
form.frm p span {font-size:0.9em;}
p.frm-copy {color:#00714e;padding:20px 0 0 20px;}
.mand {color:#ec2738;}

body#submit-faq #container {width:400px;margin-left:90px;}
.submit_question {width:400px;}
form#submitFAQ {width:380px;}
.submit_question form#submitFAQ fieldset {width:300px;}
.submit_question form#submitFAQ label {width:80px;}
.submit_question form#submitFAQ div {width:300px;}
.submit_question p.frm-copy {width:300px;font-size:1em;}
form#submitFAQ div.wrap-last {margin:10px 0 0 0;padding:0 0 20px 74px;}

/* OPPORTUNITIES - GRADUATE PAGE */
#leftCol #opportunities h4 { display: block;font-weight: bold; font-size: 1.2em; background: #cce3dc; padding: 7px; text-transform: uppercase; width: 190px;}
#leftCol #opportunities p {padding: 0 0 7px 7px;font-weight: bold;color: #00714e;margin-top: 7px;}
 
/* HOW TO APPLY */
.howToApply {}
.howToApply thead {margin:0 0 5px 0;}
.howToApply thead tr th {background:#00714e; text-align:left; color:#fff; font-weight:bold; padding:6px;}
.howToApply thead tr th.wide {width:50%;}
.howToApply thead tr th.wide-l {width:90%;}
.howToApply thead tr th.status {width:78px;}
.howToApply tr td {background:#e2ede7; padding:6px;}
.howToApply tr td a {color:#007138;}
.howToApply tr td a:hover {text-decoration:none;}
.howToApply tr td.statusButton {padding:0;}
.howToApply tr td.statusButton .closed, .howToApply tr td.statusButton .open {display: block; text-transform: uppercase; background:#000 url(../images/rightArrow.gif) 86px 9px no-repeat; padding:6px 6px 6px 10px; margin:0; color: #fff; text-decoration:none; width: 90px;}
.howToApply tr td.statusButton .open {background-color:#007138;}
.undergraduate td {width:100%}

.howToApply tr td.statusButton a, .button.selected a {display: block; text-transform: uppercase; background: #00714e url(../images/rightArrow.gif) 86px 9px no-repeat; padding:0px; margin:0;color: #fff; text-decoration:none; width: 90px;}
.howToApply tr td.statusButton a:hover, .button.selected a {background-color: #cce0d5;color: black; text-decoration: none;}
.howToApply tr td.statusButton a:visited {color: #fff; text-decoration: none}

/* FOOTER */
#footer {clear: both;font-size: 0.9em;text-align: center;color: #666; padding: 40px 50px 20px 50px; background: transparent url(../images/footerBck.gif) no-repeat -4px 0;margin-left: 4px;}
#rightCol ul p a {color: #000}
#footerLinks {margin-bottom: 20px;}
#footerLinks ul {width: 355px;margin: 0 auto;}
#footerLinks ul li {float: left;list-style: none}
#footerLinks ul li a {padding: 0 5px;}
#footerLinks {border-top: 1px solid #ccc; padding-top: 20px;width: 745px;float: left;display: inline;font-size: 0.9em;margin-left: 6px;}

/* GLOBAL */
a img {border: none;}
a:hover {color:#00714e;text-decoration:none;}
div.clear{clear: both}

/* FAQs */
#side-panel-accordion {padding-bottom:30px;}
#main p.q-title {font-weight:bold;color:#000;margin:0;padding:0;font-size:1.3em;cursor:pointer;}
.row {margin-bottom:10px;}
.row p {margin-bottom:5px;}

/* OUR PARTNERS */
.partner-logo {width:150px;float:left;}
.partner-copy {width:500px;float:left;margin-bottom:20px;}
#main .partner-copy h2 {margin:0;padding:0; font-size:1.1em;font-weight:bold;color:#000;}
.partner-copy p {margin-bottom:0.5em;}

/* UNDERGRAD */
.und_panel {width:180px;float:left;margin-right:40px;padding-bottom:2em;}
.und_panel_three {width:190px;float:left;margin-right:40px;padding-bottom:2em;}
.und_panel_last {width:180px;float:left;margin-right:40px;padding-bottom:8em;}
.und_panel p, .und_panel_last p, .und_panel_three p {margin:0;padding:8px 0 0 0;}


/* PAGINATION HOLDER */
dl#news-list {clear:both;}
#rightCol .pagination-holder {float:left;margin:10px 0;}
#rightCol .pagination-list ul {list-style-type:none;margin:0;padding:0;}
#rightCol .pagination-list ul li.pagination-btn {margin:0;padding:0;display:inline;font-size:0.9em;} 

ul#partnerlogos {list-style-type:none;}
ul#partnerlogos li {margin:3px auto;}
.p-l-10 {padding-left:10px;}
.p-l-20 {padding-left:20px;}
.p-l-30 {padding-left:30px;}
.p-l-40 {padding-left:40px;}
.p-l-50 {padding-left:50px;}

/* 2012 page */
#success-factors table tr th {background: #017137;color: #fff; padding: 10px 10px 10px 10px;margin: 1px;text-align:left;}
#success-factors table tr th p {margin-left:10px;color:#fff;text-align:left;}
#success-factors table tbody tr td {background: #e2ede7; padding: 10px; color: #000;margin: 1px;}
#success-factors {margin-bottom:30px;}

ul.admin{
width:100%;
margin:0px;
margin-bottom:5px;
padding:0px;
}

ul.admin li{
float:left;
height:15px;
background-color:#f0f0f0;
margin-right:5px;
padding:5px;
color:#000;
list-style-type:none;
}