body{font-family: 'Open Sans', Arial, sans-serif;}

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;}
.alignright{text-align: right;}

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: #000}
.header-container .wrapper{padding-bottom: 20px;}
.header-container .wrapper img.logo{margin: 10px 0 0 0; display: block; cursor: pointer;}
.header-container .wrapper form{display: none;}

#subscribeitunes{position:absolute; top: 60px; right: 0px}

#topmenuholder{position:absolute; top: 15px; right: 0px}
#topmenuholder ul{padding: 0; margin: 0; list-style: none; }
#topmenuholder ul li{padding: 0; margin: 0 2px 0 0; display: inline-block;}
#topmenuholder ul li.lastitem{margin: 0;}

/* Menu container */
.menu-container{border-bottom: 4px solid #006501;}
.menu-container ul{padding: 0; margin: 0; width: auto; text-align: left; height: 49px;} 
.menu-container ul li{position: relative; width: auto; padding: 0; font-size: 0.8rem; display: inline-block; padding: 0; }
.menu-container ul li a{padding: 10px 40px; margin: 0; display: inline-block; text-transform: uppercase; color: #666; text-decoration: none;}
.menu-container ul li a:hover{color: #fff; text-decoration: none; background-color: #006501}
.menu-container ul li.selected a{color: #fff; text-decoration: none; background-color: #006501}

/* 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;}
.page-index .main-container{border: none;}
.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;}
.main-container h1{color: #006501}
.main-container h2{color: #006501}
.main-container h3{color: #006501}
.main-container h4{color: #006501}
.main-container a{color: #006501}

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

/* Paging links */
.paging{border: 1px solid #006501; border-width: 1px 0; padding: 5px 0; margin0; list-style: none;}
.paging li{padding: 0 5px; margin: 0; display: inline-block;}
.paging li a{color: #006501; text-decoration: none; display: inline-block;}
.paging li a:hover{color: #000; text-decoration: underline;}
.paging li a.selected{color: #000; text-decoration: underline;}

/* Contact form */
.contact-form .c4-left{float: left; width: 31%; margin-right: 1%;}
.contact-form .c8-right{float: left; width: 67%; margin-left: 1%;}
.contact-form textarea{min-height: 239px; max-height: 239px;}

/* Footer */
.footer-container{background-color: #000; border-top: 4px solid #006501;}
.footer-container a:hover{opacity: 1}
.footer-container .uti img{width: 100%; max-width: 100%}
.footer-container .small-link {position: absolute;top: 0; left: 0;}

/* Sub footer container */
.sub-footer-container{border-top: 1px solid #f9e9c0; background-color: #ddd; padding: 30px 0}
.sub-footer-container h3{color: #006501; font-size: 0.9rem; text-transform: uppercase;}
.sub-footer-container ul{border-left: 2px solid #006501; list-style: none; margin: 0; padding: 0 0 0 20px; font-size: 0.8rem;}
.sub-footer-container ul li{padding: 0; margin: 0; line-height: 1.3rem;}
.sub-footer-container ul li a{text-decoration: none; color: #494949;}
.sub-footer-container p{padding: 0; margin: 0; font-size: 0.8rem;}
.sub-footer-container .c9 {padding-top: 40px;}
.sub-footer-container .c9 a{color: #006501; text-decoration: none;}

/* REMOVE IF NOT USING BELOW STYLES */


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

/* In Page Navigation */
#sectionscrollnav {position:fixed; left:0; background: rgba(255, 255, 255, 0.8); width:200px; z-index:1000; border:1px solid #ccc;}
#sectionscrollnav:hover {background: rgba(255, 255, 255, 1);}

#sectionscrollnav ul li {cursor:pointer;}

#sectionscrollbutton {background:url('../images/next.png') no-repeat; cursor:pointer; height:52px; width:52px; position:fixed; bottom:20px; right:20px;}
.previousbutton { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari and Chrome */}

.sectionnavmenu-container{position: fixed; left: 0; top: 135px; width: 10%; background-color: rgba(230, 230, 230, 0.9); border-radius: 0 5px 5px 0;}
.sectionnavmenu-container h2.sectionnavheader{font-size: 0.9em; color: #007DC1; background-color: #C5C5C5; padding: 12px 0 12px 12px; border-bottom: 1px solid #FFF; font-weight: 600; margin: 0 !important; border-radius: 0 5px 0 0;}
.sectionnavmenu-container a.sectionnavfooter{padding: 10px 0 10px 10px; color: #6DAEDE; display: block;}
.sectionnavmenu-container a.sectionnavfooter:hover{color: #FFF; border-radius: 0 0 5px 0; background-color: #6DAEDE;}
.sectionnavmenu-container #sectionnavmenu{margin: 0; padding: 0;}
.sectionnavmenu-container #sectionnavmenu li{list-style-type: none; cursor: pointer; border-bottom: 1px solid #FFF; font-size: 0.8em; line-height: 1.2em; padding: 10px; margin: 0;}
.sectionnavmenu-container #sectionnavmenu li:hover{background-color: rgba(180, 180, 180, 0.9); color: #FFF;}