body {	 background: #0c0c33; 
margin: 0px auto; 
padding:0px;
	text-align:center;    background-color:#16165c;

}



 #wrapper {  
width:100%; 
background: transparent;
margin:0px auto;   
padding:0px;  
}
  
 
#logobox {  text-align:center; 
margin: 0px auto; 
padding: 0px; max-width:1150px; background:#16165c;  
} 
 
 
#logo {
 text-align: center;
  font: normal 45px copperplate, 'Merriweather', verdana, serif;   ;
 margin: 0px auto;  
 padding:40px auto;    color: #ffffff;  
 background: transparent; max-width:100%; background:#16165c;  
}
  
.logosubliner {
 text-align: center;
  font: normal 17px helvetica, sans-serif;
 margin: 3px 0 4px 0;  
 padding: 10px auto 20px auto;   color: #ffffff; 
  background:#16165c;   max-width:100%;
}
  
 
.logosublinertwo {
 text-align: center;
  font: normal 13px verdana, helvetica, sans-serif;
 margin: 5px 0 14px 0;  
 padding:  0px;   color: #eaf202; 
  background:#16165c;   max-width:100%;
}
  
 
.logosubliner a, .logosublinertwo a {  color: #eaf202; text-decoration: none;  }
 
.logosubliner a:hover, .logosublinertwo a:hover {  color: #eaf202;  text-decoration: underline; }
    

 
#temparea {  
max-width:100%;  text-align:center;
  margin:0px auto; padding:10px 0px 0px 0px; 
background: #ffffff; width:100%;   }




#content  { 
max-width: 910px;  
margin:0px auto; text-align:center;
padding: 2px 0px 0px 0px;
background:transparent; width:100%;
}
  
 
#contentbus { 
max-width: 990px;  
margin:0px auto; text-align:center;
padding: 2px 0px 0px 0px;
background:transparent; width:100%;
}


#content ul, #contentbus ul { text-align:left; padding:0px; margin:0px 0px 3px 20px; text-decoration: none;   }
  
#content li, #contentbus li {   text-align:left; font: normal 14px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica; color: #000000; margin:5px auto 8px auto;  padding:3px 0px 3px 0px; background:transparent; line-height: 17px;  } 
    


#contenthome { 
max-width: 1150px;  
margin:0px auto; text-align:center;
padding: 2px 0px 0px 0px;
background:transparent; width:100%;
}
  
 
#contenthome ul { text-align:left; padding:0px; margin:7px 0px 3px 20px; text-decoration: none; }
  
#contenthome li {   text-align:left; font: normal 14px verdana, arial, helvetica, san-serif;  color: #000000; margin:3px auto;  padding:3px 0px 3px 0px; background:transparent;} 
 
     
 
h1 { text-align:left; 
font: bold 17px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
color: #003300; 
padding:10px 0px 7px 0px; 
margin: 0px auto;
background: transparent; 
text-transfrom: uppercase;}
 

h2 { text-align:left; 
font: normal 14px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
color: #000000; 
padding:10px 0px; 
margin: 0px;
background: transparent; line-height:22px;}


h3 { text-align:left; 
font: bold 14px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
color: #812119; 
padding:0px; 
margin: 5px 0px;
background: transparent;  } 
 
