/* reset Definitions */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Global Definitions */

body {
	margin: 0 auto;
	/*
	background-image: url(../images/past-events-background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	*/
	background-color: #000000;

}

#container {
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
/*
	margin: 0 auto;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 70;
*/
}

.aboutbg {
	background-image: url(../images/about-background.jpg);
}
.beneficiariesbg {
	background-image: url(../images/beneficiaries-background.jpg);
}
.locationbg {
	background-image: url(../images/locations-background.jpg);
}
.involvebg {
	background-image: url(../images/get-involved-background.jpg);
}
.sponsorshipbg {
	background-image: url(../images/get-involved-background.jpg);
}
.donationsbg {
	background-image: url(../images/get-involved-background.jpg);
}
.newsbg {
	background-image: url(../images/news-background.jpg);
}
.pressbg {
	background-image: url(../images/news-background.jpg);-
}
.mediabg {
	background-image: url(../images/news-background.jpg);
}
.sponsorsbg {
	background-image: url(../images/sponsors-background.jpg);
}
.schedulebg {
	background-image: url(../images/schedule-background.jpg);
}
.eventsbg {
	background-image: url(../images/photo-gallery-background.jpg);
}
.contactbg {
	background-image: url(../images/past-events-background.jpg);
}



#containerHome {
	background-image: url(../images/home-background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
/*
	margin: 0 auto;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 70;
*/
}

.hidden {
    position: absolute;
    left: 0px;
    top: -500px;
    overflow: hidden;
}

strong {
	font-weight: bold;	
}

#headWrap {
	margin: 0 auto;
}

#headWrapHome {
	margin: 0 auto;
	width: 780px;
	width: 730px\9;
	.width: auto;
	/*padding-left: 150px;*/
	margin-bottom: -39px;
	
}

/* Header Definitions */

#header {
	margin: 0 auto;
	width: 1000px;
	height: 150px;
	font-family: Arial;
}

#headerHome {
	margin: 0 auto;
	height: 150px;
	font-family: Arial;
}

#logo {
	width: 165px;
	height: 165px;
	float: left;
}

#headContWrap {
	margin: 32px 0 0 0px; 
	float: left;
}

#headContWrapHome {
	margin: 20px auto 0 auto; 
	float: left;
}

#contactBox ul {
	margin: 0 150px 0px;
	float: right;
	/*
	Background goes here
	background: url(../images/white-box.png) repeat;
	*/
	background-color: #d7d7d7;
}

#contactBox li {
	padding: 0px 5px;
	font-size: .7em;
	display: inline;
	font-weight: bold;
}

#contactBox a {
	line-height: 25px;
	text-decoration: none;
	color: #000;
}

.rt {
	border-right: 1px solid #000;
	padding: 0 10px 0 10px;
	margin-right: -7px;
	
}

.lt {
	border-left: 1px solid #000;
	padding: 0 10px 0 10px;
	margin-left: -7px;
}

/*
 * Color for the Charcoal non-hover bg: #4d4d4d;
 * Color for the Black hover bg: #000;
 */
#horBar {
	margin: 0 150px 0 7px ;
	clear: right;
	width: 678px;
	.width: auto;
	width: auto\9;
	.padding-right: 4px;
	padding-right: 4px\9;
	/*
	Background goes here
	background: url(../images/white-box.png) repeat;
	*/
	background-color: #d7d7d7;
}

#horBarList {
	margin:0 -3px 0 -18px;
	padding:0 10px 0 23px;
}


.inline {
	font-size: 70%;
	margin: 0px 0px;
	display: inline; 	
}

#horBar a{
	color: #fff;
	text-decoration: none;
	line-height: 32px;
	padding: 0px 1px;
	height: 31px;
}



#horBar p {
	
}

.sublist {
	/**
	width: 130px;
	*/
	float: left;
}

.involved div{
	/**
	margin: 0 -10px 0 5px;
	width: 145px;
	*/
	font-size: .8em;
}

.sublist ul {
	height: 31px;
	overflow: hidden;
	/**
	background: url(../images/white-box.png) repeat;
	*/ 
	width: 112px;
	background-color: #d7d7d7;
}

.sublist ul:hover {
	/***
	height: 95px;
	*/
	height: auto;
}

.sublist li {
	letter-spacing: 2px;
	height: 32px;
	font-weight: bold;
	display: block;
	
}

.sublist a {
	/**
	background-color: #555;
	padding: 2px 0;
	width: 120px;
	*/
}

.main {
	/**
	color: #000;
	*/
	display: none;
}

.hoverSub, .selectedSub {
	margin: -27px 4px 0 4px;
	width: 104px;
	height: 22px;
}

.hover, .selected {
	margin: 3px;
	padding: 4px 52px;
}

