@import "Reset.css";

/* CONTAINER */
* {outline: 0;}
#container {width: 760px;margin: 20px 0 0 8px;color: #000;}
#container { min-height:100%; }
* html #container { height: 100%; }

/* 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 {text-decoration: none; padding: 0 4px; font-size: 0.9em;color: #666666}
#header ul li a:hover {text-decoration: underline;}

/* MAIN NAV */
#navigation {text-transform: uppercase; clear: both;background: #fff url(../ClientSupplied/Images/navRepeat.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 {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 {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 */
#secondaryNav {height: 40px; clear: left; background: #cce0d5 url(../ClientSupplied/Images/secondaryNavBck.gif) 0 0px repeat-y; width: 754px;}
#secondaryNav ul{margin-left: 30px;}
#secondaryNav ul li {float: left;text-decoration: none; list-style: none;}
#secondaryNav ul li a {color: #000; margin-top: 10px; padding: 7px 10px 8px 10px;background: none}
#secondaryNav ul li a.selected, #secondaryNav ul li a:hover {background: #fff}
#secondaryNav ul li a:hover {background-color:#fff}

/* BREADCRUMB */
#breadCrumb {margin: 0; padding:0;text-transform: uppercase}
#breadCrumb p span {font-size: 0.9em;color: #555;}
#breadCrumb p a  {text-transform: uppercase; color: #666;text-decoration: underline; }

/* MAIN */
#main {background: #fff url(../ClientSupplied/Images/bckRepeat.gif) repeat-y;clear: left; padding: 18px 44px; }
#main h1 {color: #00714e; margin: 0 0 20px 0;text-transform: uppercase}
#main h2 {margin: 25px 0 15px 0; text-transform: uppercase;font-size: 1.8em}
#main ul {margin: 0 0 20px 20px;font-size: 1.2em;color: #444}
#alpha {}



/* Apply form */
#main form {margin-top: 16px;width: 400px;}
#main p {font-size: 1.1em; line-height: 1.5em}
#main form h2 {margin-top: 40px;}
#main form p {margin: 20px 0 3px 0;}
#main form table tr td {padding: 0 3px;}
#main form table tr td label {text-align: center; float: right;padding: 4px 0 0 0;}
#main form  input {float: left}
#main form ul {margin: 10px 20px;font-size: 1.1em;color: #333;}
#main form span {color: red;}
#main form  input#submit {color: #fff; background: #000; padding: 5px; border: none;margin: 20px 0;}


/* LEFT COL */
#leftCol {margin-top: 0px; float: left; width: 295px}


/* RIGHT COL */
#rightCol {float: left; width: 333px;margin: 0px 0 0 37px; display: inline;}
#rightCol ul li {padding: 1px 0}

/* HOMEPAGE STYLES */
.button a, .button.selected a {display: block; text-transform: uppercase; background: #00714e url(../ClientSupplied/Images/rightArrow.png) 186px 16px no-repeat; padding: 10px; margin: 7px 0;color: #fff; text-decoration:none; width: 190px;}
.button a:hover, .button.selected a {background-color: #cce0d5;color: black; text-decoration: none;}
* html .button a {background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ClientSupplied/Images/rightArrow.png", sizingMethod="crop");} 
.button a:visited {color: #fff; text-decoration: none}

#bottomArea {border-top: 3px solid #00714e; margin: 15px 0 0 0}
#bottomArea .infoBox,#bottomArea #infoLinks p {width: 158px; float: left; margin: 30px 20px 0 0;}
#bottomArea #infoLinks p {margin-top: 2px;}
#bottomArea .infoBox h3 {background: #cce3dc;font-size: 1.2em;padding: 7px;font-weight: bold;text-transform: uppercase}
#bottomArea #infoLinks a {padding-left: 10px; background: #fff url(../ClientSupplied/Images/rightArrowGrey.gif) 0px 3px no-repeat;font-weight: bold;}
#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;}
#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: 150px;}
#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: 385px}
.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;}

/* LATEST NEWS */
#news-list dd {margin: 10px 0;}
#news-list dt a {font-size: 1.2em; font-weight: bold;}

/* EMAIL A FRIEND */
.emailafriend input.send,.emailafriend input.clear {background: #000; color: #fff;padding: 5px; border: none}

/* 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;}

/* EVENT REGISTRATION */

#eventRegistration p {margin: 10px 0 0 0;}
#formArea {width: 670px; background: #e2ede7;margin-top: 20px;}
#formArea table {padding: 10px 20px 20px 20px;}
#formArea h2  {background-color: #017137; color: #fff;font-size: 1.3em; padding: 7px;text-transform: none; margin: 0; border-bottom: 4px solid white;}
#formArea  table tr td {padding: 8px; 0; font-size: 1.2em;}

/* FOOTER */
#footer {clear: both;font-size: 0.9em;text-align: center;color: #666; padding: 40px 50px 20px 50px; background: transparent url(../ClientSupplied/Images/footerBck.gif) no-repeat;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 {text-decoration: underline;color:#00714e}
div.clear{clear: both}