h4 { text-align:center; 
font: normal 20px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
color: #ffffff; 
padding:0px; 
margin: 0px auto;
background: #16165c;  }

h5 { text-align:left; 
font: normal 15px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
color: #003300; 
padding:5px 0px 0px 0px; 
margin: 0px;
background: transparent;}
  
  h5 a { text-decoration: none;}

  h5 a:hover { text-decoration: underline;}
  
  
h6 { text-align:left; 
font: bold 13px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
color: #3d1c08; 
padding: 5px 0px 2px 0px; 
margin: 0px auto;
background: transparent;
text-transfrom: uppercase;  }



.container{ margin: 0px auto; width: 100%; }

.header, .nav{ margin: 0px auto; width: 100%; }
 
.nav-container{ background: url('images/nav_bg.jpg') repeat-x 0 0;}


.f-nav{ z-index: 9999; position: fixed; top: 0; width: 100%;} /* this make our menu float top */
   
 
 
 
/*Media Queries styles used when to have the fixed not work till reaches a smaller screen 999px and lower*/
@media screen and (max-width:4980px) and (min-width:999px){
 
.nav-container{ background: url('images/nav_bg.jpg') repeat-x 0 0;}


.f-nav{ z-index: 9999; position: absolute; top: 0; width: 100%;} /* this make our menu float top */
}






*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
 

#columnsContainer, footer, header { position: relative; margin: 0px auto; background:#fff;}

#leftColumn  {  margin-bottom: 10px; border-right: 1px solid  #ccc; padding: 1.25em; }


#leftColumn ol {padding: 0px;margin:1px 0 8px 30px; }

#leftColumn li {font:400 13px verdana,arial,helvetica,san-serif;color:#000;text-align:left;margin:12px 0px;padding:0px;background:#fff; } 
 
 

#leftColumn h1{font:700 16px verdana,arial,helvetica,san-serif;color:#882c5e;text-align:left;margin:0px 0 10px 0;padding:0;background:#fff}

#leftColumn h2{font:400 13px verdana,arial,helvetica,san-serif;color:#000;text-align:left;margin:15px 0px;padding:0px;background:#fff; line-height: 18px;}


#leftColumn h3{font:400 13px verdana,arial,helvetica,san-serif;color:#000;text-align:left;margin:3px 0px;padding:0px;background:#fff; line-height: 15px;}


 
#rightColumn, footer, header { margin-bottom: 10px; padding: 1.25em; }


#rightColumn h1 {text-align:left;font:700 16px verdana,arial,sans-serif;color:#882c5e;margin:0px 0 10px 0;padding:0;background:0 0}


#rightColumn h2 {text-align:left;font:400 16px verdana,arial,sans-serif;color:#882c5e;margin:30px 0;padding:0;background:0 0}

 
   
  
#columnsContainer ul{padding:3px 0;margin:10px 0 8px 20px;background:0 0}

#columnsContainer li{font:400 12px verdana,arial,helvetica,san-serif;color:#000;text-align:left;margin:3px 0px;padding:1px;background:#fff; line-height: 14px;}

/* MEDIA QUERIES */
@media screen and (min-width: 47.5em ) {
#leftColumn { margin-right: 19.5em; }
#rightColumn { position: absolute; top: 0; right: 0; width: 17.75em;  }   
}

#rightColumn ul{padding:3px 0;margin:10px 0 8px 20px;background:0 0}

 
#rightColumn li{font:400 11px verdana,arial,helvetica,san-serif;color:#000;text-align:left;margin:3px 0px;padding:1px;background:#fff; line-height: 14px;}


  


#columnbox {  float:none;
text-align:center; 
 margin:0px auto; padding:5px 0px 0 0;
max-width:1080px;
  width:100%;    background:#fff;   
  
}   
  
 
#columns2 {  
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;
  -moz-column-rule: 1px solid #000;
  -webkit-column-rule: 1px solid #000;
  column-rule: 1px solid #000;
	padding:0 5px; margin:18px 0px;
}


#columns2 ul { text-align:left;  margin:18px 0px; padding:0px;}

 
#columns2 li { text-align:left; font: normal 14px verdana, arial, helvetica, sans-serif;  color: #000000; background: transparent; margin:8px 0px; padding:0px; width:100%}

#columns2 ul{margin:0;padding:0 0  0 1px;list-style:disc; }

   
 
#columns2 {
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;
  -moz-column-rule: 1px solid #000;
  -webkit-column-rule: 1px solid #000;
  column-rule: 1px solid #000;
	padding:0 5px; margin:10px 0px;
}


#columns2 ul { text-align:left;  margin:18px 0px; padding:0px;}

 
#columns2 li { text-align:left; font: normal 24px verdana, arial, helvetica, sans-serif;  color: #000000; background: transparent; margin:8px 0px; padding:0px; width:100%}

