/* 
	The Girls Ball Association SITE-WIDE STYLESHEET
////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
 
    Site Colors: 
 
	This document contains all the necessary styles for The Girls Ball Association site.
	The document is split into numerous style sections:
 
	/// SS01: Override styles - styles that override base xhtml elements.
	/// SS02: Unique Styles - styles for unique ID objects
	/// SS03: Combination Styles - styles that combine to make reflexive classes
	/// SS04: Anchor & Link Styles - styles that redesign links, anchors etc.
 
        /// ss04.1: Drop Down Menu Styles
 
///////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
*/
 
/* 
SS01: OVERRIDE STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/
 
body, html
{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #423520;
	text-align:center;
	margin:auto;
	background: url(images/BG_BodyRPT.jpg) repeat #211b0f;
}

a
{
	text-decoration: underline;
	color: #423520;
}
 
li
{
	list-style-image: url(images/LI_bullet.gif);
	margin: 0px 0px 0px -6px;
	padding: 0px;
	* margin: 2px 0px 2px -6px;
	* padding: 2px 0px 2px 0px;

}
/*
/////////////////////////////////////////// Override
////////////////////////////////////////////////////////////////
*/
 
/* 
SS02: UNIQUE STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

.pageContainer
{
	width:100%;
	min-height:100%;
	text-align:center;
	margin:auto;
	background: url(images/BG_body.jpg) top center no-repeat;
}

	* html .pageContainer
	{
			background: url(images/BG_body.jpg) no-repeat -163px 0px;
	}

.container
{
	padding: 0px 0px 60px 0px;
	width:800px;
	height:100%;
	text-align:center;
	margin:auto;
	/*background: url(images/BG_container.jpg);*/
	position:relative;
	
}

.header
{
	/*width:800px;
	height:182px;*/
	width:908px;
	height:233px;
	background: url(images/BG_fullheader.jpg) no-repeat center;
	text-align:center;
	margin:auto;
}

	#Brooch
	{
		/*width:393px;
		height:239px;
		background: url(images/BG_Brooch.jpg) no-repeat top right;
		position:absolute;
		right:-111px;
		top:0px*/
		display:none;
	}
	
	* html #Brooch
	{
		right: -44px;
	}
	
	#FlashBanner
	{
		position:absolute;
		top:90px;
		left:87px;
	}

		.FlashTLCNR
		{
			position:absolute;
			top:-9px;
			left:-11px;
			z-index:900;
			width:37px;
			height:34px;
			background:url(images/FLASH_TLCNR.gif) no-repeat;
		}
		
		.FlashTRCNR
		{
			position:absolute;
			top:-9px; 
			right:-11px;
			z-index:900;
			width:37px;
			height:34px;
			background:url(images/FLASH_TRCNR.gif) no-repeat;
		}
		
		.FlashBLCNR
		{
			position:absolute;
			bottom:-11px;
			left:-11px;z-index:900;
			width:37px;
			height:34px;
			background:url(images/FLASH_BLCNR.gif) no-repeat;
		}
		
		.FlashBRCNR
		{
			position:absolute;
			bottom:-11px;
			right:-11px;
			z-index:900;
			width:37px;
			height:34px;
			background:url(images/FLASH_BRCNR.gif) no-repeat;
		}

.navBar
{
	width:856px;
	height:52px;
	background: url(images/BG_nav.jpg) no-repeat;
	position:relative;
	text-align:left;
	left:-10px;
	z-index: 80;
}

/** html .navBar
{
	background: url(images/BG_nav2.jpg) no-repeat;
}*/

