/*
////////// GENERAL //////////
*/

body {
	background: #3D0C00 url('images/redgradient.png') repeat-x; 
	text-align: left; 
}

#container {
	font-family: Tahoma, Helvetica, Verdana, 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: 12px; 
	line-height: 150%; 
	font-size-adjust: none; 
	font-stretch: normal; 
	color: #4F1000;
	padding: 0 0 50px 0; 
}



/*
////////// CONTAINERS //////////
*/

#container a:link {
	
	color: #AD5505;
	text-decoration: none;
}
#container a:visited {
	
	color: #AD5505;
	text-decoration: none;
}
#container a:hover {
	
	color: #AD5505;
	text-decoration: underline;
}
#container a:active {
	
	color: #6B3503;
	text-decoration: underline;
}


/*
////////// THE UBER-MENU //////////
*/


ul#nav{
	margin:0;
	position: relative; 
	padding:0;
	list-style-type:none;
	background:#ad5505;
	width: 789px;
	z-index: 999; 
	height: 34px; 
	overflow: hidden; 
}

ul#nav li ul{
	background:#ad5505;
	margin:0;
	padding:0;
	display: none; 
}

ul#nav li{
	position:relative;
	margin:0;
	width:10em;
	padding:0;
	list-style-type:none;
	background:transparent;
	color:#fff;
	line-height:150%;
}

ul#nav a{
	border:1px solid #430301;
	color:#fff;
	text-decoration:none;
	display:none;
	font-weight: bold; 
}

ul#nav a:link{font-weight: bold; color: #fff; text-decoration: none; }		/* this controls the look of the main links */
ul#nav a:viisted{font-weight: bold; color: #fff; text-decoration: none; }
ul#nav a:hover{font-weight: bold; color: #fff; text-decoration: none; }
ul#nav a:active{font-weight: bold; color: #fff; text-decoration: none; }

ul#nav li ul a:link{font-weight: normal; color: #fff; text-decoration: none; }		/* this controls the look of the submenu links */
ul#nav li ul a:viisted{font-weight: normal; color: #fff; text-decoration: none; }
ul#nav li ul a:hover{font-weight: normal; color: #fff; text-decoration: none; }
ul#nav li ul a:active{font-weight: normal; color: #fff; text-decoration: none; }

ul#nav li li a{
	padding-left:1em;
	color:#fff;
	text-decoration:none;
	display:block;
	font-size: 11px; 
}
ul#nav li li a:hover{
	background:#ad5505;
}

/* 	This is the code that allows mouseover images on the toprow of links when there is no nested list. */
ul#nav li a:hover {background: #ad5505 url(menumatrix.png) no-repeat 0 0px; display: block; }
ul#nav li#welcome a:hover {		
	background-position:  -15px -272px;   }
body#welcome ul#nav li#welcome a:hover {		
	background-position:  -15px 0;  }
ul#nav li#members a:hover {	
	background-position: -145px -272px ; }
body#members ul#nav li#members a:hover {	
	background-position: -145px -34px ; }
ul#nav li#competition a:hover {	
	background-position: -260px -272px ;  }
body#competition ul#nav li#competition a:hover {	
	background-position: -260px -68px ;  }
ul#nav li#news a:hover {
	background-position: -390px -272px; }
body#news ul#nav li#news a:hover {
	background-position: -390px -102px; }
ul#nav li#gallery a:hover {	
	background-position: -486px -272px ; }
body#gallery ul#nav li#gallery a:hover {	
	background-position: -486px -136px ; }
ul#nav li#join a:hover {	
	background-position: -604px -272px ; }
body#join ul#nav li#join a:hover {	
	background-position: -604px -170px ; }
ul#nav li#contact a:hover {	
	background-position: -691px -272px ; }
body#contact ul#nav li#contact a:hover {	
	background-position: -691px -204px ; }

.hiddenChild{
	position: absolute;
	left: -999em;
}
.shownChild{
	left:-5px;
}