#columns2 ul{margin:0;padding:0 0  0 1em;list-style:disc; }

   
 
#columns3 {  
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
	column-count: 3;
	column-gap: 30px;
  -moz-column-rule: 1px solid #000;
  -webkit-column-rule: 1px solid #000;
  column-rule: 1px solid #000;
	padding:0px; margin:10px 0px;
	
}



#columns3 ul { text-align:left;  margin:18px 0px; padding:0px; }

 
#columns3 li { text-align:left; font: normal 14px verdana, arial, helvetica, sans-serif;  color: #000000; background: transparent; margin:8px 0px; padding:0px; width:100%; }
#columns3 ul{margin:0;padding:0 0  0 1em;list-style:disc;  }



  

@media screen and (max-width:750px){


#columns2, #columns3 {
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;
  -moz-column-rule: 1px solid #000;
  -webkit-column-rule: 1px solid #000;
  column-rule: 1px solid #000;
	padding:0 5px; margin:10px 0px;
}

}


  

@media screen and (max-width:760px){

#leftColumn  {  margin-bottom: 10px; border-right:none; padding: 0px; }

}



@media screen and (max-width:450px){


#columns2, #columns3 {
	-moz-column-count: 1;
	-moz-column-gap: 20px;
	-webkit-column-count: 1;
	-webkit-column-gap: 50px;
	column-count: 1;
	column-gap:  0px;
  -moz-column-rule: 1px solid #000;
  -webkit-column-rule: 1px solid #000;
  column-rule: 1px solid #000;  
	padding:0 2px; margin:3px 0px; width:400px
}
}
 











 
#subheading { text-align:center; 
font: bold 14px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
color: #3d1c08; 
padding:8px 0px; 
margin: 0px auto;
background: transparent; 
text-transfrom: uppercase;} 

 
#subheader{ text-align:center; 
font: bold 13px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
color: #3d1c08; 
padding:8px 0px; 
margin: 0px auto;
background: transparent; 
text-transfrom: uppercase;} 
 
 

.tabtextfrom {
  text-align:left;
  color: #000;
  font: normal 13px Helvetica, sans-serif;

  background-color:transparent;
   padding:4px 1px 4px 5px;
  margin:0px;
}


.tabtextfrom td { vertical-align: top;
  text-align:left;
  color: #000;
  font: normal 13px Helvetica, sans-serif;

  background-color:transparent;
   padding:4px 1px 4px 5px;
  margin:0px;
}

.tabtextbox {
  text-align:left; 
  background-color:transparent;
   padding:4px 1px 4px 5px;
  margin:0px;
}

#framearea { text-align:center; margin:0px auto; padding: 10px 0px 5px 0px; max-width:100%;}  
 
 
 
 #imagerighthome { float:right;
margin:5px 0px 10px 10px; 
padding: 0px;
background: transparent;  max-width:580px;width:100%;
}


 #imagerightpic, .imagerightpic { display:inline;float:right;
margin:5px 0px 10px 10px; 
padding: 0px;
background: transparent;  max-width:100%;
}

 #imagerightlisting { display:inline;float:right;
margin:5px 0px 10px 10px; 
padding: 0px;
background: transparent;  max-width:100%;
}
 
 
 #imageleftpic { float:left;
margin:5px 10px 8px 0px; 
padding: 0px;
background: transparent;  max-width:100%;
}
 

 #imageleft { float:left;
margin:5px 10px 8px 0px; 
padding: 0px;
background: transparent;  max-width:100%;
}
   

 #imageright { float:right;
margin:5px 0px 10px 10px; 
padding: 0px;
background: transparent;  max-width:100%;
}
  
 .imageleft { float:left;
margin:5px 10px 10px 0px; 
padding: 0px;
background: transparent;  max-width:100%;
}
  
 
.imageright { float:right;
margin:5px 0px 10px 10px; 
padding: 0px;
background: transparent;  max-width:100%;
}

   
#imagecenter { text-align:center; margin:0px auto; padding: 0px; max-width:100%; min-width:100%;  } 
 