.content
{
	width:800px;
	background: url(images/BG_container.jpg);
}

	.contentBorder
	{
		width:800px;
		background: url(images/BG_Border.gif);
	}

		.columnDivider
		{
			background: url(images/BG_dividerV.jpg) no-repeat;
			position: absolute;
			top:360px;
			left:387px;
			width:28px;
			height:142px;
		}
		
		.columnDivider2
		{
			background: url(images/BG_dividerV.jpg) no-repeat;
			position: absolute;
			top:360px;
			left:436px;
			width:28px;
			height:142px;
		}
		
		.pageDivider
		{
			background: url(images/GR_dividerHR.jpg) no-repeat center;
			text-align:center;
			margin:auto;
			margin-top:28px;
			width:216px;
			height:55px;
			padding:0px 0px 30px 0px;
		}

			.contentPadding
			{
				padding: 28px 39px 45px 50px;
				text-align:left;
				z-index:99;
			}
			
			.columnOne /*Home Page*/
			{
				float:left;
				width:322px;
			}
			
			.columnTwo /*Home Page*/
			{
				float:left;
				width:322px;
				margin-left:63px;
				display:inline;
			}
			
				* html .columnTwo
				{
					margin-left: 30px;
				}

			.columnThree /* Content Page */
			{
				float:left;
				width:372px;
			}
			
			.columnFour /* Content Page */
			{
				float:left;
				width:265px;
				margin-left:63px;
				display:inline;
			}
			
			
			.columnFive
			{
				width:703px;
			}
			
			.sponsors
			{
				width:730px;
				
				text-align:center;
				margin:auto;
				vertical-align:middle;
				margin-top:30px;
				margin-bottom:40px;
				background: url(images/BG_sponsorRPT.jpg) repeat-y;
			}
			
				.sponsorsTop
				{
					background: url(images/BG_sponsorTOP.jpg) no-repeat;
					width:730px;
					height:20px;
				}
				
				.sponsorsContent
				{
					background: url(images/BG_sponsorRPT.jpg) repeat-y;
					padding: 5px 20px 5px 30px;
					vertical-align:middle;
				}
				
				.sponsorsEnd
				{
					background: url(images/BG_sponsorBTM.jpg) no-repeat;
					width:730px;
					height:21px;
				}
				
				.SponsorLogo
				{
					float:left;
					vertical-align:middle;
					margin: 6px 19px 6px 19px
				}
				
				* html .SponsorLogo
				{
					display:inline;
				}
.box
{
	width:229px;
	text-align:center;
	margin:auto;
	vertical-align:middle;
	margin-top:20px;
	margin-bottom:20px;
	background: url(images/BG_boxRPT.jpg) repeat-y;
	float:left;
	margin: 0px 1px 0px 1px;
}

* html .box
{
	display:inline;
}

	.boxTop
	{
		background: url(images/BG_boxTOP.jpg) no-repeat;
		width:230px;
		height:10px;
	}
	
	.boxContent
	{
		background: url(images/BG_boxRPT.jpg) repeat-y;
		padding: 0px 15px 20px 15px;
		height:100px;
		text-align:left;
		line-height:18px;
		font-size: 11px;
	}
	
	
	.boxEnd
	{
		background: url(images/BG_boxBTM.jpg) no-repeat;
		width:230px;
		height:21px;
	}
	
.footer
{
	width:863px;
	height:133px;
	background: url(images/BG_Footer.gif) no-repeat;
	text-align:center;
	margin:auto;
	position:relative;
	left:-38px;
}

/* Image Border Styles */

