html,
body {
   
margin:0;
   
padding:0;
   
height:100%;

background:#bac2d9;

}



.head {

margin:0 auto;

}



.header {

background:#08153a;
}



.header img {

max-width:100%;

border:none;
}



a.to_nav {
display:none;

float:right;

color:#fff;

background:#08153a;

text-decoration:none;

padding:0 10px;

margin-bottom:10px;

font-size: 10px;

font-weight:bold;

line-height:22px;

height:22px;

text-transform:uppercase;

letter-spacing:.1em;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

border-radius: 2px;

}



a.to_nav:hover, a.to_nav:focus {

color:#1c1c1c;

background:#ccc;

}




#facebook-sml {
display:none;
}

#paypal-sml {
display:none;
background:#08153a;
}



#cssmenu ul {

list-style-type:none;

width:auto;

position:relative;

display:block;

height:33px;

font-size:.8em;

background: #999999;

font-family:Verdana,Helvetica,Arial,sans-serif;

border-bottom:solid black;

margin:0;

padding:0;

}



#cssmenu li {

display:block;

float:left;

margin:0;
padding:0;

}



#cssmenu li a {

float:left;

color:white;

text-decoration:none;

height:24px;

padding:9px 15px 0;

font-weight:normal;

}



#cssmenu li a:hover,.current {

color:#fff;

background: #666666;

text-decoration:none;

}

#cssmenu .current a {

color:#fff;

font-weight:700;

}



.container {
   
min-height:100%;
   
position:relative;

max-width:760px;

background:white;

margin:0 auto;

}



.grid2 .col:nth-of-type(2n+1),

.grid3 .col:nth-of-type(3n+1) {

margin-left: 0;

clear: left;

}



.col {

background: white;

float: left;

margin-left: 3.2%;

margin-bottom: 10px;

}



.grid2 .col {

width: 48.4%

}



.grid3 .col {
width: 31.2%;

}

#wrap {
    position:relative; /* make this relative to have the inner div absolute without     breaking out */
    width: 100%;  /* fix the width or else it'll be the entire page's width */
    background: none; 
    border: none;
}

#text { 
	width: 100%; 
    background: none; 
    color:black;
	font-size: 16px;
	border-top-style:dotted;
	border-bottom-style:dotted;
	border-color:#666666;
	padding:10 10 10 10;
}


.body {

overflow:auto;   

padding:10px;
   
padding-bottom:60px; /* Height of the footer */

}



.body img {

max-width:400px;

margin:10px;

overflow:hidden;

float:right;

}


.picture { background-color: white;
border: none; padding: 10px; margin-left:10px;
max-width:400px;font: 11px/1.4em Arial, sans-serif; font-style:italic; }

.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; max-width:390px; }

.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }

.left { margin: 0.5em 0.8em 0.5em 0; float:left; }

.body h1 {

font-family: Georgia, serif;

font-size: large;

font-style: bold;

}



.body h2 {

font-family: Georgia, serif;

font-size:medium;

font-style:bold;

margin-top:20px;

}



.body h3 {

font-family: Verdana, Helvetica, Arial, sans-serif;

font-size: medium;

font-style: normal;

margin-top:20px;

line-height:normal;

}



.body p {

font-family: Verdana,Helvetica,Arial,sans-serif;

font-size: .9em;

}



.body li {

font-family: Verdana,Helvetica,Arial,sans-serif;

font-size: .9em;

list-style-type:none;

margin:0 0 10 0;

}



.body a {

text-decoration:none;

color:#1a188b

}



.body a:hover {

text-decoration:underline;

}







#mainpage {

background-color:white;

max-width:100%;

margin:0px auto;

text-align:left;

padding:10px;

}


.mainpage img {
width: inherit;
float:left;
}

#span-a {
   float: left;
   background-color: white;
   color: #030;
   width: 33%;
   padding: 0 0 0 0;
  
 }

 
 #span-b {
 float: left;
 background-color:white;
 width: 33%;
padding: 0 0 0 0;

 
 }
 

#span-c {

background-color:white;
float:left;
width:33%;
padding: 0 0 0 0;

}



#facebook {

width:292px;

background:white;

float:right;

position:relative;

padding-left:10px;

}



#sml-menu li {

display:none;

margin:10;

padding:0;

text-align:right;

}



#sml-menu li a {

color:#333333;

text-decoration:none;

height:20px;

margin:10px 10px 10px;

font-weight:normal;

font-family:verdana,helvetica,arial,sans-serif;

font-size:.6em;

}



#sml-menu li a:hover,.current {

color:black;

text-decoration:underline;

}

.footer {
   position:absolute;
   
bottom:0;
   
width:100%;

background:#08153a;
   
height:60px;   /* Height of the footer */

clear:both;

}