.imagecenter { text-align:center; margin:0px auto; padding: 0px; max-width:100%; min-width:100%; } 

 

#tabtextbkg { text-align:center; 
font: normal 20px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
color: #ffffff; 
padding:8px auto 8px auto; 
margin:10px auto; 
background: #16165c;  }


.tabtextbkg {  text-align:left; font: bold 11px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
margin: 0px; padding:3px 0px 3px 5px;  color: #ffffff; background:#3d1c08; }
  

.tabtext {
  text-align:left;
  color: #000;
  font: normal 11px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  background-color:transparent;
   padding:3px 5px 3px 5px;
  margin:0px;
}


.tabtextbold {
  text-align:left;
  color: #000;
  font: bold 11px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
  background-color:transparent;
   padding:3px 3px 3px 7px;
  margin:0px;
}
 
 .tabtextleft { text-align:left; font: normal 11px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica; color: #000000; background:#fff; margin:3px auto;  padding:2px 5px 5px 5px; max-width:100%; vertical-align: top;} 
 
 
  

.center { text-align:center; 
padding:0px; 
margin: 0px auto; }


#center { text-align:center; 
padding:0px; 
margin: 0px auto; }


.links { text-align:center; font: normal 11px verdana, arial, helvetica, san-serif; color: #000000; background: transparent; padding: 10px 0px 10px 0px; margin: 0px; max-width:100%; min-width:`100%; }



#return { clear:both;  text-align:center; font: normal 10px verdana, arial, helvetica, san-serif;  color: #000000; padding: 10px 0px 10px 0px;   cursor: pointer; background: transparent;}

#return a {
color: #000000;
text-decoration: underline;
}
 
#return a:hover {
color: #3d1c08;
text-decoration: none;
}

 

#navbottom {
text-align:center; 
border-top: 1px solid #3d1c08; 
border-bottom: 1px solid #3d1c08; 
color: #000000;
font: normal 10px verdana, arial, helvetica, san-serif;
text-decoration: none;
cursor: pointer;
background: #ffffff;
margin: 5px 0px 5px 0px; padding:   10px 0 10px 0;
max-width:100%;  
}

#navbottom a { color: #000000; text-decoration: none; background:transparent; 
}
 
#navbottom a:hover { color: #3d1c08; text-decoration: underline; background:transparent; 
}

 
  
#bottombox { text-align:center;   background:#5c1616;   margin:0px auto; padding: 10px 0px; width:100%;}


#bottomboxtwo { text-align:center;  background:#16165c;   margin:0px auto; padding: 10px 0px 0 0; width:100%;}

#address { 
text-align:center; 
color: #fff;
font: bold 14px verdana, arial, helvetica, san-serif;
background:#3d1c08
padding:10px 0px 0px 0px; margin:10px 0px 0px 0px; 
}


 #address1 { 
text-align:center; 
color: #fff;
font: normal 13px verdana, arial, helvetica, san-serif;
background:transparent;
padding:0px 0px 10px 0px; margin:0px auto; 
}
 
#address1 a {   color: #fff; text-decoration: underline; }


#address1 a:hover {   color: #fff; text-decoration: none;   }


 
#byline { clear:left; text-align:center; font: normal 10px verdana, arial, helvetica, san-serif;  color: #fff; background: transparent; 
padding: 10px 0px; margin: 0px auto;}

#byline a {   color: #fff; }


#byline {   color: #fff; text-decoration: none; }



 
#stats { clear:left;
text-align:center; 
font: normal 10px verdana, arial, helvetica, san-serif; 
color: #fff;
padding:120px 0px 10px 0px; margin: 0px auto;
background: transparent;}
 
 

table td {
        border: 1px solid #ccc; 
      }
    
 
 table { 
  width: 99%;  margin:0px auto; text-align:center;
  padding:0px;
  border-collapse: collapse; 
}
  