.ImgBorderBox
{
	position:relative;
	margin: 2px 0px 2px 0px;
	clear:right;
	clear:left;
}
	
	.ImgBorderBoxTLCnr
	{
		background: url(images/BG_imgTLCNR.gif) no-repeat top left;
		width: 6px;
		height:6px;
		position: absolute;
		top:0px;
		left:0px;
	}	
	
	.ImgBorderBoxTRCnr
	{
		background: url(images/BG_imgTRCNR.gif) no-repeat top right;
		width: 6px;
		height:6px;
		position: absolute;
		top:0px;
		right:0px;
	}

	.ImgBorderBoxRCnr
	{
		background: url(images/BG_imgBRCNR.gif) no-repeat bottom right;
		width: 6px;
		height:6px;
		position: absolute;
		bottom:0px;
		right:0px;
	}
	
	.ImgBorderBoxLCnr
	{
		background: url(images/BG_imgBLCNR.gif) no-repeat bottom left;
		width: 6px;
		height:6px;
		position: absolute;
		bottom:0px;
		left:0px;
	}

	.ImgBorderBoxLSide
	{
		background: url(images/BG_imgL.gif) repeat-y left top;
	}
	
	.ImgBorderBoxRSide
	{
		background: url(images/BG_imgR.gif) repeat-y right top;
	}
	
	.ImgBorderBoxTop
	{
		background: url(images/BG_imgTOP.gif) repeat-x right top;
	}

	.ImgBorderBoxBtm
	{
		background: url(images/BG_imgBTM.gif) repeat-x right bottom;
	}

	.ImgBorderBoxImage
	{
		padding:6px 6px 4px 6px;
		border:none;
	}

* html .ImgBorderBox, * html .ImgBorderBoxTLCnr, * html .ImgBorderBoxTRCnr, * html .ImgBorderBoxLCnr, * html .ImgBorderBoxRCnr, * html .ImgBorderBoxLSide, * html .ImgBorderBoxRSide, * html .ImgBorderBoxTop,  * html .ImgBorderBoxBtm
{
	background:none;

}

* html .ImgBorderBoxImage
{
	padding:0px;
	border: 2px solid #302a20;
}
/*
/////////////////////////////////////////// Unique
////////////////////////////////////////////////////////////////
*/
 
/* 
SS03: COMBINATION STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

.spacer
{
	clear:both;
}

.display-1
{
	display:none;
}
	
.display1
{
	display:block;
}
	
.floatingImage-1 
	{
	float:left;
	margin: 0px 5px 5px 0px;
	}

	* html .floatImage-1
	{
		display:inline;
	}

.floatingImage1
{	
	float:right;
	margin: 0px 5px 5px 0px;
}

	* html .floatImage1
	{
		display:inline;
	}


.noborder
{
	border:none;
}

.valignTop
{
	vertical-align:top;
}

.bold
{
	font-weight:bold;
}

.italic
{
	font-style:italic;
}

.w70
{
	width:70px;
	display:inline-block;
	font-size:12px;
}

.w120
{
	width:130px;
	display:inline-block;
	font-size:12px;
}

.marginB10
{
	margin-bottom:10px;
}

.marginT5
{
	margin-top:5px;
}

.floatRight
{
	float:right;
}

.alignRight
{
	text-align:right;
}

.textInput
{
	width:270px;
	border: 1px solid #534c42;
	background: #f5efca;
}

input, textarea
{
	background:white;
	border: 1px solid #534c42;
	background: #f5efca;
}

.submitButton
{
	background:#f5efca;
	border: 1px solid #534c42;
}

.verificationInput
{
	width:170px;
}

textarea
{
	width:290px;
	height:100px;
	border: 1px solid #534c42;
	background: #f5efca;
	font-family: verdana, arial, sans-serif;
	margin-bottom: 10px;
}

.smallText
{
	font-size:10px;
}

/*
/////////////////////////////////////////// Combo
////////////////////////////////////////////////////////////////
*/
 
