/* Globals */
html,body{margin:0;padding:0}
.box {
margin: 5px;
padding: 10px;
clear: none;
float: left;
height: auto;
width: auto;
border: thin solid #2A3C7E;
}
body{font: 76% arial,sans-serif;text-align:center; background-color: #ccc;}
a{ color: #981793;padding:10px;}
/* Primary Divs */
div#header {
height: 1em;
background-color: white;
color:black;
}
div#wrapper { margin-top: 5px; }
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#fff}
div#extra{background:#fff}
div#footer{background: #fff;color: #000; border-top: 2px solid #fcf; }
div#footer p{margin:0;padding:5px 10px}
div#container{
width:750px;
margin:0 auto;
left: auto;
}
div#bgwrap {
background: #4b4b4b url(img/bg3.jpg);
width: 800px;
margin: 0 auto;
}
div#content{float:right;width:545px}
div#navigation{float:right;width:200px}
div#extra{
float:left;
clear:none;
width:200px;
}
div#footer{
clear:both;
width:100%;
}
/* TABLES */
table {
border: 2px solid #69f;
border-collapse:collapse;
width:95%;
margin-left: 10px;
}
td {background-color: #fff; padding:2px; border: 1px solid #ccc; color:#000;}
th {text-align:left;border: 1px solid #fff}
thead th {color:#fff; font-size:1.5em; background-color: #2A3C7E; padding: 3px 6px}
tbody th {color:#000000; font-size:1.15em; background-color: #C9D1ED; padding: 2px}
tbody th.sub {font-size: 0.9em; color:#fff; background-color: #C9D1ED; padding: 0px}
/* TEXT STYLES */
div#content a:link, div#content a:visited { padding:0; color:#660000; text-decoration:none; border-bottom: 1px solid #69f; }
div#content a:hover {background-color: #C9D1ED; color:#2A3C7E; }
div#content h1 {
font-size: 1.75em;
color:#0000FF;
margin-top: 0;
text-transform:uppercase;
letter-spacing: 1px;
}
div#content h2 {
font-size: 2em;
color: #69f;
line-height: 1.3em;
letter-spacing: -1px;
padding-left: 25px;
}
div#content h3 { font-size: 1.5em; color: #990;}
div#content h4 {
font-size: 1.1em;
color: #405CBF;
padding-left: 25px;
}
div#content h5 {font-size: 1em; font-weight:bold;}
div#content h1,h2,h3,h4,h5 {
padding:0 5px 0px 5px;
}
acronym {border-bottom: 1px dotted #966; cursor:help; }
form,submit { padding:0; margin:0; } /* removes extraneous padding around the form */
code { border: 1px dotted #69f; background-color: #990; color:#fff; margin-left: 3ex;}
blockquote {
border: 3px solid #69f;
background-color: #990;
color:#fff;
font-style:normal;
margin-top: 2px;
margin-left: 10px;
margin-right: 15px;
}
/* Horizontal Navigation Menu */
#header ul { margin:0; text-align: right; padding-top: 1.6em; padding-bottom:0;}
#header ul li { list-style-type:none; display:inline;}
#header ul li a:link, #header ul li a:visited { display:inline; padding-top: 3em; text-decoration:none; color:gray; border-left: 2px solid gray;}
#header ul li a:hover { border-bottom: 1px solid gray; background: #fff url(arrow2.gif) center center no-repeat;}
.skiplink a:link, .skiplink a:visited { visibility: hidden;}
/* Vertical Navigation Menu */
#navigation {
margin-bottom: 15px;
margin-top: 15px;
}
#navigation ul { list-style-type:none; margin:0; padding:0; }
#navigation ul li {line-height: 4px; border-bottom: 1px solid gray;}
#navigation ul li a:link,#navigation ul li a:visited {
text-decoration:none;
color:#000000;
text-transform:uppercase;
display:block;
}
#navigation p{margin:0 10px 10px}
/* Logobox */
#logobox {
background-color: white;
width: 198px;
border: 1px solid #fcf;
text-align:center;
margin-top: 15px;
}
#logobox h1 { border-top: 1px solid #600; }
#logobox h1, #logobox h2 { background-color: #0000FF; color: white; margin: 0px; margin-bottom: 0; padding: 8px; font-size: 1.3em; text-transform: uppercase; border-right: 1px solid #600; border-left: 1px solid #600;}
#logobox h2 { margin-top: 0; margin-bottom: 5px; font-size: 1em; border-bottom: 1px solid #600;}
/* Main pic area above content */
div#mainpicbox {
height: 300px;
margin-left: 60px;
padding: 10px;
margin-bottom: 15px;
width: 398px;
}
div#mainpic {
height: 300px;
background: url(img/group.gif) top left;
width: 398px;
}
div#mainpic h2 {
font-size: 2.75em;
margin-top:0;
padding-top: 2em;
padding-left: 20px;
margin-bottom:0;
font-style: italic;
text-decoration: none;
color: #FFFF00;
}
div#mainpic h3 { padding-left: 20px; color:#330;}
div#mainpic p, div#mainpic a:link, div#mainpic a:visited { display:inline; margin:0; color:#fff; margin-left: 10px;font-weight:bold; font-size: 1.2em; text-decoration:none; }
div#mainpic a:hover {color:#600; background-color:#FFFFFF; }
/* Extra section */
.stripnav {
margin:0;
padding: 6px;
color:#00F;
text-transform:uppercase;
font-weight:bold;
padding-top: 10px;
padding-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
border: solid blue 5px;
border-color: #00F;
}
div#extra p {margin-left: 0; }
div#extra img { float:left; padding: 3px; margin: 2px; margin-left:0; border: 1px solid #fcf; }
div#extra p a:link, div#extra p a:visited { padding:0; color: #660000; font-weight:bold; padding-bottom: 1px; text-decoration:none;}
div#extra p a:hover { text-decoration:underline;}
/* Photo Gallery Area */
div#gallery { border-top: 0px solid #fcf; padding-top: 0px;}
div#gallery img {width: 50px; height: 50px; padding: 2px; border:1px solid #fcf;}
div#gallery ul { list-style-type:none; margin:0; padding:0;}
div#gallery ul li {display:inline;}
div#gallery ul li a:link, div#gallery ul li a:visited {display:inline; border-bottom:0;}
div#gallery ul li a:hover {background-color:#FFFFFF;}
/* Footer Area */
div#footer ul { list-style-type:none; margin:0; padding:0; padding-top: 2px; text-align:right; font-size: .8em; }
div#footer ul li { list-style-type:none; display:inline; border-left: 1px solid gray;}
div#footer ul li a:link,#footer ul li a:visited { display:inline; text-decoration:none; color:#2A3C7E; text-transform:uppercase;}
div#footer ul li a:hover {
text-decoration:underline;
}
div#footer p {text-align:center; margin-top: 5px;}
/* Content Area */
div#content img { border: 1px solid #fcf; padding: 2px; margin: 3px;}
div#content p {padding-left: 25px;}
/* Bonus Styles */
p.rightsidelink { text-align:right;}
.rightsidelink a:link, .rightsidelink a:visited { padding:0; color:#600; font-weight:bold; text-decoration:none;}
.rightsidelink a:hover {text-decoration:underline;}
.entrytext { margin-top: 0; font-size:larger; font-weight:bold;}
.bright { font-size: 1.5em; color:#2A3C7E; text-transform:uppercase;}
div#mainpic1 {
height: 140px;
background: url(img/snapslogo - new
.jpg) top left;
background-image: url(img/Snaps%20Logo%20-%20new.jpg);
}
div#mainpicbox1 {
height: 140px;
margin-left: 0px;
padding: 0px;
width: 200px;
float: left;
}
#navigation ul li a:hover {
background: #fff url(blob.gif) left center no-repeat;
font-weight: bold;
padding-left: 25px;
color: #0000FF;
}
#navigation ul li .selected {
font-weight: bold;
padding-left: 20px;
background-color: #2A3C7E;
}
div#content1 {
float:left;width:600px
}
div#extra1 {
float:left;
clear:left;
width:200px;
top: 0px;
}
div#navigation1 {
float:left;width:200px
}
#navigation1 {
margin-bottom: 15px;
}
#navigation1 ul {
list-style-type:none; margin:0; padding:0;
}
#navigation1 ul li {
line-height: 4px; border-bottom: 1px solid gray;
}
#navigation1 ul li a:link,#navigation1 ul li a:visited {
text-decoration:none;
color:#000000;
text-transform:uppercase;
display:block;
}
#navigation1 p {
margin:0 10px 10px
}
#navigation1 ul li a:hover {
background: #fff url(arrow.gif) left center no-repeat;
font-weight: bold;
padding-left: 25px;
color: #0000FF;
}
#navigation1 ul li .selected {
font-weight: bold;
padding-left: 20px;
background-color: #2A3C7E;
}
div#mainpic2 {
height: 189px;
background: blue url(img/swimimg.jpg) top left;
}
div#mainpicbox2 {
height: 189px;
border: 2px solid rgb(42,60,126);
margin-left: 25px;
padding: 0px;
margin-bottom: 15px;
width: 275px;
float: right;
}
div#mainpic3 {
height: 206px;
background: blue url(img/dance.jpg) top left;
}
div#mainpicbox3 {
height: 206px;
border: 2px solid rgb(42,60,126);
margin-left: 15px;
padding: 0px;
margin-bottom: 15px;
width: 275px;
float: left;
margin-right: 20px;
}
div#mainpic4 {
height: 362px;
background: blue url(img/map.jpg) top left;
}
div#mainpicbox4 {
height: 362px;
border: 2px solid rgb(42,60,126);
margin-left: 15px;
padding: 0px;
margin-bottom: 15px;
width: 400px;
float: left;
margin-right: 20px;
}
#navigation ul li .selectedsub {
font-weight: bold;
padding-left: 20px;
background-color: #C9D1ED;
margin-left: 20px;
}
#navigation ul li .unselectedsub {
font-weight: normal;
padding-left: 20px;
background-color: #FFFFFF;
}
#navigation ul li .unselectedsub:link,#navigation ul li .unselectedsub a:visited {
text-decoration:none;
color:#666666;
text-transform:uppercase;
display:block;
}
div#extra3 {
float:left;
clear:left;
width:500px;
padding-left: 15px;
}
div#extra3 p {
margin-left: 0;
}
div#extra3 img {
float:left; padding: 3px; margin: 2px; margin-left:0; border: 1px solid #fcf;
}
div#extra3 p a:link, div#extra3 p a:visited {
padding:0; color: #600; font-weight:bold; padding-bottom: 1px; text-decoration:none;
}
div#extra3 p a:hover {
text-decoration:underline;
}
div#content3 {
float:right;
width:530px;
height: 650px;
}
div#mainpic5 {
height: 76px;
background: blue url(img/snapslogo.jpg) top left;
width: 195px;
}
div#mainpicbox5 {
height: 76px;
border: 2px solid rgb(42,60,126);
margin-left: 0px;
padding: 0px;
margin-bottom: 15px;
width: 200px;
float: left;
top: 0px;
}
div#content3 p {
line-height:1.4
}
div#content3 a:link, div#content3 a:visited {
padding:0; color:#2A3C7E; text-decoration:none; border-bottom: 1px solid #69f;
}
div#content3 a:hover {
background-color: #FFFFFF; color:#000000;
}
div#content3 img {
border: 1px solid #fcf; padding: 2px; margin: 3px;
}
div#content3 p {
padding-left: 5px;
}
table1 {
border: 2px solid #69f; border-collapse:collapse; width:95%; margin-left: 25px;
}
td1 {
background-color: #fff; padding:2px; border: 1px solid #ccc; color:#000;
}
th1 {
text-align:left;border: 1px solid #fff
}
thead1 th {
color:#fff; font-size:1.5em; background-color: #2A3C7E; padding: 3px 6px
}
tbody1 th {
color:#0066FF; font-size:1.15em; background-color: #FF0000; padding: 2px
}
div#footer ul li .selected {
list-style-type:none; display:inline; border-left: 1px solid gray;
}
div#mainpicbox6 {
height: 300px;
border: 2px solid rgb(42,60,126);
margin-left: 25px;
padding: 5px;
margin-bottom: 15px;
width: 400px;
float: left;
margin-right: 0px;
}
div#mainpic6 {
height: 300px;
background: blue url(img/volunteers.jpg) top left;
}
div#content4 {
float:right;
width:448px;
height: 361px;
}
div#wanted {
height: 450px;
border: 2px solid rgb(42,60,126);
margin-bottom: 25px;
width: 450px;
float: left;
padding-right: 10px;
margin-left: 15px;
}
div#wantedright {
height: 300px;
border: 2px solid rgb(42,60,126);
margin-left: 25px;
padding: 0px;
margin-bottom: 15px;
width: 240px;
float: right;
}
div#wanted p {
margin-left: 0;
}
div#wanted img {
float:left; padding: 3px; margin: 2px; margin-left:0; border: 1px solid #fcf;
}
div#wanted p a:link, div#extra3 p a:visited {
padding:0; color: #600; font-weight:bold; padding-bottom: 1px; text-decoration:none;
}
div#wanted p a:hover {
text-decoration:underline;
}
blockquotewanted {
border: 10px solid #69f;
background-color: #990;
color:#fff;
font-style:normal;
margin-top: 2px;
margin-left: 10px;
margin-right: 15px;
}
.blockquotea {
border: 5px solid #69f;
background-color: #C9D1ED;
color:#000000;
font-style:normal;
margin-top: 2px;
margin-left: 15px;
margin-right: 15px;
padding-right: 15px;
}
div#content h6 {
font-size: 1.5em;
font-weight:bold;
color: #FF0000;
font-style: italic;
text-decoration: blink;
margin-left: 15px;
margin-bottom: 5px;
}
div#navigation h6 {
font-size: xx-small;
font-weight:bold;
color: #FF0000;
font-style: italic;
text-decoration: blink;
margin-left: 15px;
margin-bottom: 5px;
}
#bgwrap #container #navigation .style4 {
text-decoration: blink;
font-size: 8px;
color: #FF0000;
}
div#wantedlarge {
height: 800px;
border: 2px solid rgb(42,60,126);
margin-bottom: 25px;
width: 450px;
float: left;
padding-right: 10px;
margin-left: 15px;
}
div#wantedlarge p {
margin-left: 0;
}
div#wantedlarge img {
float:left; padding: 3px; margin: 2px; margin-left:0; border: 1px solid #fcf;
}
div#wantedlarge p a:link, div#extra3 p a:visited {
padding:0; color: #600; font-weight:bold; padding-bottom: 1px; text-decoration:none;
}
div#wantedlarge p a:hover {
text-decoration:underline;
}
.italic {
font-style: italic;
}