body{font-family: 'Open Sans', sans-serif; background: #FFF; }

.desktophidden{display: none;}
.mobilehidden{display: block;}
.printhidden{display: block;}

p.fail {color:#fff !important}

/* Headings */
h1, h2, h3, h4, h5, h6{line-height: 1em; color: #059552; font-weight: normal; margin-top: 0; font-family: "Duru Sans", sans-serif;}
h1 {font-size: 2em;  margin-top: 11px !important;}
h2 {font-size: 2em; margin-top: 10px !important; margin-bottom: 9px !important; font-weight: 300; letter-spacing: -0.05em;}
h3 {font-size: 1.5em; font-weight: 200; letter-spacing: -0.05em; margin-bottom: 1em !important;}
h4 {font-size: 1.1em; font-weight: 300; letter-spacing: -0.05em; margin-bottom: 0.7em !important;}
h5 {font-size: 0.9em; margin: 0 0 0.3em 0; font-weight: bold;}
h6 {font-size: 0.8em; margin-bottom: 0.3em; font-weight: bold;}
h3 span{color: #97B93F;}

ul, p, ol{line-height: 2em; color: #0A090A; font-weight: 300; margin-bottom: 2em;}

p.navheader {display: none;}

ul, ol{padding: 0 0 10px 20px;}
ul.inlinelist{margin: 0; }
ul.inlinelist li{float: left; padding: 2px 10px; margin-bottom: 0; list-style-type: none;}

#gridoverlay{position: absolute; left: 50%; top: 20px; margin: 0 0 0 -490px; display: none;}
#printlink{position: absolute; right: 200px; top: 0px; margin: 0; font-size: 0.8em; cursor: pointer;}

ul#sitemap li a {text-decoration:none;}

.centre{text-align: center;}

img.left{float: left; margin: 0 1em 1em 0;}
img.right{float: right; margin: 0 0 1em 1em;}

/* Invisible Separator */
.invisiblesep{clear: both;}

/* Image Styles */
img.LEFT{float: left; margin: 0 15px 15px 0;}
img.RIGHT{float: right; margin: 0 0 15px 15px;}
img.CENTRE{text-align: center; display: block; margin: 10px auto;}
img.INLINE {display: inline; margin: 15px 0 15px 0;}

.imagecaption{color: #909090; font-size: 0.7em; margin: 0; text-align: center;}
.imageborder{padding: 5px; background-color: #FFF; border: 1px solid #CCC; display: block; margin-bottom: 5px;}

.wrapper {width:100%;}

/* Warning Message */
p.warning {width: 96%; padding: 2%; font-weight: bold !important; text-align: center; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
p.fail {background-color:#A00; border-top: 2px solid #900; color: #FFF !important;}
p.success {background-color: #0A0; border:2px solid #090; color: #FFF !important;}
p.warning a{color: #FFF;}

/* Skip Navigation */
.skipnav, .skipnav:visited{position: absolute; left: 40px; font-size: 0.75em;}
.skipnav:active, .skipnav:focus, .skipnav:hover{z-index: 10000; color: #CFCFCF;}

/* Tables */
.main-container table{background-color: #FFF; width: 100%; margin-bottom: 30px;}
.main-container table td, .main-container table th{padding: 10px 0 10px 15px; color: #274C55; font-size: 0.95em;}
.main-container table td.centercell, .main-container table th.centercell{text-align: center;}
.main-container table td a{text-decoration: none;}
.main-container table thead{}
.main-container table thead tr td, .main-container table thead tr th{color: #2F758E; border-bottom: 2px solid #EEE; font-size: 1.1em;} 
.main-container table tbody{}

.print-page {border:1px solid maroon; border-radius:5px; cursor:pointer; width:120px; position:absolute; right:240px; top:30px; background:#E9322C; color:#fff !important;}

/* Main Page Sections */
.wrapper{margin: 0; position: relative; padding: 0px;}

/* Header container */
.header-container{position: relative; height:auto; padding: 30px 0;}
.header-container .wrapper{height:140px; margin: 0 auto; background-color: #fff; position: relative; text-align: center;}
.header-container .wrapper .logo{margin:20px auto 0 auto;}

/* Menu container */
.menu-container{position: relative;}
.menu-container .wrapper {margin: 0 auto; background-color: #E9322C; text-align: center; font-size: 2em;}
.menu-container ul#mainmenu{padding: 0; margin: 15px 0; width: auto; text-align: left; text-align: center;}
.menu-container ul#mainmenu li{width: auto; padding: 0; font-size: 0.7em; display: inline; margin: 0; padding: 0 10px 0 5px; border-right: 2px solid #fff}
.menu-container ul#mainmenu li a{display: inline; padding: 1px 5px; margin: 0 5px; text-transform: uppercase; color: #fff; text-decoration: none;}
.menu-container ul#mainmenu li a:hover{color: #fff;}
.menu-container ul#mainmenu li.selected a{color: #fff;}
.menu-container ul#mainmenu li.lastitem{border: none;}

#sitesearchform{display: none;}

.radiodiv {height:30px; width:80px; display:inline-block; margin-right:10px;}
.radiodiv label {width:100px; display:inline;}
.radiodiv input {margin-left:10px;}

.yesno {width:50px !important}
.other {width:160px !important;}
.secondlanguage {width:160px !important;}

.overviewtable h4 {margin-top:10px !important; line-height:1.7em !important;}
.overviewtable select.day {width:60px !important; float:left;}
.overviewtable select.month {width:100px !important; float:left;}
.overviewtable select.year {width:60px !important}


/* Main container */
.main-container{color: #AAA;}
.main-container .wrapper{text-align: left;  background:#fff; margin:0 auto; padding: 0;}
.main-container .wrapper img{max-width: 100%;}

.main-container .segment-section{min-height: 400px;}
/*.main-container .segment-section .c12{padding: 20px; width: 94%;}*/

/* Google Map */
.main-container .map-container{position: relative; padding: 0;}
.main-container .map-container .contactdetails-container, .main-container .map-container .directiondetails-container{border: 1px solid #C4C4C4; position: absolute; left: 81px; border-radius: 10px; padding: 10px 15px; background-color: rgba(239, 240, 242, 0.9);}
.main-container .map-container .contactdetails-container{top: 18px;}
.main-container .map-container .contactdetails-container p{line-height: 1.7em; margin: 0;}
.main-container .map-container #mapcanvas {width: 100%; height: 500px;}
.main-container .map-container #mapcanvas h4{margin-top: 0.4em; padding-right: 10px;}
.main-container .map-container #mapcanvas p{line-height: 1.4em; margin-bottom: 0.4em;}
.main-container .map-container .directiondetails-container{top: 240px;}
.main-container .map-container .directiondetails-container h4{margin-bottom: 0.6em; font-weight: 300;}
.main-container .map-container .directiondetails-container form{margin-bottom: 0;}
.main-container .map-container .directiondetails-container form fieldset{margin-bottom: 0;}
.main-container .map-container .directiondetails-container form legend{display: none;}
.main-container .map-container .directiondetails-container form label{color: #4D4C4C; font-weight: 300; font-size: 0.8em;}
.main-container .map-container .directiondetails-container form input, .main-container .map-container .directiondetails-container form select{color: #4D4C4C; font-weight: 300; font-size: 0.85em; padding: 2px 4px; margin-bottom: 0.6em;}
.main-container .map-container .directiondetails-container form select{height: 25px;}
.main-container .map-container .directiondetails-container a#googlemapslink{font-size: 0.7em;}
.main-container .map-container .directiondetails-container p#googlemapsdistance{margin: 0; font-size: 0.8em;}

#sitemap {list-style:none; padding: 0; margin:0;}
#sitemap li a {color:#E9322C;}

/* Contact Form */
#contactform label {color:#181818}
#contactform .c12{border: none; margin: 0; padding: 0; width: 99% !important;}

.footer-container { height: 84px; text-align: center;}
.footer-container .wrapper{color: #666; margin:0 auto; background-color:#fff; font-size: 0.75em}
.footer-container a, .footer-container h3{color: #666;}
.footer-container p, .footer-container li{color: #666;}

.footer-container #footerlinks {margin-top: 20px; margin-bottom:0}
.footer-container #footerlinks li {display: inline; margin-right: 5px; border-right:1px solid #888; padding-right: 10px;}
.footer-container #footerlinks li:last-child {border-right:none; padding-right: none; margin-right: none;}
.footer-container #footerlinks li a {color: #888; font-weight: 500; text-decoration:none; text-transform: uppercase;}

.footer-container .copytext {font-weight: 400; letter-spacing: 0.03em; color: #888; margin: -10px 0 0 0 !important; padding:0 !important}
.footer-container .copytext a {color: #888; text-decoration:none;}

.footer-container #footermobilelinks{display: none;}

/* Course finder form  */
#coursefinder{width: 50%; margin: 0 20%; border: 1px solid #CCC; background-color: #EAEAEA; padding: 40px 5%;}
#coursefinder select, #coursefinder label{display: inline-block !important;  }
#coursefinder select{text-align: left; width: 80%;}
#coursefinder label{text-align: left; width: 14% !important; margin-right: 5%;}