﻿a           
{	
color:#0000dd; 
text-decoration:none;
}

a:hover    
{ 
color:purple;
text-decoration: underline;  
}

body
{	
font:1.1em/1.4 'Open Sans', Helvetica, Arial, sans-serif;
color:#000000;
background-color:#ffffff;
} 

p
{
margin:10px 0 5px 0;
}

p.cent-nop
{
text-align:center;
margin:0;
padding:0;
}

p.bord
{
padding:5px 10px;;	
margin:5px 0;
}

.fllt
{
float:left;	
margin-right:2%;
}

.flrt
{
float:right;
margin-left:2%;	
}

#hidden
{
display:none;
visibility:hidden;
}

#wrapper
{
position:relative;
margin: 0 auto;
width:98%;
max-width:1020px;
background-color:#ffffff;
padding:0 1%;
}

h1
{
font: 1.6em/1.4 'Roboto Condensed', Helvetica, Arial, sans-serif;
text-align:center;
color:#000000;
}


h2
{
font: 1.6em/1.4 'Roboto Condensed', Helvetica, Arial, sans-serif;
color:#000000;
text-align:left;
}

h3
{
font: 1.6em/1.4 'Roboto Condensed', Helvetica, Arial, sans-serif;
color:#000000;
margin-bottom: 5px;
}

#header
{
float:left;
width:100%;
display:block;
height:200px;
}

#header h2
{
width:100%;
font: 2.4em/1.4  'Roboto Condensed', Helvetica, Arial, sans-serif;
margin:0;
padding:0;
text-align:center;
color:#000000;
}

a.head-link
{
color:red;
}

a:hover.head-link 
{
color:red;
text-decoration:none;
}

#socialWrapper 
{
position:absolute;
top:0;
right:-40px;
width:40px;
text-align:center;
z-index:100;
}

.ie6 #socialWrapper {display:none;} 

#social 
{
position:absolute;
top:0;
width:40px;
margin-top:400px;
padding:5px 0;
}

.ie6 #social {display:none;} 

#social.fixed 
{
position:fixed;
top:0;
}

.navigation
{
clear:both;
float:left;
display:block;
width:100%;
height:40px;
margin-bottom:5px;
text-align:center;
}

.navigation ul
{ 
float:left;
width:100%;
height:auto;
display:block;
margin:0;
padding:0;
} 

.navigation li
{
display:inline;
}

.navigation a
{
float:left;
display:block;	
width:24.8%;
color:#000000;
font: 1em/3 'Roboto Condensed', Helvetica, Arial, sans-serif;
background-color:#eeab05;
text-align:center;
border-right:grey 1px solid;
-moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}

