html, body {margin: 0px; background-image: url('../content/images/vlr-bg.jpg'); background-color:#000000}
body, table, td {font-family:arial; font-size:10pt; color:#000000; text-align:left;}
table, td {padding:0px; border-collapse:collapse; border-spacing:0px;}
img {border: 0px;}
hr {/*the border*/
border-left:0px none; border-right:0px none; border-bottom:0px none; border-top:1px dotted #666; width: 100%;
height: 1px
} 

.volleyball {background-image: url('../images/vb_bg.jpg'); background-repeat: repeat-x; background-attachment: fixed}
.dodgeball {background-image: url('../images/db_bg.jpg'); background-repeat: repeat-x; background-attachment: fixed}
.kickball {background-image: url('../images/kb_bg.jpg'); background-repeat: repeat-x; background-attachment: fixed}
.basketball {background-image: url('../images/bb_bg.jpg'); background-repeat: repeat-x; background-attachment: fixed}
.football {background-image: url('../images/fb_bg.jpg'); background-repeat: repeat-x; background-attachment: fixed}

.login {background-color:#FFFFFF; font-size:10pt; border-color:#666666; color: #000000; border-collapse:collapse; border-style: solid; border-width:1px; padding: 4px;}
.loginsubmit {background-color:#000000; font-size:10pt; border-color:#666666; color: #aaf9fd; border-collapse:collapse; border-style: solid; border-width:1px; padding: 1px;}

/*************** DROP DOWN MENUS ****************************/
#menu {list-style-type:none; margin:5px 0 75px 0px; padding:0;}
#menu li {
	float:left;
	padding:0;
	margin:0 1px 0 0;
	position:relative;
	width:110px;
	height:.5em;
	z-index:50;
}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}

#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover {background-color: #33CC00; color: #fff; width: 100%;}/*dl {padding-bottom:20px;}*/
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}

#menu dl {
	width: 110px; /* link width */
	margin: 0;
	padding: 0;
	background: #c9ba65 url(bottom.gif) no-repeat bottom left;
	text-align:center;
	cursor:pointer;
}

#menu dt {margin:0; padding: 1px; /* original font size*/ font-size: .8em; /* ro font color*/ color: #fff; border-bottom:1px solid #444;}
#menu .one {background: #CC99CC ;}
#menu .two {background: #949e7c;}
#menu .three {background: #d4d8bd;}
#menu .four {background: #e2dfa8;}
#menu dd {margin:0; padding:0; color: #fff; /* ro font size */font-size: .8em; /* ro bg color */background: #47a; text-align:left;}
#menu dd.last {border-bottom:1px solid #444;}
.gallery dt a, .gallery dt a:visited {display:block; color:#000066;}
.gallery dd a, .gallery dd a:visited {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px;
background: #47a url(arrow.gif) no-repeat 10px 10px; width:110px;}

.gallery dd a:hover {background: #66CC33 url(arrowr.gif) no-repeat 11px 10px; color:#000000;}

/*************** END DROP DOWN MENUS ****************************/

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #000;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #000;
color: #f9ef9e;
text-decoration: none;
float: center;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #33CC00;
color: #fff;
}

#VerticalNav ul
{
padding-left: 0;
margin-left: 0;
/* bg row */
  background-color: ##CC99CC;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#VerticalNav ul li { display: inline; }

#VerticalNav ul li a
{
padding: 0.2em 1em;
/* bg around the word */
  background-color: none;
/* word color*/
  color: #000099;
text-decoration: none;
float: center;
}

#VerticalNav ul li a:hover
{
background-color: #33CC00;
color: #fff;
width: 100%;
}

.container {width:1000px; text-align:center; margin: 0 auto;}
.topad {width: 600px;}
.logowidth {width: 200px;}
.lftbtn {width: 201px; height:507px; background-image: url('../images/btnbkgrnd.gif'); background-repeat:no-repeat}
.contenttable {width: 799px;}
.contenttable2 {width: 100%; height: 507px; background-color: #ffffff;}

.header {width: 793px; height:155px; background-image: url('../images/headerbkgrnd.gif');}
.rightcell {width: 813px;}
.loginbox {width:100%; height:135px; background-color:#000000;}
.content {width:375px; height:507px; background-repeat:no-repeat; background-image: url('../images/contentbkgrnd.jpg');}
.contentheader {width: 1000px; height:162px; background-image: url('../images/content-header.gif');}
.contentimage{width: 1000px; height:326px; background-repeat:no-repeat; background-image: url('../images/content-image.gif');}

.top {vertical-align:top;}
.bottom {vertical-align:bottom;}
.right {text-align:right;}
.center {text-align:center; margin: 0 auto;}
.bold {font-weight:bold;}
.linspacing { line-height: 16pt;}

.hundred {height: 100px;}
.btnheight {height: 33px;}
.Verheight {height: 25px;}
.ten {width: 10%;}
.twenty {width: 20px;}
.twentyfive {width: 25%;}
.thirtythree {width: 33%;}
.fortyseven {width: 49%;}
.fortyfive {width: 45%;}
.fifty {width: 50%;}
.sixty {width: 60%;}
.sixtyfour {width: 64%;}
.sixtyseven {width: 67%;}
.seventyfive {width: 75%;}
.eighty {width: 78%;}
.eightyfive {width: 85%;}
.ninety {width: 100%;}
.stretch {width: 886px;}
.stretchperc {width: 100%;}
.contentmid2 {width: 259px;}
.leftmenu {width: 201px;}

.textyellow {color:#ffff99;}
.textwhite {color:#ffffff;}
.textred {color:#c45c10;}
.textblue {color:#8cb1ff;}
.textdarkblue {color:#043263;}
.textblack {color:#000000;}
.blue { background-color: #548dd4;}
.black {background-color:#000000;}
.white {background-color:#ffffff;}
.introdarkblue {background-color:#043263;}
.opaque {opacity: .35; filter: alpha(opacity=35);}
.lftopaque {opacity: .85; filter: alpha(opacity=85);}

h2 {color:#000000; font-size: 14pt; text-decoration: none; font-weight:bold;}

.title {color:#f9ef9e; text-decoration: none; font-weight:bold;}
.title2 {color:#ffffff; font-size: 20pt; text-decoration: none; font-weight:bold;}
.subtitle {font-size:large;}
.underline {text-decoration: underline;}

.cellpadding {padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:10px;}
.contentpadding {padding-bottom:10px; padding-left:70px; padding-right:5px; padding-top:0px;}
.smallcellpadding {padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px;}
.loginpadding {padding-bottom:0px; padding-left:0px; padding-right:5px; padding-top:0px;}
.contenthdrpadding {padding-bottom:0px; padding-left:195px; padding-right:5px; padding-top:70px;}

a {color:#29608a; font-family:tahoma; text-decoration: underline;}
a:hover {color:#c58e1a; text-decoration:none;}
a.sidebtnlnk {color:#f9ef9e; text-decoration: none; text-transform:uppercase;}
a.sidebtnlnk:hover {color:#84d2e8; text-decoration:none;}
a.catlnk {color:#84d2e8; font-family:tahoma; text-decoration: underline; font-weight:bold;}
a.catlnk:hover {color:#f9ef9e; text-decoration:none;}
a.sidebtnlnk2 {color:#96bbdb; font-family:tahoma; text-decoration:none;}
a.sidebtnlnk2:hover {color:#96bbdb; font-family:tahoma; text-decoration:none;}