form input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] { max-width:100%;min-width:90%; 
  display: block;
  margin: 5px; padding:0px; 
  line-height: 11px;   
}
   
     
from input[type=submit], input[type=reset] { margin: 1px 2px;  
  max-width: 100%; width: 87px; float:left;  }
  
  
  
  


/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0; max-width:96%;
     text-align:center; 
     margin:10px auto 20px auto;
}
 
.responsive-iframe-container iframe,  
.vresponsive-iframe-container object, 
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
#callus { 	display: none;   padding:0px; margin:0px;
}
 
   
 
 

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 4980px)  and  (min-width: 480px)

{
 
#callus { 	display: none;  padding:0px; margin:0px;}
}  
 
 
 
 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 4980px)  and  (min-width: 680px)

{ 
 
#return, #navbottom { 	display: none;  padding:10px 0 10px 0; margin:0px;}
   
 } 
 
 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 4980px)  and  (min-width: 200px)

{ 
 
#tags { display:none;}
 

#tags a {
color: #3d1c08;

}

#tags a:hover {
color: #3d1c08; } 
 } 



/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 4980px)  and  (min-width: 10px)

{ 

#stats  { display:none;}
}



 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 490px) {
   

#callus { display: block;  
 text-align: center;  color: #ffffff;
 font: bold 11px verdana, arial, helvetica, sans-serif;
 margin:6px auto; 
 padding:5px;   width:100%;
 background: #16165c;   -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;max-width:95%; 
min-width:95%;
}

#callus a { 
 padding:0px; margin:0px;  color: #ffffff; text-decoration:none;
 background: transparent;
}
  
 
 #callus a:hover { 
 padding:0px; margin:0px;  color: #ffea00; text-decoration:none;
 background: transparent; text-decoration: underline;
} 
 
}




  

/*Styles for screen 640px and lower*/
@media only screen and (max-width: 1240px) {
 
#content, #contentbus {   width: 97%;  }  

}

 

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 1300px)

{

body {  text-align:center; 
margin: 0px auto; 
padding: 0px; max-width:100%; 
} 
  
 
#logobox {  text-align:center; 
margin: 0px auto; 
padding: 0px; max-width:100%; background:#16165c;  width:100%;
}
}
      
      
      
      
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 1100px)

{ #logo { font: normal 41px copperplate, 'Merriweather', serif;  }
}

 

      
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 1000px)

{  #logo { font: normal 38px copperplate, 'Merriweather', serif; }
  }
  
  
  
   
  
  
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 4680px)  and  (min-width: 940px)

{
 
#logo br { display:none;}

 
}
 
      
      
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 970px)

{  #logo { font: normal 38px copperplate, 'Merriweather', serif; 
line-height:43px;}

 
.logosubliner {
 text-align: center;
  font: normal 13px verdana, helvetica, sans-serif;
 margin: 5px auto 5px auto;  
 padding:0px;   color: #ffffff; 
  background:#16165c;   max-width:100%;
}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 940px) {

#logo br { display:inline;}
  
 
  }

  
      
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 940px)

{  
#logo { 
margin: 5px auto 5px auto;  
font: normal 46px copperplate, 'Merriweather', serif; 
line-height: 38px; color: #ffffff; }
}
    
    
 
      
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 860px)

{   
#logobox {  text-align:center; 
margin: 0px auto 0px auto;  
padding: 10px 0px; max-width:100%; 
}



.logosubliner {
 text-align: center;
  font: normal 15px helvetica, sans-serif;
 margin: 8px 0 4px 0;  
 padding: 10px auto 20px auto;   color: #ffffff; 
  background:#16165c;   max-width:100%;
}
  
 
.logosublinertwo {
 text-align: center;
  font: normal 13px verdana, helvetica, sans-serif;
 margin: 5px 0 10px 0;  
 padding: 0px;   color: #eaf202; 
  background:#16165c;   max-width:100%;
}
  

