#subpages { background-position: 0 0; background-repeat: no-repeat; background-attachment: fixed; } /* The # indicates an id. It can be for a div, a span, a class, body id, etc. e.g. */ /* The type (div, span, etc.) can be spelled out here in the style sheet, but it does not have to be */ /* For instance div#abox below says it is a div, but #subpages does not point out it means body#subpages */ /* and that it is used as body id="subpages" in the html to give the subpages a certain type of body */ .diablo {background:url(sundevilbggradient.jpg);} .boxcanyon {background:url(aboxbackgroundgradient.jpg);} .palomas {background:url(palomasbggradient.jpg);} .elrito {background:url(elritobggradient.jpg);} .lasconchas {background:url(area37bggradient.jpg);} .tunnelsprings {background:url(tunnelspringsbggradient.jpg);} .enchantedtower {background:url(vlabggradient.jpg);} .redriver {background:url(redriverbggradient.jpg);} .batcave {background:url(batcavebggradient.jpg);} /* The .diablo .boxcanyon etc. above indicate a class. It can be a div class, a body class, etc. and is */ /* referred to in the html as div class="diablo" etc. */ /* The type (e.g. body.diablo) can be spelled out here or not, similar to the # above */ /* The classes above are for body classes in subpages */ body#firstpage {background-image: none; background-color: #999;} div#abox { /* border: 5px solid cyan;*/ /* margin: 0 auto; */ /* margin-left: auto; */ /* margin-right: auto; */ /* padding: 20px; */ /* width: 600px; */ /* height: 640px; */ } /* The classes below are for div boxes in main pages (firstpage) */ .pa {background:url(palomasbg.jpg)} .boxc {background:url(aboxbackground.jpg)} .di {background:url(sundevilbackg.jpg)} .er {background:url(elritobg.jpg)} .lc {background:url(area37bg.jpg)} .ts {background:url(tunnelspringsbg.jpg)} .et {background:url(vlabg.jpg)} .rr {background:url(redriverbg.jpg)} .batc {background:url(batcavebg.jpg)} .nr {background:url(newestroutesbg.jpg)} div#abox2 { border: 5px solid pink; background-color: #cccccc; margin: 15px; margin-left: auto; margin-right: auto; padding: 20px; width: 600px; } div#banner { background-color: #cccccc } div#upperbox { /* border: 5px solid black; */ font-size: 16pt; font-weight: bold; padding: 10px; text-align: center; /* margin-top: 10px; */ } div#menublock { /* border: 5px solid black; */ font-size: 12pt; font-weight: bold; padding: 10px; /* text-align: center; */ /* margin-top: 10px; */ } #vkroutesonly { font-size: 12pt; font-weight: none; } div#midbox { border: 5px solid purple; /* the following statement (margin: 0 auto;) is the same as: margin-top:0; margin-bottom:0; margin-left: auto; margin-right: auto; */ margin:0 auto; /* width:500px; */ /* height:370px; */ /* margin-left:auto; */ /* margin-right:auto;*/ } div#innerbox1 { /* border: 5px solid green; */ margin: 0 auto; /* float: left; */ padding: 10px; font-size: 12pt; } div#innerbox2 { border: 5px solid red; float: right; padding: 10px; font-size: 12pt; } div#lowerbox { width:510px; height:40px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; padding: 10px; border: 3px solid #000000; } div#footer { font-size: 12pt; font-weight: none; text-align: center;} h1 {font-size:16pt;} /* image class type */ img.bp { border: 1px solid #000000; vertical-align: middle; margin-right: 15px; } span.groupheader {font-size: 16pt; font-weight: bold} /* below are some class types for links to other pages (a is the tag for a link to another page) */ a.backbarnew {background:#00a5c6; padding:3px; margin-right: 10px; font-size: 12pt;} a.backbarnew#currentpage {background:#F7BDDE;} a.backbarnew#currentpage:hover {background:#ccffcc;} a.backbar {background:#999999; padding:3px; margin-right: 10px; font-size: 12pt;} a.backbar#currentpage {background:#F7BDDE;} a.backbar#currentpage:hover {background:#ccffcc;} a.photolink:hover {background: transparent;} a:link {color:#000000; font-weight: bold; text-decoration: none;} a:visited {color:#000000; font-weight: bold; text-decoration: none;} a:hover {background:#ccffcc; color:black; text-decoration: none;}