/* Main page CSS file for Skydiving in the St. Louis Area */

body, td
{
font-family: verdana, arial, sans-serif;
font-size: smaller;
background-color: #79B9F9;
background-image: url("background.jpg");
background-repeat: no-repeat;
background-position: top left; 
background-attachment: fixed;
}


.white
{
color: white;
}

.center
{
text-align:center;
}


#navcontainer ul
{
width: 96%;
text-align: center;
background-color: rgb(0,0,128);
padding: .2em 1em;
line-height: 1.2em;
}
		
#navcontainer li
{
list-style-type: none;
display: inline;
}
		
#navcontainer li a
{
font-weight: bold;
text-decoration: none;
color: white;
background-color: rgb(0,0,128);
padding: .2em 1em;
/* border-left: solid white 1px; */
/* border-right: solid white 1px; */
}
		
#navcontainer li a:hover
{
background-color: rgb(0,0,192);
}


.dottedbox
{
color: black;
border-style: dotted;
border-color: black;
border-width: 1px;
text-align: left;
padding: 10px 10px 10px 10px;
margin: 10px 10px 10px 10px;
}

.transparent
{
filter: alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

/* round corner with border, no image, requires line break before any heading */
.b1, .b2, .b3, .b4 {font-size: 1px; overflow: hidden; display: block;}
.b1 {height: 1px; background: black; margin: 0 5px;}
.b2 {height: 1px; background: white; border-right: 2px solid black; border-left: 2px solid black; margin: 0 3px;}
.b3 {height: 1px; background: white; border-right: 1px solid black; border-left: 1px solid black; margin: 0 2px;}
.b4 {height: 2px; background: white; border-right: 1px solid black; border-left: 1px solid black; margin: 0 1px;}
.bc {background: white; border-right: 1px solid black; border-left: 1px solid black;}
.bc div {margin-left: 20px; margin-right: 20px;}
.sp div {margin-left: 2px; margin-right: 2px;}

a:link {color: rgb(0,64,255); text-decoration: none; font-weight: bold}
a:visited {color: rgb(128,0,255); text-decoration: none; font-weight: bold}
a:active {color: rgb(127,0,0); text-decoration: none; font-weight: bold}
a:hover {color: rgb(255,64,64); text-decoration: underline; font-weight: bold}