#about .hoverSub {
	background: url(../images/navigation-bar.png) no-repeat 0 0; display: block;
}
#about .selectedSub, #about .hoverSub:hover {
	background: url(../images/navigation-bar.png) no-repeat 0 -22px; display: block;
}

#beneficiaries .hoverSub {
	background: url(../images/navigation-bar.png) no-repeat -620px 0; display: block;
}
#beneficiaries .selectedSub, #beneficiaries .hoverSub:hover {
	background: url(../images/navigation-bar.png) no-repeat -620px -22px; display: block;
}

#locations .hoverSub {
	background: url(../images/navigation-bar.png) no-repeat -724px 0; display: block;
}
#locations .selectedSub, #locations .hoverSub:hover {
	background: url(../images/navigation-bar.png) no-repeat -724px -22px; display: block;
}

#involve .hoverSub {
	background: url(../images/navigation-bar.png) no-repeat -100px 0; display: block;
}
#involve .selectedSub, #involve .hoverSub:hover {
	background: url(../images/navigation-bar.png) no-repeat -100px -22px; display: block;
}

#sponsorship .hoverSub {
	background: url(../images/navigation-bar.png) no-repeat -828px 0; display: block;
}
#sponsorship .selectedSub, #sponsorship .hoverSub:hover {
	background: url(../images/navigation-bar.png) no-repeat -828px -22px; display: block;
}

#donations .hoverSub {
	background: url(../images/navigation-bar.png) no-repeat -932px 0; display: block;
}
#donations .selectedSub, #donations .hoverSub:hover {
	background: url(../images/navigation-bar.png) no-repeat -932px -22px; display: block;
}

#sponsors .hover {
	background: url(../images/navigation-bar.png) no-repeat -205px 0; 
}
#sponsors .selected, #sponsors .hover:hover {
	background: url(../images/navigation-bar.png) no-repeat -205px -22px;
}

#schedule .hover {
	background: url(../images/navigation-bar.png) no-repeat -308px 0; 
}
#schedule .selected, #schedule .hover:hover {
	background: url(../images/navigation-bar.png) no-repeat -308px -22px;
}

/*
#news .hoverSub {
	background: url(../images/navigation-bar.png) no-repeat -416px 0; display: block;
}
#news .selectedSub, #news .hoverSub:hover {
	background: url(../images/navigation-bar.png) no-repeat -416px -22px;display: block;
}
*/

#news .hover {
	background: url(../images/navigation-bar.png) no-repeat -416px 0; 
}
#news .selected, #news .hover:hover {
	background: url(../images/navigation-bar.png) no-repeat -416px -22px; 
}

#press .hoverSub {
	background: url(../images/navigation-bar.png) no-repeat -1035px 0; display: block;
}
#press .selectedSub, #press .hoverSub:hover {
	background: url(../images/navigation-bar.png) no-repeat -1035px -22px;display: block;
}

#media .hoverSub {
	background: url(../images/navigation-bar.png) no-repeat -1140px 0; display: block; margin-left: 6px;
}
#media .selectedSub, #media .hoverSub:hover {
	background: url(../images/navigation-bar.png) no-repeat -1140px -22px;display: block; margin-left: 6px;
}

#events .hover {
	background: url(../images/photo-gallery.png) no-repeat 0 0; 
}
#events .selected, #events .hover:hover {
	background: url(../images/photo-gallery.png) no-repeat 0 -22px; 
}

#parentSel {
	/**
	 * height: 95px;
	 */
	height: auto;
}

/* Body Definitions */

#bodyWrap {
	margin: 0 auto;
	width: 1000px;
}

#body {
	margin: 20px 0 20px 172px;
	width: 678px;
	height: 365px;
	padding-bottom: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	/*
	background-color: #ddd;
	opacity:0.5;filter:alpha(opacity=50);
	background: rgba(255, 255, 255, 0.85);
	background-repeat: repeat;
	*/
	background: url(../images/white-box.png) repeat;
}

#bodyPics, #bodyLocation {
	margin: 20px 0 20px 172px;
	width: 678px;
	height: 375px;
	/***
	background: rgba(255, 255, 255, 0.85);
	 */
	background: url(../images/white-box.png) repeat;
	/*.background:none;
	.background-color: #d7d7d7; *IE Fix: IE should ignore the next CSS3 rule*/
}

#bodyLocation {
	margin: -13px 0 10px 172px;
	.margin: 0px 0 10px 172px;
	width: 678px;
	height: 405px;
	z-index: -1500;
}

#bodyLocation #headerTitle, #bodyPics #headerTitle{
	border: 0;
}