/* 
SS04: ANCHOR AND LINK STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

#BT_Home
{
	width:57px;
	height:40px;
	display:block;
	float:left;
	text-decoration:none;
	background:URL(images/BT_home.jpg) no-repeat;
	display:inline;
	margin: 1px 18px 0px 38px;
}

		#BT_Home:hover
		{
			background-position:0px -40px;
		}

#BT_About
{
	width:69px;
	height:40px;
	display:block;
	float:left;
	text-decoration:none;
	background:URL(images/BT_about.jpg) no-repeat;
	display:inline;
	margin: 1px 18px 0px 0px;
}

		#BT_About:hover
		{
			background-position:0px -40px;
		}


#BT_ThisYearsBall
{
	width:167px;
	height:40px;
	display:block;
	float:left;
	text-decoration:none;
	background:URL(images/BT_thisyearsball.jpg) no-repeat;
	display:inline;
	margin: 1px 18px 0px 0px;
}

		#BT_ThisYearsBall:hover
		{
			background-position:0px -40px;
		}

#BT_PastBall
{
	width:116px;
	height:40px;
	display:block;
	float:left;
	text-decoration:none;
	background:URL(images/BT_pastballs.jpg) no-repeat;
	display:inline;
	margin: 1px 18px 0px 0px;
}

		#BT_PastBall:hover
		{
			background-position:0px -40px;
		}

#BT_Sponsorship
{
	width:135px;
	height:40px;
	display:block;
	float:left;
	text-decoration:none;
	background:URL(images/BT_sponsorship.jpg) no-repeat;
	display:inline;
	margin: 1px 18px 0px 0px;
	z-index:90;
}

		#BT_Sponsorship:hover
		{
			background-position:0px -40px;
		}

#BT_Contact
{
	width:89px;
	height:40px;
	display:block;
	float:left;
	text-decoration:none;
	background:URL(images/BT_contact.jpg) no-repeat;
	display:inline;
	margin-right:12px;
	position:relative;
	right: -64px;
	margin: 1px 18px 0px 0px;
}

	#BT_Contact:hover
	{
		background-position:0px -40px;
	}

#BT_Disclaimer
{
	width:87px;
	height:41px;
	display:block;
	float:left;
	text-decoration:none;
	background:URL(images/BT_disclaimer.jpg) no-repeat;
	display:inline;
	margin-right:12px;
	position:absolute;
	left:373px;
	top:21px;
}

	#BT_Disclaimer:hover
	{
		background-position:0px -41px;
	}
	
#BT_Privacy
{
	width:119px;
	height:41px;
	display:block;
	float:left;
	text-decoration:none;
	background:URL(images/BT_privacy.jpg) no-repeat;
	display:inline;
	margin-right:12px;
	position:absolute;
	left:472px;
	top:21px;
}

	#BT_Privacy:hover
	{
		background-position:0px -41px;
	}
	
#BT_CreatedBy
{
	width:175px;
	height:41px;
	display:block;
	float:left;
	text-decoration:none;
	background:URL(images/BT_ci.jpg) no-repeat;
	display:inline;
	margin-right:12px;
	position:absolute;
	right:5px;
	top:21px;
}

	#BT_CreatedBy:hover
	{
		background-position:0px -41px;
	}
	
/*ss04.1: Drop Down Menu Styles*/

.DropDown
{
	width: 185px;
	z-index:9000;
	background:url(../images/BG_dropdown.gif) no-repeat;
}
	
	.DropDown_Top
	{
		width:185px;
		background:url(../images/BG_dropdownTOP.gif) no-repeat top left;
		height:7px;
		line-height:2px;
	}
	
	.DropDown_Mid
	{
		background:url(../images/BG_dropdown.gif) repeat-y;
		width:185px;
		height: auto;
	}
	
		.DropDown_Content
		{
			padding: 0px 15px 3px 15px;
		}
	
	.DropDown_Btm
	{
		background:url(../images/BG_dropdownBTM.gif) no-repeat;
		width:185px;
		height: 17px;
	}	

	a.DropDownMenuLink:link, a.DropDownMenuLink:visited, a.DropDownMenuLink:active
	{
		line-height:21px ;
		color:#3f372a;
		font-family: verdana, arial, sans-serif;
		text-decoration:none;
	}
	
			a.DropDownMenuLink:hover
			{
				text-decoration:underline;
			}

#ThisYearMenu
{
	visibility:hidden;
	position:absolute;
	z-index: 10000;
	left:190px;
	top:40px;
}	

#PastBallMenu
{
	visibility:hidden;
	position:absolute;
	z-index: 10000;
	left:375px;
	top:40px;
}	

/*
/////////////////////////////////////////// Anchors ///////////////////////////////////////////
*/