@import url('https://fonts.googleapis.com/css2?family=Mr+De+Haviland?family=Mr+De+Haviland&family=Open+Sans:wght@300;400&family=Roboto:wght@300;400&display=swap');

body {margin: 0; padding: 0; background-image:url(/images/Oxnard-Shores-LewisMcNeal.jpg); background-position:cover; background-repeat:no-repeat; background-attachment:fixed; }
h1, h2, h3, h4, h5 { color:#fff; font-family: 'Open Sans', Roboto, Arial; text-align: center; font-weight:normal; }
h1 {font-size: 24pt; }
@media only screen and (max-width: 600px) { h1 {font-size: 18pt; } }
h2 {font-size: 18pt; }
@media only screen and (max-width: 600px) { h2 {font-size: 16pt; } }
p {font-size: 16pt; font-family: 'Open Sans', Roboto, sans-serif;  color:#fff; line-height:1.6em; font-weight:300; }
@media only screen and (max-width: 600px) { p {font-size: 14pt; } }
li {font-family: Arial, 'Open Sans', Roboto, sans-serif; }
img {max-width: 100%; height: auto; border:none; }
* {box-sizing: border-box;}
a:link{color:#fff200; }
a:visited {color:#fff200; }
a:hover {color:#fff200; text-decoration:none; }
a:active {color:#fff200; }

.cont {margin:0 auto; text-align:center; width:88%; padding:12px; }
@media only screen and (max-width: 880px) { .cont { width:100%;  } }

#hdr {width:100%; text-align:center; margin:0; padding:0 8px 12px 8px; background:#3333ff; color:#fff; border:1px thin #3333ff; display:inline-block; }
#hdr h1 {margin:8px; padding:0; }
#flttop30 {width:30%; float:right; margin:8px; padding-bottom:4px;  }
#flttop30 p {font-size:18pt; }
@media only screen and (max-width: 600px) { #flttop30 { width:auto; margin:8px 4px 8px 4px; padding-bottom:4px; } }
@media only screen and (max-width: 480px) { #flttop30 p { font-size:14pt; } }
#flttop30 h1, h2, h3, p {margin:0; padding:0; line-height:1em; }

#bar {background-color:#f20505; color:#fff; padding:0; text-align:center; border:1px thin #f20505; display:inline-block; width:100%;}
#bar p {color:#fff; padding:8px; font-size:14pt; }
#bar a {text-decoration:none; }
#bar a:link {color:#fff; }
a:visited {color:#fff; }
#bar a:hover {color:#fff; }
#bar a:active {color:#fff200; }
#bar li { list-style:none; display:inline; padding:0 12px 0 12px; font-size:14pt; }
@media only screen and (max-width: 600px) { #bar li { list-style:none; display:inline; padding:0 6px 0 6px; font-size:13pt; }  }

#test {width:380px; margin:0 auto; text-align:center; height:auto; max-width:100%; }
#test p {text-align:left; font-size:12pt; color:#333; line-height:1.3; font-style:italic; }

#footer {width:100%; background-color:#1a2df3; text-align:left; padding:8px;}
#footer p {color:#fff; font-size:12pt; line-height:1.4em; }
#footer h3 {color:#fff; font-size:15pt; margin:5px 0 5px 0; text-align:left; font-weight:bold; }
.fltrt30 {width:31%; float:left; margin:0 8px 0 8px; padding:12px; }
@media only screen and (max-width: 600px) { .fltrt30 {width:100%; float:none;  }  }
.fltrt30 p {text-align:left; font-size:12pt; line-height:1.4em;  }
@media only screen and (max-width: 600px) { .fltrt30 p {font-size:12pt; line-height:1.4em;  } }

#fltlft30 {width:30%; float:left; text-align:left; margin:0 12px 0 12px; padding:12px; }
@media only screen and (min-width:601px) and (max-width: 1140px) { #fltlft30 {width:33%; float:left; text-align:left; margin:0 8px 0 8px; padding:12px; }   }
@media only screen and (max-width: 600px) { #fltlft30 {width:100%; float:none; text-align:center;  }  }
#fltlft70 {width:65%; float:left; margin:0 12px 0 12px; padding:0; }
@media only screen and (min-width:601px) and (max-width: 1130px) { #fltlft70 {width:60%; float:left; margin:0 8px 0 8px; padding:0; }  }
@media only screen and (max-width: 600px) { #fltlft70 {width:100%; float:none; text-align:center; } }


#main {width:100%; background-color:#fff; color:#000; margin:0px; padding:0px; }
#main h1, h2, h3, h4, h5 { color: black; text-align: center; margin:auto; line-height:normal;  }
#main form {text-align:left; padding-left:14px; width:80%; margin:0 auto; border-left: double #903; }



.hand {font-family: 'Mr De Haviland', cursive; font-size:24pt; }
.small { font-size: 12pt; }
.clr { clear:both; }
.ctr { text-align:center; }
.lft {text-align:left; }
.rt {text-align:right; }
.bgblue {background-color:#1a2df3; color:#fff;}
.bgblue p {color:#fff; }
.bgbluelt {background-color:#87c9fe; color:#333;}
.bgbluelt p {color:#333;}
.bgred {background-color:#f20505; color:#fff;}
.bgyellowlt {background-color:#deff4f; color:#333; }
.bgwhite {background-color:#fff; }
.bgwhite p {color:#1a2df3; font-weight:300; }
.bgwhite50 { background-image:url(/images/white50.png); }

.bold {font-weight:bold; }
.boldital {font-weight:bold; font-style:italic; }
.padtopbtm {padding-top:48px; padding-bottom:48px; }
.pad18 {padding:18px; }
.pad12 {padding:12px; }
.padlr36 {padding:0 36px 0 36px; }
.imgfltl {float:left; padding:12px 36px 0 36px; }
@media only screen and (max-width:800px) { .imgfltl {float:left; padding:8px 8px 0 8px; } }
@media only screen and (max-width:800px) { .imgfltl img {height:60px; width:auto;} }
@media only screen and (min-width:801px) { .imgfltl img {height:108px; width:auto;} }
.imgfltr {float:right; padding:12px 36px 0 36px; } 
@media only screen and (max-width:800px) { .imgfltr {float:right; padding:8px 8px 0 8px; } }
@media only screen and (max-width:800px) { .imgfltr img {height:60px; width:auto;} }
@media only screen and (min-width:801px) { .imgfltr img {height:108px; width:auto;} }
.f150 {font-size:150%; line-height:1.2em; }
.f200 {font-size:180%; line-height:1.2em; }
.f300 {font-size:300%; line-height:1.2em; }
.f500 {font-size:500%; line-height:1.2em; }
@media only screen and (max-width:600px) { .f500 {font-size:250%; line-height:1.2em; }  }
.opac100 {opacity:1.0!important; }

.red {color:#f20505; }
.blue {color:#1a2df3; }
.bluelt {color:#87c9fe; }
.yellow {color:#fff200; }
.white {color: #fff; }

.block50 {margin:0; padding:8px; display:block; width:45%; float:left;  text-align:center; }
@media only screen and (min-width:1081px) {.block50 {margin:0; padding:8px; display:block; width:45%; float:left;  text-align:center; } }
.block50 p {font-size:18pt; margin-bottom:18px; }
.block50 li {font-size:18pt; line-height:1.3em; }
.block50 h2 {color:#f20505; }
.block50 a:link {color:#f20505; }
.block50 a:visited {color:#f20505; }
.block50 a:hover {color:#f20505; }
.block50 a:active {color:#f20505; }
@media only screen and (max-width: 600px) { .block50 {margin:8px; padding:8px; display:block; width:100%; text-align:center; float:none; }  }
@media only screen and (min-width:601px) and (max-width:1080px) { .block50 {margin:18px; padding:8px; display:block; width:42%; float:left; text-align:center;  }  }



.block_indent { padding-right: 36px; padding-left: 36px; }
.block_indent_pcnt { padding-right: 20%; padding-left: 20%; }
.bgltgray {background-color:#CCC; }


.column { float: left; width: 24%; padding:8px; margin:2px; border-left:1px solid #6CF; }
/* Clear floats after the columns */
.row:after { content: ""; display: table; clear: both; }
.row {margin:0 auto; }
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (min-width:421px) and (max-width:680px) { .column { width:48%; margin:2px; }}
@media screen and (max-width:420px) { .column { width: 100%; }}

.magnify { max-width:auto; max-height:100%; object-fit:contain; }