ul#nav.dhtml{		
	position:relative;
	width:auto;
	background:#AD5505;
	margin:0;
	padding:0 0 0 0px;
	list-style-type:none;
	height:34px;
	z-index: 999; 
	overflow: visible; 
	display: block; 
}

ul#nav.dhtml a{	display: block; }
ul#nav.dhtml li ul{	display: block; }

ul#nav.dhtml li{				/* this controls the look of the overall menu */
	position:relative;
	float:left;
	width:110px;
	padding-top: 0px; 
	padding-left: 0px; 
}

ul#nav.dhtml li#welcome {padding-left: 15px; width: 100px; }	/* this customizes positions (through trial-and-error margin values) based on the background images for the navbar */
ul#nav.dhtml li#members {left: 30px; width: 100px; }	
ul#nav.dhtml li#competition {left: 45px; width: 125px; }
ul#nav.dhtml li#news {left: 50px; width: 100px; }
ul#nav.dhtml li#gallery {left: 46px;  width: 110px;}
ul#nav.dhtml li#join {left: 54px; width: 75px;}
ul#nav.dhtml li#contact {left: 66px; width: 90px;}

ul#nav.dhtml li ul {margin-left: 25px; margin-top: 10px;  } /* this offsets the submenus where I want them to go  */
ul#nav.dhtml li#welcome ul {margin-left: 29px; margin-top: 10px;  }
body#welcome ul#nav.dhtml li#welcome ul {margin-left: 12px; margin-top: 10px;  }
ul#nav.dhtml li#members ul {margin-left: 17px; margin-top: 10px;  }
body#members ul#nav.dhtml li#members ul {margin-left: 2px; margin-top: 10px;  }
ul#nav.dhtml li#competition ul {margin-left: 17px; margin-top: 10px;  }
body#competition ul#nav.dhtml li#competition ul {margin-left: 7px; margin-top: 10px;  }
ul#nav.dhtml li#news ul {margin-left: 27px; margin-top: 10px;  }
body#news ul#nav.dhtml li#news ul {margin-left: 14px; margin-top: 10px;  }
ul#nav.dhtml li#gallery ul {margin-left: 29px; margin-top: 10px;  }
body#gallery ul#nav.dhtml li#gallery ul {margin-left: 14px; margin-top: 10px;  }
ul#nav.dhtml li#join ul {margin-left: 26px; margin-top: 10px;  }
body#join ul#nav.dhtml li#join ul {margin-left: 3px; margin-top: 10px;  }
body#contact ul#nav.dhtml li#contact ul {margin-left: 8px; margin-top: 10px;  }


ul#nav.dhtml a:link{color: #fff; }
ul#nav.dhtml a:visited{color: #fff; }
ul#nav.dhtml a:hover{color: #fff; }
ul#nav.dhtml a:active{color: #fff; }

ul#nav.dhtml ul{				/* this controls the look of the submenu with all of the links menu */
	top:2.0em;
	position:absolute;
	border:1px solid #000033;	/* this controls the look of border around the submenu  */
	border-top:1px solid #000033;
	background:#19344e;
	width:14em;
	z-index:10;
}

ul#nav.dhtml li a,ul#nav.dhtml li a:hover{
	border:none;
	height: 2.0em; 
}
ul#nav.dhtml li a{
	padding:0 .5em;
}

ul#nav.dhtml ul li{			/* this controls how much room the text has, as well as the length of the "highlight bar" */
	border:none;
	width:14em;
}
ul#nav.dhtml li.isParent{
	background:transparent;
}

/* 	This is the code that allows mouseover images on the toprow of links with css image slicing, but only when there's a nested list. */
	
ul#nav.dhtml li.isActive {background: transparent url(menumatrix.png) no-repeat 0 0px;}
ul#nav.dhtml li#welcome.isActive {		
	background-position:  0 -272px;  }
body#welcome ul#nav.dhtml li#welcome.isActive {		
	background-position:  0 0;  }
ul#nav.dhtml li#members.isActive {	
	background-position: -145px -272px ; }
