/* getcruising.com ann's stylesheet */

* { box-sizing:border-box; }

body { font-size:15px; font-family:verdana,sans-serif; background-image:url(/gfx/mar-voy-bg.png); max-width:800px; margin:auto; line-height:1.4; padding: 5px 5px;} 

div { margin:auto; }

a { color:#006666; }
a:hover { font-weight:bold; }

.header { text-align:center; margin:auto; }

.navbar { margin:0; padding:10px 10px; list-style-type:none; text-align:center; }
.navbar li { display:inline-block; width:30%; max-width:150px; padding:5px; font-size:13px; font-style:italic; vertical-align:text-top; }

h1.style1 { font-size:36px; font-family:cambria,georgia,serif; font-style:italic; color:#006666; padding:4px; margin:0; }
h1.style2 { font-size:24px; font-family:cambria,georgia,serif; font-style:italic; color:#006666; padding:2px; margin:0; }
h2 { font-size:16px; font-weight:bold; font-style:italic; padding:2px; margin:0 }
h3 { font-size:15px; font-weight:bold; font-style:italic; padding:2px; margin:0 }
hr { width:95%; height:3px }

.a {color:#000099}
.a a {color:#006666}
.a hr {background-color:#006666}

.l { text-align:left; }
.c { text-align:center; margin-left:auto; margin-right:auto; display:block; }
.r { text-align:right;} 

.xs {font-size:11px}
.sm td {font-size:12px}

dl, dt, dd { margin:1px; padding-left:3px; line-height:1.65; }

ul, li { line-height:1.65; } 

.ad-hvar { width:728px; max-width:95%; height:90px; }
.ad-svar { width:336px; max-width:95%; height:280px; }

/* Clear floats after the columns */
.row:after { content:""; display:table; clear:both; }

.column-25 { float:left; width:25%; text-align:left; padding:5px;}
.column-45 { float:left; width:45%; text-align:left; padding:5px;}
.column-50 { float:left; width:50%; text-align:left; padding:5px;}
.column-55 { float:left; width:55%; text-align:left; padding:5px;}
.column-75 { float:left; width:75%; text-align:left; padding:5px;} 

.column-100 { float:left; width:100%; max-width:800px; padding:5px;}

/* .main { font-size:13px; max-width:800px; text-align:left; } */
/* .menu { font-size:10px; color:#000099; height:auto; width:90px; text-align:left; } */
.gallery { margin:auto; padding:0px; list-style-type:none; text-align:center; }
.gallery li { padding:5px; float:left; display:inline-block; }

/* #center {margin-left:auto; text-align:center; margin-right:auto;} */

@media screen and (min-width:750px) 
{ span.nopc { display:none; }
}
@media screen and (max-width:749px) 
{ .navbar { max-width:100%; width:100%; padding:5px; list-style-type:none; text-align:center; }
  .navbar li { display:block; width:100%; max-width:100%; padding:0px; font-size:15px; font-style:italic; line-height:1.5; text-align:center; }
  .ad-hvar { width:300px; max-width:100%; max-height:200px; }
  .ad-svar { width:300px; max-width:100%; max-height:250px; }
  span.pc { display:none; }
  .column-25, .column-45, .column-50, .column-55, .column-75, .column-100 { width:100%; padding:10px; }
}