#bodyLogo {
	margin: 20px 0 0px 172px;
	width: 678px;
	height: 365px;
	background: url(../images/white-box.png) repeat;
	.background:none;
	.background-color: #d7d7d7; /**IE Fix: IE should ignore the next CSS3 rule*/
}

#bodyHome {
	margin: 30px auto;
	width: 500px;
	height: 380px;
	/*
	border: 1px solid #905;
	background: rgba(255, 255, 255, 0.85);
	*/
}

#homeCenterImg {
	margin-top: -14px;
}

#body p {
	margin: 10px 30px 10px;
	font-size: .8em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 19px;
}
	
#title {
	margin: 10px auto 0 auto;
	font-size: 25pt;
	color: #000;
	font-family: Arial;
	font-style: italic;
	text-align: center;
	padding: 5px 0 0 0;
	display: none;
	
}

#headerTitle {
	margin: 10px auto 0;
	padding-bottom: 8px;
	width: 230px; height: 57px;
	border-bottom: 1px solid #444; 
}

#headerTitleAbout {
	margin: 10px auto 0;
	padding-bottom: 8px;
	width: 250px; height: 57px;
	border-bottom: 1px solid #444;
	background: url(../images/about-the-event.png) no-repeat 15px 0;
}

#headerTitleSchedule {
	margin: 10px auto 0;
	padding-bottom: 8px;
	width: 325px; height: 61px;
	border-bottom: 1px solid #444;
	background: url(../images/tournament-schedule.png) no-repeat 15px 0;
}

.aboutTitle {
	background: url(../images/header-titles.png) no-repeat 0 0;
}
.beneficiariesTitle {
	background: url(../images/header-titles.png) no-repeat -460px 0;
}
.locationsTitle {
	background: url(../images/header-titles.png) no-repeat -690px 0;
}
.involveTitle {
	background: url(../images/header-titles.png) no-repeat -230px 0;
}
.sponsorshipTitle {
	background: url(../images/header-titles.png) no-repeat -2760px 0;
}
.donationsTitle {
	background: url(../images/header-titles.png) no-repeat -2300px 0;
}
.newsTitle {
	background: url(../images/header-titles.png) no-repeat -1380px 0;
}
.pressTitle {
	background: url(../images/header-titles.png) no-repeat -2070px 0;
}
.mediaTitle {
	background: url(../images/header-titles.png) no-repeat -1840px 0;
}
.sponsorsTitle {
	background: url(../images/header-titles.png) no-repeat -1150px 0;
}
.scheduleTitle {
	background: url(../images/header-titles.png) no-repeat -920px 0;
}
.eventsTitle {
	background: url(../images/photo-gallery-header.png) no-repeat 0 0;
}
.contactTitle {
	background: url(../images/header-titles.png) no-repeat -2530px 0;
}

#address {
	font-weight: bold;
	text-align: center;
	font-size: 90%;
}

2colWrap {
	margin: -5px auto 0;
		border: 1px solid #f00;
}

.beneLcol {
	float: left; width: 45%;
	margin: 0px 0 -4px 30px;
	text-align: center;
}

.beneRCol {
	margin: 0px 0 0px 10px;
	float: left;
	width: 45%;
		text-align: center;
}

.beneRColTop {
	margin: 30px 0 0px 10px;
	float: left;
	width: 45%;
		text-align: center;
}

.beneRColBot {
	margin: -20px 0 0px 10px;
	float: left;
	width: 45%;
		text-align: center;
}


#center {
	text-align: center;
}

.center {
	text-align: center;
}

#sponsorWrap {
	margin: 30px auto 0;;
	width: 70%; 
}

#sponsorWrap img {
	margin-bottom: 15px;
}

#gMap {
	margin: 0 auto;
	width: 500px; height; 280px;
	border: 1px solid #444;
}


#picHeadWrap {
	margin: 5px auto;
	width: 95%;
	border: 1px solid: #000;
	padding: 20px 0 40px
}

#lPic, #rPic, #mPic {
	height: 180px; width: 180px; float: left;
	margin: 0 15px; 
	padding-bottom: 10px;
} 

#lPic {
	background: url(../pics/teams/san-francisco-giants-small.jpg) no-repeat;
}

#rPic {
	background: url(../pics/misc/17-small.jpg) no-repeat;
}

#mPic {
	background: url(../pics/twentyten/67small.jpg) no-repeat;
}

#headings {
	margin: 0 auto;
	width: 100%;
}

#teamTog, #miscTog, #tenTog {
	text-decoration: none;
	padding: 5px 15px;
	color: #000;
	font-weight: bold;
}
#teamTog:hover , #miscTog:hover {
	text-decoration: underline;
}

.toggleSwitch {
	border: 1px solid #444;
}

#teamTog {
	margin-left: 40px;
}

#miscTog {
	margin-left: 35px;
}

#tenTog {
	margin-left: 25px;
}

