a           
{	
color:navy; 
text-decoration:none;
}

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

body
{	
font:16px/1.4 'Open Sans', Helvetica, Arial, sans-serif;
color:#333;
background-color:#ffffff;
} 

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

p.bord
{
padding:5px;	
margin:8px 0;
border:2px solid #dddddd;
}

p.thin
{
padding:0;
margin:0;
line-height:1;
}

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

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

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

#wrapper
{
position:relative;
margin: 0 auto;
width:99%;
max-width:1100px;
background-color:#ffffff;
padding:0 0.5%;
}

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

h2
{
font: 1.4em/1.4 'Open Sans', Helvetica, Arial, sans-serif;
color:#000000;
padding:0;
margin:10px 0 0 0;
text-align:left;
}

h3
{
font: 1.2em/1.4 'Open Sans', Helvetica, Arial, sans-serif;
color:#000000;
}

#header
{
float:left;
width:100%;
height:180px;
}

.head-link
{
width:100%;
}

a.head-link
{
color:#000000;
}

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

#title
{
float:left;
width:100%;
margin-top:30px;
}

#title h1
{
width:90%;
margin-left:10%;
font: 3em/1.4 'Open Sans', Helvetica, Arial, sans-serif;
padding:0;
text-align:left;
color:#000000;
}

#title h2
{
width:90%;
margin-left:10%;
font: 2.4em/1.4 'Open Sans', Helvetica, Arial, sans-serif;
text-align:left;
color:#000000;
}

.strap
{
font: italic 1.4em/1.4 'Open Sans', Helvetica, Arial, sans-serif;
color:#000000;
}

#phone
{
float:left;
width:96%;
height:auto;
margin-top:20px;
padding:3px 2%;
color:#000000;
background:#ffffff;
text-align:right;
font: 2em/1.4 'Open Sans', Helvetica, Arial, sans-serif;
}

#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
{
float:left;
display:block;
width:100%;
background-color:#993399;
background-color:#853f98;
}

.navigation ul
{ 
width:100%;
height:auto;
display:block;
} 

.navigation li
{
display:inline;
}

.navigation a
{
float:left;
display:block;	
width:11.1%;
color:#ffffff;
font-family: Arial;
background-color:#853f98;
text-align:center;
line-height:3;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}

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

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

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

.filler
{
display:block;	
width:100%;
height:60px;
color:#ffffff;
background-color:#853f98;
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:96%;
height:auto;
color:#ffffff;
background-color:#853f98;
padding:5px 2%;
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;
}

p.fill
{
padding:0;
margin:0;	
}

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

#right-column a
{
display:block;	
color:#ffffff;
font:15px/3 Arial, sans-serif;
text-decoration:none;  
color:#ffffff;
background-color:#853f98;
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:#853f98;
}

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

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

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

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


#contentwide ol
{
margin-left:3%;
margin-top:10px;
margin-bottom:10px;
}


#colwide
{
float:right;
width:100%;
min-height:500px;
padding:15px 0;
background-color:#ffffff;
}

#colwide ul
{
list-style-type:square;
margin-left:15%;
}

#colwide li a
{
font:16px/2 'Open Sans', Helvetica, Arial, sans-serif;
background-color:#853f98;

}

#colwide li a:hover
{
font:16px/2 'Open Sans', Helvetica, Arial, sans-serif;
}

#colfull
{
float:left;
width:98%;
padding:0 1%;
background-color:#ffffff;
}
 
#col1
{
float:left;
width:58%;
margin-bottom:10px;
padding:0;
}

#col2
{
float:right;
width:40%;
margin-left:2%;
margin-bottom:10px;
padding:0;
}

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

#col4
{
float:right;
width:47%;
margin-left:2%;
margin-bottom:10px;
padding:0;
}

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

#sitemap ul
{ 
float:left;
list-style-type:none;
width:100%;
}

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

#sitemap a
{
display:block;	
color:#ffffff;
font:15px/3 Arial, sans-serif;
text-decoration:none;  
background-color:#003366;
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;
}

#sitemap a:hover
{ 
display:block;	
color:#333;
background-color:#ffffff;
}

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

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

#footer li
{
display:inline;
}

#footer a           
{	
color:navy;
padding:0 1%;
text-align:center;
font:12px/1.5 Arial, sans-serif;
}

#footer a:hover    
{ 
color:navy;
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;
}

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

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

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

.clear-right
{
clear:right;
}


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

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

#mobile-nav
{
clear:both;
float:left;
display:block;
width:100%;
background-color:#853f98;	
margin-bottom:5px;
}

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

#mobile-nav a
{
display:block;
width:100%;
color:black;
background:#853f98 url('images/navicon-wt.jpg') 10% 2px no-repeat;
height:41px;
box-shadow:none;
}

#mobile-nav a:hover
{
color:black;
background:#853f98 url('images/navicon-gr.jpg') 10% 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-image:none; background-color:#ffffff;}
#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; background-image:none; height:180px; background: url('images/RVC.jpg') 100% 50% no-repeat; }
#title {width:90%; text-align:center; margin-right:10%; }
.navigation {display:none;}
#social {display:none;}
#title h1 {width:100%; font: 2em/1.4 'Open Sans', Helvetica, Arial, sans-serif; padding:0; margin:0; text-align:center;}
#title h2 {width:100%; font: 1.6em/1.4 'Open Sans', Helvetica, Arial, sans-serif; padding:0; margin:0; text-align:center;}
#right-column {display:none;}                                                                                                                    
#content {padding:none; padding-left:2%; padding-right:2%; width:96%; text-align:justify; font-size:1.2em;}
#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 {float:left; padding:0; margin:0; padding-left:1%; padding-right:1%; width:98%;min-height:0px;}
#col4 {clear:both; float:left; padding:0; margin:0; padding-left:1%; padding-right:1%; width:98%; min-height:0px;}
#contentwide ol {margin-left:8%; margin-top:10px; margin-bottom:10px; }
#footer {display:none;}
.flrt {float:none; clear:both; text-align:center; width:90%; margin-left:5%; margin-right:5%;}
.fllt {float:none; clear:both; text-align:center; width:90%; margin-left:5%; margin-right:5%;}
#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;}
}