.footer p {

text-align:center;

font-family:verdana, helvetica, arial, sans-serif;

font-size: 10px;

color:white;

margin-left:5px;

margin-right:5px;

}
.footer a {
color:white;
}
.footer a:hover {
color:white;
}



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



.container {
margin:0;
}



.header img {
max-width: 100%;
}



#facebook-sml {

display:none;

float:right;

margin-top:5px;

margin-left:5px;

}




.picture {

max-width: 50%;

margin-left:auto;

margin-right: auto;

}

.picture img {
max-width: 98%;
}


.body {
max-width: 100%;
}



#facebook {
display: none;
}


}



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



.container {
margin:0;
}


.header img 
{max-width: 100%;
}



#facebook-sml {

display:none;

float:right;

margin-top:5px;

margin-left:5px;
}


.picture {

max-width: 50%;

margin-left:auto;

margin-right: auto;
}

.picture img {
max-width: 98%;
}

.body {
max-width: 100%;
}



#facebook {
display: none;
}


}

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


.picture {
max-width: 50%;
}

.picture img {
max-width: 98%;
}


#cssmenu {
display:none;
}


a.to_nav {
display:block;
}



#sml-menu li {
display:block;
}

#paypal-sml {
display:block;
}



.grid3 .col {
width: 48.4%;
}



.grid3 .col:nth-of-type(3n+1) {
margin-left: 3.2%;
clear:none;
}



.grid3 .col:nth-of-type(2n+1) {
margin-left: 0;
clear: left;
}



}



@media only screen and (max-device-width: 700px) {


.picture {
max-width: 50%;
}

.picture img {
max-width: 98%;
}
#span-a {
display:none;
}

#span-b, #span-c {
width:50%;
}

#cssmenu {
display:none;
}


a.to_nav {
display:block;
}



#sml-menu li {
display:block;
}

#paypal-sml {
display:block;
}



.grid3 .col {
width: 48.4%;
}



.grid3 .col:nth-of-type(3n+1) {
margin-left: 3.2%;
clear: none;
}



.grid3 .col:nth-of-type(2n+1) {
margin-left: 0;
clear: left;
}


}

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


.picture {
max-width: 50%;
}

.picture img {
max-width: 98%;
}

#cssmenu {
display:none;
}



a.to_nav {
display:block;
}



#sml-menu li {
display:block;
}

#paypal-sml {
display:block;
}



.grid3 .col {
width: 48.4%;
}



.grid3 .col:nth-of-type(3n+1) {
margin-left: 3.2%;
clear:none;
}



.grid3 .col:nth-of-type(2n+1) {
margin-left: 0;
clear: left;
}

}



@media only screen and (max-device-width: 600px) {


.picture {
max-width: 50%;
}

.picture img {
max-width: 98%;
}

#cssmenu {
display:none;
}



a.to_nav {
display:block;
}



#sml-menu li {
display:block;
}

#paypal-sml {
display:block;
}



.grid3 .col {
width: 48.4%;
}



.grid3 .col:nth-of-type(3n+1) {
margin-left: 3.2%;
clear: none;
}



.grid3 .col:nth-of-type(2n+1) {
margin-left: 0;
clear: left;
}

}



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

a.to_nav {
display:block;
}

#span-a, #span-b {
display:none;
}

#span-c {
width:100%;
}

#span-c img {
display:none;
}

#cssmenu {
display:none;}



a.to_nav {
display:block;
}

#sml-menu li {
display:block;
}

#paypal-sml {
display:block;
}

.picture {
max-width: 50%;
}

.picture img {
max-width: 98%;
}



#body_background {
padding:0;
}



.col {
width: 100% !important;
margin-left: 0 !important;

clear: none !important;
}

}



@media only screen and (max-device-width: 540px) {

#cssmenu {
display:none;
}



a.to_nav {
display:block;
}

#span-a, #span-b {
display:none;
}

#span-c {
width:100%;
}

#span-c img {
display:none;
}

#sml-menu li {
display:block;
}

#paypal-sml {
display:block;
}



.picture {
max-width: 50%;
}

.picture img {
max-width: 98%;
}



#body_background {
padding:0;
}



.col {
width: 100% !important;
margin-left: 0 !important;
clear: none !important;
}

}

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


#cssmenu {
display:none;
}



a.to_nav {
display:block;
}



#sml-menu li {
display:block;
}

#paypal-sml {
display:block;

}


.picture {
max-width: 100%;
}

.picture img {
max-width: 98%;
}



#body_background {
padding:0;
}


}



@media only screen and (max-device-width: 320px) {

#cssmenu {
display:none;
}



a.to_nav {
display:block;
}



#sml-menu li {
display:block;
}

#paypal-sml {
display:block;

}


.picture {
max-width: 100%;
}

.picture img {
max-width: 98%;
}



#body_background {
padding:0;
}

}