#imagerightpic, .imagerightpic { float:right; text-align:center; padding:0px 0px 10px 10px; padding: 0px;  max-width:55%; width:100%;  }
 
 #imagerightlisting, .imagerightlisting { float:right; text-align:center; padding:0px 0px 10px 10px; padding: 0px;  max-width:180px; width:100%;  }

  
  }



 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 4680px)  and  (min-width: 770px)

{ 
  
 
#tags  { display: none; 
	}
	
    #stats  { display: none; 
	}

}
 

 

/*Styles for screen 640px and lower*/
@media only screen and (max-width:800px) {
  
 
#byline { clear:left; text-align:center; font: normal 9px verdana, arial, helvetica, san-serif;  color: #fff; background: transparent; 
padding: 1px 0px 5px 0px; margin: 0px 15px 0 15px;} 

} 
  
   

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 770px)

{  #logo { 
margin: 5px auto 5px auto;  
font: normal 44px copperplate, 'Merriweather', serif; 
line-height: 38px;} 
 
 

#imagerightlisting, .imagerightlisting { float:right; text-align:right; padding:0px 0px 10px 10px; padding: 0px;  max-width:150px; width:100%;  }


h5 { text-align:left; 
font: bold 14px "Trebuchet MS", Trebuchet, Times New Roman,Times,serif;
color: #003300; 
padding:0px; 
margin: 0px auto;
background: transparent; 
text-transfrom: uppercase;}

#imageleftpic, .imageleftpic {  float:left; text-align:center; padding:0px 10px 10px 0px; padding: 0px;  max-width:55%; width:100%;  } 
 
 
#imagerighthome, .imagerighthome  { float:none; text-align:center; margin:0px auto; padding: 0px; max-width:100%; min-width:100%;   }


#imagecenter, .imagecenter {  text-align:center; margin:0px auto; padding: 0px; max-width:100%; min-width:100%; } 


 
.logosubliner {
 text-align: center;
  font: normal 15px helvetica, sans-serif;
 margin: 8px 0 4px 0;  
 padding: 0px auto;   color: #ffffff; 
  background:#16165c;   max-width:100%;
}
  
 
.logosublinertwo {
 text-align: center;
  font: normal 13px verdana, helvetica, sans-serif;
 margin: 5px 0 10px 0;  
 padding:0px;   color: #eaf202; 
  background:#16165c;   max-width:100%;
}



} 





/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 760px)

{  
#imagerightpic, .imagerightpic { float:right; text-align:center; padding:0px 0px 10px 10px; padding: 0px;  max-width:55%; width:100%;   }
 
 } 
 
 
 
 
  
/* =Responsive (Mobile) Design logo centering here
-------------------------------------------------------------- */
@media screen and (max-width: 690px)

{
  
  
 
#logobox {  text-align:center; 
margin: 0px auto; 
padding: 10px 0px 20px 0px;  background:#16165c;  
}
      
  
#logobox {   text-align:center; 
margin:0px auto;  max-width:100%;  
padding:0px;   background:#16165c;  
}
 
#logo {
 text-align: center;
  font: normal  43px copperplate, 'Merriweather', serif;   ;
 margin:10px auto;  
 padding:0px;    color: #ffffff; line-height: 36px;
 max-width:100%; background:#16165c;  
}
 
     
#content {   width: 95%;  }  

h5{ text-align:left; 
font: bold 14px "Trebuchet MS", Trebuchet, Times New Roman,Times,serif; } 
}  
  