#teamPics, #miscPics, #tenPics {
	margin: 20px 0 0 15px;
}

#teamList, #miscList, #tenList {
	display: none;
	height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#teamPics li, #miscPics li,  #tenPics li {
	display: inline;
	margin-right: 11px;
}

#teamPics img, #miscPics img,  #tenPics img {
	margin-bottom: 5px;
}
	
#newsList {
	margin: 10px 30px;
}

#newsList li {
	font-size: .9em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 19px;
	list-style-type: circle;
}

#donationBlock {
	margin-top: 15px;
	font-size: 1.2em;
}

#scheduleTable {
	margin: 0px auto;
	width: 100%;
	padding-left: 70px;
}

#scheduleTable caption {
	font-size: 1em;
	text-align: center;
	margin-bottom: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
}

#scheduleTable tr {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#scheduleTable th {
	/*
	text-align: center;
	*/
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 14px;
	text-decoration: underline
}

#scheduleTable td {
	/*
	text-align: center;
	*/
	padding-bottom: 8px;
}

.right {
	text-align: right;
	padding-right: 20px;
}

.middle {
	text-align: left;
	padding-right: 0px;
	padding-left: 60px;
}

.left {
	text-align: left;
	padding-left: 30px;
	padding-right: 0;
}

#logoDiv {
	margin: 5px 0 0 15px;
}

#logoList {
	height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#logoDiv li {
	display: inline;
	margin-right: 11px;
}

#logoDiv img {
	margin-bottom: 5px;
}

#pressDiv, #mediaDiv, #titleDiv, #premiereDiv, #teamDiv, #bannerDiv {
	margin: 10px auto 0;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#pressToggle, #mediaToggle, #titleToggle, #premiereToggle, #teamToggle, #bannerToggle {
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 15px;
}

#pressToggle, #mediaToggle {
	margin: 0 100px 0 100px;
}

#pressToggle:hover , #mediaToggle:hover, #titleToggle:hover, #premiereToggle:hover, #teamToggle:hover, #bannerToggle:hover {
	text-decoration: underline;
}

#pressDiv a , #mediaDiv a, #titleDiv a, #premiereDiv a, #teamDiv a, #bannerDiv a {
	text-decoration: none;
}

#pressDiv a:hover , #mediaDiv a:hover, #titleDiv a:hover, #premiereDiv a:hover, #teamDiv a:hover, #bannerDiv a:hover {
	text-decoration: underline;
}

#pressDiv a:visited , #mediaDiv a:visited, #titleDiv a:visited, #premiereDiv a:visited, #teamDiv a:visited, #bannerDiv a:visited {
	color: #00c;
}

#pressHidden, #mediaHidden, #titleHidden, #premiereHidden, #teamHidden, #bannerHidden {
	margin: 10px auto 0; 
	width: 100%;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	height: 290px;
	font-size: .9em;
}

#pressHidden, #mediaHidden {
	height: 240px;
}

#mediaHidden, #teamHidden {
	display: block;
}

.scroll {
	margin: 0 auto;
	wight: 95%;
}

.list {
	margin: 10px auto 4px 55px;
	text-align: left;
	color: #333;
}

.list li{
	margin-top: 8px;
	font-wight: bold;
	list-style-type: disc;
}

.secList {
	margin: 5px auto 4px 25px;
	text-align: left;
}

.secList li{
	list-style-type: circle;margin-top: 5px;
	color: #333;
	
}

.underline {
	text-decoration: underline;
}

#hiddenTitles {
	margin-top: 10px;
}

#sponsorshipLogoDiv {
	height: 220px;
	overflow-y: scroll;
}

#sponsorshipLogoDiv p{
	margin: 10px 0;
	
}

#sponsorshipLogoDiv img {
	border: 1px solid #333;	
}

#largeAddress {
	font-size: 1.2em;
}


#sponsorshipLogoDiv img.large {
	float: left; margin-left: 28px;
}

#sponsorshipLogoDiv img.medium {
	margin-top: 7px;	
}

#sponsorshipLogoDiv img.small {
	margin-top: 7px;
	margin-left: 10px	
}


	
/* Footer Definitions */

#footer {
	margin: 40px auto 0;
	/*
	border: 1px solid #00f;
	*/
	width: 1000px;
	height: 150px;
}

#footerContWrap {
	margin: 0 auto;
	padding: 20px 0 0 200px;
	width: 678px;
}

#footerLCol {
	margin-top: 10px;
	float: left;
	/*
	background-color: #ffff00;
	*/
	width: 40%;
	height: 100px;
}

#footerRCol {
	margin-top: -10px;
	float: left;
	/*
	background-color: #ff00ff;
	*/
	width: 40%;
	height: 150px;
}