body{font-family: 'Lato', 'Arial', sans-serif; background-color: #234052;}

a[href^=tel]{color:inherit !important; text-decoration:none !important;}

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

/* Headings */
h1, h2, h3, h4, h5, h6{line-height: 1em; color: #5D99C7; font-weight: normal; margin-bottom: 0;}
h1 {font-size: 2em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;;}
h3 span{color: #97B93F;}

ul, p, ol{line-height: 1.8em; color: #494949; font-weight: 300; margin-bottom: 1.5em;}

a{color: #5D99C7;}
a:hover{opacity: 0.8;}

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

.multiple{height: 150px;}

#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{max-width: 100%;}
img.left{float: left; margin: 0.7rem 1em 1em 0;}
img.right{float: right; margin: 0.7rem 0 1em 1em;}

.build-query{background-color: #FFA0A0; padding: 1%; font-size: 0.8em;}

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

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

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

/* Header container */
.header-container{background-color: #234052;}
.header-container .wrapper{margin: 0 auto; text-align: center;}
.header-container .wrapper img{margin: 35px 0 0 0; cursor: pointer;}

/* Menu container */
.menu-container {border-bottom: 2px solid #658CA4; }
.menu-container ul{padding: 0; margin: 15px 0; height: 30px; width: 100%; text-align: left;}
.menu-container ul li{position: relative; width: auto; padding: 0; font-size: 0.7em; display: inline; margin: 0; padding: 0 10px 0 5px; border-right: 1px solid #666}
.menu-container ul li:first-child{margin-left: -10px;}
.menu-container ul li a{display: inline; padding: 10px 5px; margin: 0 5px; text-transform: uppercase; color: #666; text-decoration: none;}
.menu-container ul li a:hover{color: #fff; background-color: #2D9ECE;}
.menu-container ul li.selected a{color: #fff; background-color: #2D9ECE;}
.menu-container ul li.lastitem{border: none;}

/* Level 2 */
.menu-container ul li ul{display: none; position: absolute; left: 10px; top: 15px; margin: 0; padding: 5px 0 0 0; z-index: 1001; width: 175px;}
.menu-container ul li ul li{text-align: left; transition: background-color 0.5s ease 0s; background: rgb(13, 84, 145); display: block !important; margin: 0 !important; padding: 0 !important; z-index: 1002; color:#fff}
.menu-container ul li ul li:first-child{margin-left: 0;}
.menu-container ul li ul li a{color: #FFF !important; font-size: 0.65rem; border: none; display: block; margin: 0; padding: 3px 10px 3px 8px; background: none;}
.menu-container ul li:hover ul li a{}
.menu-container ul li ul li:hover {background-color: rgb(51, 102, 149);}
.menu-container ul li ul li a:hover {background-color: rgb(51, 102, 149); color:#fff; border: none !important;}
.menu-container ul li.selected ul li:hover {background-color: rgb(51, 102, 149);}
.menu-container ul li.selected ul li a:hover {background-color:none; border-color:transparent;}
.menu-container ul li.selected ul li a { color: #fff; background:transparent; border-bottom: none !important;}
.menu-container ul li.selected ul li.selected {background-color: rgb(51, 102, 149);}
.menu-container ul li.selected ul li.selected a {color: #fff; border: none;}
.menu-container ul li:hover ul{display: block;}
.menu-container ul li ul li:last-child a {border-bottom:none}

/* Main container */
.main-container{color: #494949; padding-top: 20px;}
.main-container .wrapper{text-align: left;  background:#fff; margin:0 auto; padding: 0;}
.main-container .wrapper img{max-width: 100%;}
.main-container ul, .main-container p, .main-container ol{line-height: 1.3rem; margin: 0 0 10px 0; font-size: 0.95rem; color: #494949;}

/* Form multiselect */
ul.multiselectbox{margin: 10px 0; padding: 0;}
ul.multiselectbox li{list-style: none; margin: 0;}
ul.multiselectbox li a{display: block; cursor: pointer; padding: 5px 15px; background-color: #EEE; border-bottom: 1px solid #CCC;}
ul.multiselectbox li a span.picicon{float: right; font-size: 1.5rem; color: #FEFACD;}
ul.multiselectbox li.notselected a{font-style: italic; color: #777;}
ul.multiselectbox li a:hover{background-color: #D56559; color: #FFF;}
ul.multiselectbox li.selected{}
ul.multiselectbox li.selected a{background-color: #022C5C; color: #FFF;}

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

/* Tables */
.main-container table{background-color: #FFF; width: 100%; box-shadow: 0px 1px 3px 1px #A1A1A1; 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 tr.alternativerow td{background-color: #F7F7F7;}
.main-container table td a{text-decoration: none;}
.main-container table thead tr td, .main-container table thead tr th{color: #2F758E; border-bottom: 2px solid #EEE; font-size: 1.1em;} 

/* Login Form */
.login-form{padding: 50px 100px;}
.login-form label{font-size: 1.2rem; height: auto; font-weight: 100}
.login-form input{padding: 10px 5px;font-size: 1.2rem; font-weight: 100}
.login-form input.button{padding: 10px 40px; float: none;}

#forgottenlink{padding-left: 80px;}
#forgottenlink a{color: #FFF; text-decoration: none; margin: 10px 20px; line-height: 1.2em; 
								background-color: #003d51; border-radius: 0 15px 15px 0; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 10px; width: 205px; display: block;
								background: -webkit-linear-gradient(#003d51, #003d51); /* For Safari */
								background: -o-linear-gradient(#003d51, #003d51); /* For Opera 11.1 to 12.0 */
								background: -moz-linear-gradient(#003d51, #003d51); /* For Firefox 3.6 to 15 */
								background: linear-gradient(#003d51, #003d51); /* Standard syntax */}
#forgottenlink a:hover{background-color: #003d51;
								background: -webkit-linear-gradient(#003d51, #003d51); /* For Safari */
								background: -o-linear-gradient(#003d51, #003d51); /* For Opera 11.1 to 12.0 */
								background: -moz-linear-gradient(#003d51, #003d51); /* For Firefox 3.6 to 15 */
								background: linear-gradient(#003d51, #003d51); /* Standard syntax */}