that surrounds the entire site just inside of the tag. */ /*hometop controls the top of the page spacing and images*/ div.hometop{ position:relative; width: 100%; height: 130px; background-color: #484646; color: #FFFFFF; font-weight: 800; font-size: 1em; } div .logo { position:absolute; top:30px; left:10px; opacity: 0.8 } /*.topbgwht{ width:100%; height:120px; background-color:#FFFFFF; float:left; }*/ /*BACKGROUND IMAGE for JEEP JAMBOREE*/ .bgi { background-image: url(../_graphics/mainpage_banner.jpg); height: 40%; background-position: center; background-repeat: no-repeat; background-size: cover; margin-left: 0px; margin-right: 0px; opacity: 1; min-width: 0px; } /*BACKGROUND IMAGE for JEEPERS JAMBOREE*/ .bgi_jeepers { background-image: url(../_graphics/mainpage_banner.jpg); height: 40%; background-position: center; background-repeat: no-repeat; background-size: cover; margin-left: 0px; margin-right: 0px; opacity: 1; min-width: 0px; } /*BACKGROUND IMAGE for JEEP JAMBOREE*/ .bgi_jeep { background-image: url(../_graphics/mainpagebanner_jeep.jpg); height: 40%; background-position: center; background-repeat: no-repeat; background-size: cover; margin-left: 0px; margin-right: 0px; opacity: 1; min-width: 0px; } #mainpage { max-width: 100%; /*set initially for large screens */ margin: 0 auto; /*Center the page */ position: relative; /* anything placed in the

will be positioned relative to these rules. This is important so the navigation (which is inside of the #mainpage but outside of the header) will position as part of the max-width of 90% rule. It makes sure everything is contained in the

container. */ background-color: #FFFFFF; border-width: medium; border-style: solid; padding-top: 20px; border-radius: 20px; } #mainpage_cr { max-width: 100%; /*set initially for large screens */ margin: 0 auto; /*Center the page */ position: relative; /* anything placed in the

container. */ background-color: #E9E9E9; border-width: medium; border-style: solid; padding-top: 20px; border-radius: 20px; } /*#mainpage .mainpageimg { width: 100%; height: 250px; background-color: #FE0004; }*/ /* Define h1 through h4 elements and how they will display */ h1 { margin: 0 0 1em 0; /*top right bottom left*/ font-size: 2.8em; font-weight: 700; } h2 { margin: 0 0 .5em 0; font-size: 1.6em; font-weight: 700; line-height: 1.1em; } h3 { margin: 0 0 .5em 0; font-size: 1.3em; font-weight: 700; } h4 { margin: 0 0 1.5em 0; font-size: 1em; font-weight: 700; } .clearlft{ clear: left; } /* Define anchor tag elements */ a { color: #007eff; } a:visited { color: #65b1ff; } div.separator_blk{ width: 100%; height: 5px; background-color: #212121; color: #FFFFFF; font-weight: 800; text-align: center; font-size: 2em; } nav { padding:0; margin:0; } div.horzbar{ height: 5px; width: 100%; background-color: black; } #mainpage section{ position:relative; } div.buttonstyle1 { height: 20px; width: 150px; text-align: center; border: medium solid #050505; margin-left: auto; border-radius: 17px; background-color: #FF0004; margin-right: auto; margin-top:15px; } div.buttonstyle1 a{ text-decoration: none; color: #FFFFFF; } .txt_center { text-align:center; } .infotext { line-height: 1.3em; max-width: 70%; margin-left: auto; margin-right: auto; } .hometop ul { list-style-type: none; /* padding-top: 100px;*/ overflow: hidden; margin-left:0px; /*width:500px;*/ /*block elements take up full width by default. This sets it to another value.*/ width:550px; /*optional width parameter for block elements*/ float:right; /*Float the UL container right*/ } .hometop li { float: left;/*make li block elements horizontal*/ background-color: rgba(0,0,0,.20); display:block; /*make whole area clickable*/ margin-top:80px } .hometop li a { padding: 8px; color:antiquewhite; } .hometop li a:visited { color: #FFF; } .hometop li a:hover { background-color: rgba(73,209,244,0.20); } .ctr_content { width:80%; height:500px; margin-right:auto; margin-left:auto; position:relative } .buttons { width:250px;margin-left:auto; margin-right:auto; } .tripinfo { width: 350px; line-height: 1.5em; /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/ border: thin inset #999; margin-right: 10px; margin-left: 10px; background-color: #EEEEEE; border-radius: 20px; /*padding: 5px 5px 15px;*/ } .tripinfo li { /*float:none;*/ margin-right:50px; } .tripinfo ul.bulletlist { margin-left: 20px; } .flt_l { float:left; } .flt_r { float:right; } .ctr_border { text-align: center; border: thin solid #656565; padding: 3px; background-color: #EEEEEE; border-radius: 12px; } .info_faq { float: left; width: 800px; font-size: 0.9em; line-height: 1.3em; margin-top: 10px; margin-right: 10px; } .info_buttons { float:left; width:250px; } .cr_img_r { width: 200px; float: right; margin-left: 5px; } .cr_img_l { width: 200px; float: left; margin-right: 5px; margin-left: 10px; } .cr_img_c img { display:block; margin-left:auto; margin-right:auto; } footer { clear:both; padding-top:20px; padding-bottom:20px; background-color:#5F5C5C; color:#C5C5C5; } .footer { font-size: .8em; width: 800px; margin-right: auto; margin-left: auto; text-align: center; clear:both; } @media screen and (max-width:1175px) { .ctr_content { width:100%; height:1200px; margin-right:auto; margin-left:auto; position:relative } .tripinfo {margin-bottom:20px; font-size:.9em;} .flt_l {float:none;margin:0px auto 0px auto;} .flt_r {float:none;margin:0px auto 0px auto;} footer { /*float:none;*/ padding-top:20px; padding-bottom:20px; background-color:#5F5C5C; color:#C5C5C5; } .footer { font-size: .8em; width: 300px; margin-right: auto; margin-left: auto; text-align: center; /*float:none;*/ } .hometop ul { padding-top: 15px; float:none; font-size:.6em } .infotext { line-height: 1.3em; font-size:.9em; max-width: 90%; margin-left: auto; margin-right: auto; } .ctr_border {font-size: .9em;} }