/*Styles for screen 640px and lower*/
@media only screen and (max-width: 640px) {
 
 
#content, #contentbus {   width: 94%;  }  
  
   
#navbottom { width: 100%;padding:10px 0 10px 0; font: normal 10px verdana, arial, helvetica, san-serif;  margin:5px 0px 5px 0px;
}
  
  
form input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] { max-width:97%;min-width:97%; 
  display: block;
  margin: 0px; padding:2px;
  width: 98%; height: 15px;
  line-height: 10px;  
  border: 1px solid #bbb;
}
   
   
from input[type=submit], input[type=reset] { margin: 1px 3px;  
  max-width: 98%;width: 87px; float:left;  }
   
   
  
}  
  
 
  
 
  
 
/*WORK HERE   Styles for screen 640px and lower*/
@media only screen and (max-width: 640px) {
 
       

#logo {
 text-align: center;
  font: normal 42px copperplate, 'Merriweather', serif;   
 margin: 8px auto 0px auto;  
 padding:0px;    color: #ffffff; line-height: 38px;
 background: transparent; max-width:100%; background:#16165c;  
}
 
   
.logosubliner {
 text-align: center;
  font: normal 14px verdana, helvetica, sans-serif;
 margin: 8px auto 0px auto;  
 padding: 0px;   color: #ffffff; 
  background:#16165c;   max-width:100%; width:100%;
}

.logosublinertwo {
 text-align: center;
  font: normal 12px verdana, helvetica, sans-serif;
 margin: 5px auto 15px auto;  
 padding:0px;   color: #eaf202; 
  background:#16165c;   max-width:100%;width:100%;
}
  
 }
 
 
 
 /*WORK HERE   Styles for screen 640px and lower*/
@media only screen and (max-width: 590px) {
     


#logo {
 text-align: center;
  font: normal 37px copperplate, 'Merriweather', serif;   ;
 margin:10px auto;  
 padding:0px;    color: #ffffff; line-height: 35px;
 background: transparent; max-width:100%; background:#16165c;  
}
 
  
 
.logosubliner {
 text-align: center;
  font: normal 14px helvetica, sans-serif;
 margin: 8px 0 4px 0;  
 padding: 0px auto;   color: #ffffff; 
  background:#16165c;   max-width:100%;
}
  
 
.logosublinertwo {
 text-align: center;
  font: normal 12px verdana, helvetica, sans-serif;
 margin: 5px 0 10px 0;  
 padding:  0px;   color: #eaf202; 
  background:#16165c;   max-width:100%;
}

#imageleftpic, .imageleftpic {  float:left; text-align:center; padding:0px 10px 10px 0px; padding: 0px;  max-width:55%; width:100%;  } 
 

#imagecenter, .imagecenter {  text-align:center; margin:0px auto; padding: 0px; max-width:100%; min-width:100%; } 

 }




/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 530px)

{  
#imagerightlisting, .imagerightlisting { float:right; text-align:right; padding:0px 0px 10px 10px; padding: 0px;  max-width:150px; width:100%;  }
 
 

}

  
 

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 4680px)  and  (min-width: 420px)

{
 #address1 br { display:none} 
}  
  
 
@media only screen and (max-width: 420px) {
  

#address1{ width:95%;   } 

#address1 br { display:inline; } 
   
 }


 

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 490px)

{  
#imagerightlisting, .imagerightlisting { float:right; text-align:right; padding:0px 0px 10px 10px; padding: 0px;  max-width:130px; width:100%;  }
}

  

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 470px)

{  
#imagerightlisting, .imagerightlisting { float:right; text-align:right; padding:0px 0px 10px 10px; padding: 0px;  max-width:100px; width:100%;  }
}

 
  

/* Styles for screen 640px and lower*/
@media only screen and (max-width: 430px) {
   
 
 

#logobox {  text-align:center; 
margin: 0px auto; 
padding: 10px 0px 10px 0px;  background:#16165c;  
}
   

#logo {
 text-align: center;
  font: normal 35px copperplate, 'Merriweather', serif;   ;
 margin:0px auto;  
 padding:0px;    color: #ffffff; line-height: 30px;
 background: transparent; max-width:100%; background:#16165c;  width:90%;
}
  
h5 {  
font: bold 13px "Trebuchet MS", Trebuchet, Times New Roman,Times,serif;
 }

h1 { text-align:center; 
font: bold 15px "Trebuchet MS", Trebuchet, Times New Roman,Times,serif;
color: #003300; 
padding:10px; 
margin: 0px auto;
background: transparent; 
text-transfrom: uppercase;}