.navigation a:hover
{
color:#000000;
background-color:#ffffff;	
text-decoration:none;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.navigation a.onpage
{
display:block;	
color:#000000;
background-image:none;
background-color:#000000;
font-weight:bold;
}

#right-column
{
float:right;
width:20%;
margin-top:92px;
color:#ffffff;
}

.filler
{
display:block;	
width:100%;
height:60px;
color:#ffffff;
background-color:#1b68ba;
padding:0;
margin-bottom:2px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-o-border-top-left-radius: 5px;
-o-border-top-right-radius: 5px;
border-radius: 5px 5px 0 0;
}

.filler2
{
display:block;	
width:100%;
height:auto;
color:#ffffff;
background-color:#1b68ba;
padding:0;
text-align:center;
margin-bottom:2px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-o-border-top-left-radius: 5px;
-o-border-top-right-radius: 5px;
border-radius: 5px 5px 0 0;
}


#right-column ul
{
padding:0;
margin:0;
}

#right-column a
{
display:block;	
color:#ffffff;
font: 0.9em/3 'Roboto Condensed', Helvetica, Arial, sans-serif;
text-decoration:none;  
color:#000000;
background-color:#eeab05;
padding-left:5%;
margin-bottom:2px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-o-border-top-left-radius: 5px;
-o-border-top-right-radius: 5px;
border-radius: 5px 5px 0 0;
}

#right-column a:hover
{ 
display:block;	
color:#000000;
text-decoration:none;  
background-color:#ffffff;
}

#right-column a.nopad
{
padding:0;
width:100%;
line-height:1;
background-color:#ffffff;
}

#content
{
float:left;
margin:0;
padding:15px 0;
width:78%;
min-height:600px;
}

#content-wide
{
float:left;
width:100%;
margin-top:5px;
min-height:600px;
padding:0;
background-color:#ffffff;
}


#content ul
{
margin-left:15%;
margin-top:10px;
margin-bottom:10px;
}

#content li
{
list-style-type:square;
margin-bottom:10px;
}

#colwide
{
float:left;
width:94%;
margin:10px 2%;
min-height:500px;
background-color:#ffffff;
}

.row
{
float:left;
width:100%;
padding:0;
margin:0;
}

.col1
{
float:left;
width:32%;
margin:0;
margin-bottom:10px;
padding:0;
}

.col2
{
float:left;
width:32%;
margin:0;
margin-left:1%;
margin-bottom:10px;
padding:0;
}

.col3
{
float:left;
width:32%;
margin:0;
margin-left:1%;
margin-bottom:10px;
padding:0;
}

.col1of2
{
float:left;
width:47%;
margin:0;
margin-bottom:10px;
padding:0;
}

.col2of2
{
float:right;
width:47%;
margin:0;
margin-left:1%;
margin-bottom:10px;
padding:0;
}

#sitemap
{
margin-top:25px;
width:30%;
margin-left:35%;
color:#ffffff;
}

#sitemap ul
{ 
padding:0;
margin:0;
list-style-type:none;
width:100%;
}

#sitemap li
{
list-style-type:none;
display:block;
width:100%;
}

a.site
{
display:block;	
color:#000000;
font: 1em/3 'Roboto Condensed', Helvetica, Arial, sans-serif;
text-decoration:none;  
background-color:#eeab05;
padding-left:5%;
padding:5px 0 5px 5%;
margin-bottom:2px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-o-border-top-left-radius: 5px;
-o-border-top-right-radius: 5px;
border-radius: 5px 5px 0 0;
}

a:hover.site
{ 
display:block;	
color:#000000;
background-color:#ffffff;
}

#footer
{
clear:both;
width:100%;
height:100px;
text-align:center;
margin:0;
padding-top:15px;	
}

#footer ul
{
list-style-type:none;	
margin:0;
padding-top:10px;
}

#footer li
{
display:inline;
}

#footer a           
{	
color:#000000;
padding:0 1%;
text-align:center;
font: 0.9em 'Roboto Condensed', Helvetica, Arial, sans-serif;
}

#footer a:hover    
{ 
color:#999999;
text-decoration:underline;  
text-align:center;
}

.cent
{
text-align:center;
}

.red
{
color:red;	
}

.bold
{
font-weight:bold;
}

.centbold
{
font-weight:bold;
text-align:center;
}

.large
{
font-size:1.2em;
}

.boldsm
{
font:bold 12px/1.4 Arial, sans-serif;
}

hr
{
clear:both;
width:100%;
line-height:2px;
background-color:white;
border-top:2px solid #000000;
}

.flrt
{
float:right;
margin:2px 0 2px 2%;
padding:0;
}

.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clear
{
clear:both;
float:left;
width:100%;
display:inline-block;
line-height:0.5;	
}

img
{
max-width:100%;
height:auto !important;
}

iframe
{
max-width:100%;
height:auto !important;
}


#my-menu
{
text-transform:uppercase;
}

#mobile-nav
{
clear:both;
float:left;
display:block;
width:100%;
background-color:#1b68ba;	
margin-bottom:5px;
border-top:2px solid #000000;
border-bottom:2px solid #000000;
}

#mobile-nav ul li
{
display:block;
width:100%;
}

#mobile-nav a
{
display:block;
width:100%;
color:#ffffff;
background:#1b68ba url('dave/navicon-wt.jpg') 5% 50% no-repeat;
line-height:2.4;
box-shadow:none;
}

#mobile-nav a:hover
{
color:black;
background:#ffffff url('dave/navicon-gr.jpg') 5% 50% no-repeat;
text-decoration:none;
}

@media screen and (min-width: 768px)
{
#mobile-nav-menu {display:none;}
#mobile-nav {display:none;}
}

@media screen and (min-device-width: 768px)
{
#mobile-nav-menu {display:none;}
#mobile-nav {display:none;}
}

@media screen and (min-width: 320px) and (max-width: 767px) , (min-device-width: 320px) and (max-device-width: 767px)
{
body {background-color:#ffffff; font:18px/1.4 'Open Sans', Helvetica, Arial, sans-serif;}
#wrapper {margin-top:0; margin-bottom:0; padding-left:1%; padding-right:1%; width:98%; background-color:#ffffff; padding:0;}
.skip {display:none;}
#header {float:left; width:100%; text-align:center; height:170px;}
#header h2 {width:100%; font: 2em/1em  'Roboto Condensed', Helvetica, Arial, sans-serif; }
h1 {font: 1.8em/1.4 'Roboto Condensed', Helvetica, Arial, sans-serif;}
h2 {font: 1.6em/1.4 'Roboto Condensed', Helvetica, Arial, sans-serif;}
h3 {font: 1.4em/1.4 'Roboto Condensed', Helvetica, Arial, sans-serif;}
.navigation {display:none;}
#social {display:none;}
#socialWrapper {display:none;}
#right-column {display:none;}
#sitemap {margin-top:5px; width:80%; margin-left:10%; color:#ffffff;}
#content {padding:none; padding-left:2%; padding-right:2%; width:96%; text-align:justify; }
#colfull {padding:none; padding-left:2%; padding-right:2%; width:96%;}
.col1 {float:left; padding:0; margin:0; padding-left:1%; padding-right:1%; width:98%;min-height:0px;}
.col2 {clear:both; float:left; padding:0; margin:0; padding-left:1%; padding-right:1%; width:98%; min-height:0px;}
.col3 {clear:both; float:left; padding:0; margin:0; padding-left:1%; padding-right:1%; width:98%; min-height:0px;}
#footer {display:none;}
.flrt {float:none; clear:both; text-align:center; width:60%; margin-left:20%; margin-right:20%;}
#hidden {clear:both; text-align:cent; visibility:visible; display:block; margin-bottom:20px;}
#mobile-nav-menu {display:block;}
#mobile-nav {display:block;}
}

@media screen and (min-width: 768px) and (max-width: 900px) , (min-device-width: 768px) and (max-device-width: 900px)
{
.navigation a {font: 1em/3 Arial, Helvetica, sans-serif;}
#phone {width:30%;}
}

@media screen and (min-width: 768px) and (max-width: 1045px) , (min-device-width: 768px) and (max-device-width: 1045px)
{
#social {display:none;}
}


