/*
yellow: #cd9d0d
green: #aabc10
light brown: #ddbe6e
dark green: #316443
light orange: #f08b45
light blue #3b6e8f
orange: df330b
*/
* { Verdana, Helvetica, Arial;}
.clear { clear: both;}
.right {float: right;}
body { background:#123; border-top:5px solid #000; color:#333; font-size:14px; padding:20px 0 40px; }
a { color:#e73303; text-decoration:none; }
a:hover { text-decoration:none; }
h1 { }
h2 { padding:0; display:block; margin:0; padding-left:10px; }
p { overflow:hidden; margin:5px 0; text-align:left; }
.left { float:left; }
span {  color:#333; }
span.isolate {  color:#fff; background-color: #123;font-weight: bold; padding: 0 4px; }
.hidden { display:none; }
#wrapper {background-color:white; }
.white {color: white;}
/* header */
#header { margin-top:40px; height: 70px; }

/* sidebar */
#sidebar { height:800px; background:#eee; color:#444;  }
#sidebar h3 { padding:5px; }
#sidebar img { margin:10px 10px 0; }
#sidebar p { margin:10px; padding:0 5px;  }
#sidebar ul li, li.news ul li {height: auto; display: block; float: none; padding: 3px; margin: 1px 10px;font-size: 12px;}

/* nav */
ul#navlogo { margin:0; }
ul#nav { position:relative; top:55x; float: right; }
ul#nav li { float:left; width:100px; margin: 0px 10px; }
ul#nav li a { font-family: Optima; font-weight: bold; font-size: 14px; background:#033d5a; color:white; padding:2px 0; padding-left:6px; text-transform:uppercase; display:block; letter-spacing:3px; }
ul#nav li a:hover { background:#123; }

/* secondary nav */
ul#secondary-nav { background-color:#df330b; float:left; color:white; padding:0; text-align:right; margin:0 0 5px; }
ul#secondary-nav a { color:white; display:block; padding:0 0 0 20px; float:right;  font-weight: bold; text-align: center;  border-right: 5px solid #df330b;}
ul#secondary-nav a.active, ul#secondary-nav a:hover { background:white; color:#df330b; border-right: 5px solid white; }
p.upper { background:#123; display:block; padding:0; margin:0; color:#cde; }
span.visionary { font-weight: bold; color: white; text-align: left }

/* footer */
#footer ul { background-color:#123; float:left; color:white; padding:10px 0; text-align:right; margin-top:15px; }
#footer a { color:white; display:block; padding:0 0 0 20px; float:right; }

/* boxes */
ul.boxes li { float:left; background:#fff; display:block; margin-bottom:0; height:450px; }
ul.boxes li.banner { height: 153px;overflow: hidden; }
ul.boxes li.info-text { height: 420px;overflow: hidden; }
ul.boxes h2, ul.boxes h3 { color:#fff; background:#033d5a; padding:4px 5px; font-weight:bold; font-size:1.3em; text-transform:uppercase; }
ul.boxes h2 a { color:#fff; display: block;  }
ul.boxes h2.small { font-size: 12px; line-height: 13px; background: #033d5a; letter-spacing:.15em; padding: 0 0 5px 0; border-bottom: 1px solid white;}

ul.boxes li.map {  color:white; height:380px;}
ul.boxes li.news { background:#123; color:white; height:380px;}
ul.boxes li.news ul li a{ display: block; text-decoration: none;  border: 1px dotted white;}
ul.boxes li.news ul li a:hover { border: 1px dotted red; }
ul.boxes li.news img { margin:10px; margin-bottom:0; }
ul.boxes li.news h2, ul.boxes li.news h2 a,ul.boxes li.other h2 { color:#333; }
 ul.boxes li.news h2 a:hover { color: #df330b;}
ul.boxes li.other { background:#888; color:white; }
ul.boxes li.tall { height:710px; }
ul.boxes li.taller { height:910px; }
ul.boxes img { margin:0; }
ul.boxes h2.inset { background-color:#123; padding:0 5px; margin:0 10px; line-height: 18px; }
ul.boxes li.news { margin-bottom:10px; }
ul.boxes li.news h2.inset { background-color:#fff; color:#333; padding:0 5px; margin:0 10px; }
ul.boxes li.news p { margin:10px; }

/* bigbox */
ul.boxes li.bigbox { height:315px; }
ul.boxes li.bigbox p { font-size:18px; text-transform:uppercase; letter-spacing:3px; }
ul.boxes li.bigbox img { float:left; margin-right:20px; }

/* lists */
ul.infolist { float:none; height:auto; margin:0; padding:0; list-style:circle; }
ul.infolist li { float:none; height:auto; padding:0;display: block; background:#777; padding:3px; margin:2px 0; color:white; font-size:1.2em; }

/* form */
ul.form { display: block; margin: 0; padding: 0; height:750px;}
ul.form li { height: auto;  background: #033d5a; padding: 5px; margin: 0;display: block; width: 330px; color: white; }
label {font-weight: bold; margin-bottom: 20px; color: #456; font-size: 12px;}
label.error {color: #ffff00;}
label.label1 { padding-right: 10px;  }

input.text-input { width: 300px; padding: 2px 5px; }
select { width: 280px; padding: 2px 5px; }
input.radio { padding: 2px 5px; margin-right: 5px; }
ul.radio-list { }
ul.radio-list li { padding: 3px 10px; width: 290px;margin: 0px 5px 5px 0px; background: white;}
ul.radio-list  li span {  width: 80px; overflow: hidden; display: block; float: left;}

/* DRAWER SLIDER */
.panel { display:none; height:50px; width: 100%; background: #eee; border-bottom: 1px solid #888;}
.panel h2 { }
.btn-slide { border-right: 5px solid #df330b; }
.panel p { display:block; color:#333; margin-bottom:5px; letter-spacing:.05em; line-height:1.1em; }
ul.panelli li { float:right; display:inline; }
ul.pdfs li a { display:block; padding:5px 5px 5px 1px; background-color:#fff; background-image:url(../images/pdf_icon.png); padding-top:8px; padding-right:0; padding-bottom:8px; padding-left:45px; background-repeat:no-repeat; background-attachment:scroll; background-position:left center; }
ul.pdfs li a:hover { background-color: #97bbd3; text-decoration: underline; color: white;}