body#members ul#nav.dhtml li#members.isActive {	
	background-position: -145px -34px ; }
ul#nav.dhtml li#competition.isActive {	
	background-position: -260px -272px ;  }
body#competition ul#nav.dhtml li#competition.isActive {	
	background-position: -260px -68px ;  }
ul#nav.dhtml li#news.isActive {
	background-position: -390px -272px; }
body#news ul#nav.dhtml li#news.isActive {
	background-position: -390px -102px; }
ul#nav.dhtml li#gallery.isActive {	
	background-position: -486px -272px ; }
body#gallery ul#nav.dhtml li#gallery.isActive {	
	background-position: -486px -136px ; }
ul#nav.dhtml li#join.isActive {	
	background-position: -604px -272px ; }
body#join ul#nav.dhtml li#join.isActive {	
	background-position: -604px -170px ; }
ul#nav.dhtml li#contact.isActive {	
	background-position: -691px -272px ; }
body#contact ul#nav.dhtml li#contact.isActive {	
	background-position: -691px -204px ; }

ul#nav.dhtml li.isActive a{
	display: block; 
}

ul#nav.dhtml li.isActive ul a{
	padding:0 .5em;
	font-weight: normal; 
	color: #fff; 
	font-size: 12px; 
}


							
ul#nav.dhtml li a {height: 34px; }
ul#nav.dhtml li a:hover {height: 34px; }
ul#nav.dhtml li.isParent a:hover{background:#19344e;}

ul#nav.dhtml li.isActive ul a:hover{background:#688098; color: #fff }

body#welcome 		ul#nav  { background: #430301 url(menumatrix.png) no-repeat 0 0px; }
body#members 		ul#nav 	{ background: #430301 url(menumatrix.png) no-repeat 0 -34px; }
body#competition 	ul#nav  { background: #430301 url(menumatrix.png) no-repeat 0 -68px; }
body#news 			ul#nav  { background: #430301 url(menumatrix.png) no-repeat 0 -102px; }
body#gallery 		ul#nav  { background: #430301 url(menumatrix.png) no-repeat 0 -136px; }
body#join 			ul#nav  { background: #430301 url(menumatrix.png) no-repeat 0 -170px; }
body#contact 		ul#nav  { background: #430301 url(menumatrix.png) no-repeat 0 -204px; }


/*
////////// CONTAINERS //////////
*/

#container {
	position: relative; 
	left: 50%; 
	width: 789px; 
	margin-left: -395px; 
	background: #FFFFFF; 
	border-left: 2px solid #000000; 
	border-right: 2px solid #000000; 
	border-bottom: 2px solid #000000; 
	border-top: 2px solid #000000; 
	float: left; 
}

#header {
	position: relative; 
	width: 789px; 
	height: 242px; 
	background: transparent url('images/fallheader_gavel.jpg') no-repeat top left; 
}	

#footer {
    position: relative;
    clear: both;  
	text-align: center; 
	height: 40px; 
	padding: 15px 0 0 0; 
	font-family: Verdana, tahoma, sans-serif; 
	font-weight: bold; 
	font-size: 10px; 
	line-height: 150%; 
	font-size-adjust: none; 
	font-stretch: normal; 
	color: #FFD888;
}


#menushadow {
	position: absolute;
	background: transparent url('images/menushadowyellow.png') no-repeat; 
	height: 14px; 
	width: 789px; 
	top: 272px; 
	z-index: 11; 
}

#gradient {
	position: absolute; 
	top: 285px; 
	left: 0px; 
	height: 402px; 
	width: 789px; 
	background: transparent url('images/yellowgradient.png') repeat-x; 
	z-index: 10;  
}

/*
////////// Log-on menu //////////
*/

#intranet_form {
    position: absolute;
    top: 4px;
    right: 10px;
}


.form_row {
    margin-bottom: 4px;
}

.left_cell {
    width: 66px;
    text-align: right;
    float: left;
    padding-right: 4px;
    padding-top: 2px;
}

.right.cell {
    width: 95px;
    text-align: left;
    float: left;
}