.logosubliner {
 text-align: center;
  font: normal 13px helvetica, sans-serif;
 margin: 8px 0 4px 0;  
 padding: 0px auto;   color: #ffffff; 
  background:#16165c;   max-width:100%; width:90%; letter-spacing: 0px;
}
  
 
.logosublinertwo {
 text-align: center;
  font: normal 12px verdana, helvetica, sans-serif;
 margin: 5px 0 10px 0;  
 padding:  0px;   color: #eaf202; 
  background:#16165c;   max-width:100%;
}

    
 }
 
 
 

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 510px)

#imagerightlisting, .imagerightlisting { float:none; text-align:center; padding:0px; padding: 0px; margin:0px auto; max-width:100%; width:100%;  } 
  
  }

/*Styles for screen 640px and lower*/
@media only screen and (max-width: 400px) {
   
#imagerightpic, .imagerightpic { float:none; text-align:center; margin:0px auto ; padding: 0px;  max-width:55%; width:100%;  }
     
#logo {
 text-align: center;
  font: normal 32px copperplate, 'Merriweather', serif;   ;
 margin:0px auto;  
 padding:0px;    color: #ffffff; line-height: 27px;
 background: transparent; max-width:100%; background:#16165c;  width:90%;
}
 
 
 
.logosubliner {
 text-align: center;
  font: normal 12px verdana, helvetica, sans-serif;
 margin: 5px auto 10px auto;  
 padding:0px; letter-spacing: -0.2px;  color: #ffffff; 
  background:#16165c;   max-width:100%;  }
  
  
 }
 
 
@media only screen and (max-width : 380px) { 


#content {    text-align:center; width:97%;  margin:0px auto;  padding:5px; 
}	


   

#imageleft, .imageleft {  text-align:center; margin:0px auto; padding: 0px; border:1px solid #000; max-width:100%; min-width:100%;  } 

#imageright, .imageright { text-align:center; margin:0px auto; padding: 0px; border:1px solid #000;max-width:100%; min-width:100%;   }
 
#imagecenter, .imagecenter { text-align:center; margin:0px auto; padding: 0px; max-width:100%; min-width:100%; } 

  
 
h2 { text-align:left; font: 11px;  
color: #000000; 
background:transparent; margin:1px auto;  
padding:2px 0px 2px 0px; }


h3 {text-align:left;
	font: bold 13px; 
	padding: 10px 0px 5px 0px;
    margin:0px;}
 
h4 { text-align:center; 
font: normal 14px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
color: #ffffff; 
padding:0px; 
margin: 0px auto;
background: #16165c;  }

h5{ text-align:left; 
font: bold 13px "Trebuchet MS", Trebuchet, Times New Roman,Times,serif; } 
}  
  

     
h6 { text-align:left; 
font:  11px verdana, arial, helvetica, san-serif; padding:10px 0px;
 } 
 
  



.tabtext {
  text-align:left;
  color: #000;
  font: normal 10px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:2px;
  margin:0px;
}


.tabtextbold {
  text-align:left;
  color: #000;
  font: bold 10px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:2px;
  margin:0px;
}
  
 
 
	#stats { display: none; 
	}
	
	#tags  { display: none; 
	}
 
	  

 #address { width:94%;
text-align: center; margin:0px auto;
color: #fff;  
}
 

 #address1 { width:94%; text-align: center; margin:0px auto; padding:0px; 
}
	 
	 
}


  
  
 
 
 
 
@media print { 
#callus {   display:none; visibility: none;}  
 

 #logo {  width:100%; } 

.resnav ul li { padding:6px 12px 6px 12px;}

.resnav li { padding:6px 8px 6px 8px;}
 
  
dropdownnav,.dropdownnav  { display:none; padding:0px; margin:0px;} 
 

#navbottom {  display:none;  }

#tags { display:none;}
 

#stats { display:none;} 


}