html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0px;
}
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

.container {
	position: relative;
	margin: 0px auto;
	height: 100%;
}


body {
	background: #f7f7f7 url('../images/front_bg1.jpg') repeat-x top left;
	font-family: Trebuchet MS;
}
.container a {
	color: #5a96e8;
	text-decoration: none;
}
.container a:hover {
	color: #5a96e8;
	text-decoration: underline;
}

/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */

#top { width: 1004px; height: 422px; margin: 0; padding: 0; }
#top #navigation { width: 1004px; height: 56px; margin: 0 ; padding: 0; background: url('../images/front_topbg.jpg') no-repeat top left; }
#top #navigation #home { width: 220px; height: 56px; margin: 0; padding: 0; }
#top #navigation #home h1 { width: 220px; height: 56px; }
#top #navigation #home h1 a { width: 220px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav1 { width: 37px; height: 56px; margin: 0 0 0 138px; padding: 0; }
#top #navigation #nav1 h2 { width: 37px; height: 56px; }
#top #navigation #nav1 a.purpose { background: url('../images/front_nav1_off.jpg') no-repeat top left; width: 37px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav1 a.purpose:hover { background: url('../images/front_nav1_on.jpg') no-repeat top left; width: 37px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav2 { width: 58px; height: 56px; margin: 0 0 0 12px; padding: 0; }
#top #navigation #nav2 h2 { width: 37px; height: 56px; }
#top #navigation #nav2 a { background: url('../images/front_nav2_off.jpg') no-repeat top left; width: 58px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav2 a:hover { background: url('../images/front_nav2_on.jpg') no-repeat top left; width: 58px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav3 { width: 56px; height: 56px; margin: 0 0 0 45px; padding: 0; }
#top #navigation #nav3 h2 { width: 56px; height: 56px; }
#top #navigation #nav3 a.purpose { background: url('../images/front_nav3_off.jpg') no-repeat top left; width: 56px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav3 a.purpose:hover { background: url('../images/front_nav3_on.jpg') no-repeat top left; width: 56px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav4 { width: 59px; height: 56px; margin: 0 0 0 15px; padding: 0; }
#top #navigation #nav4 h2 { width: 59px; height: 56px; }
#top #navigation #nav4 a { background: url('../images/front_nav4_off.jpg') no-repeat top left; width: 59px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav4 a:hover { background: url('../images/front_nav4_on.jpg') no-repeat top left; width: 59px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav5 { width: 77px; height: 56px; margin: 0 0 0 12px; padding: 0; }
#top #navigation #nav5 h2 { width: 77px; height: 56px; }
#top #navigation #nav5 a.purpose { background: url('../images/front_nav5_off.jpg') no-repeat top left; width: 77px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav5 a.purpose:hover { background: url('../images/front_nav5_on.jpg') no-repeat top left; width: 77px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav6 { width: 85px; height: 56px; margin: 0 0 0 10px; padding: 0; }
#top #navigation #nav6 h2 { width: 85px; height: 56px; }
#top #navigation #nav6 a.purpose { background: url('../images/front_nav6_off.jpg') no-repeat top left; width: 85px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav6 a.purpose:hover { background: url('../images/front_nav6_on.jpg') no-repeat top left; width: 85px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav7 { width: 76px; height: 56px; margin: 0 0 0 12px; padding: 0; }
#top #navigation #nav7 h2 { width: 76px; height: 56px; }
#top #navigation #nav7 a.purpose { background: url('../images/front_nav7_off.jpg') no-repeat top left; width: 76px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #navigation #nav7 a.purpose:hover { background: url('../images/front_nav7_on.jpg') no-repeat top left; width: 76px; height: 56px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }

#nav { height: 56px; }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; }
#nav li:hover, #nav li.over { position: static; /* make menus not sticky in ie7 */ } 
#nav a { display: block; width: 10em; }
#nav li { float: left; width: 10em; }
#nav li ul { position: absolute; width: 10em; left: -999em; }
#nav li:hover ul { left: auto; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

#nav .dropdownNav { position: absolute; z-index: 20; border-bottom: solid 4px #73b4dd; background: url('../images/nav_dropdown.png') repeat top left; margin: -15px 0 0 8px !important; padding: 3px 0 8px 4px; width: 156px; line-height: 16px; }
#nav .dropdownNav li { width: 160px; height: 18px; padding: 4px 6px 0 8px; }
#nav .dropdownNav li a { display: block; width: 160px; color: #4db4ff; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#nav .dropdownNav li a:hover { color: #4db4ff; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-decoration: underline; }
#nav .dropdownNav li a.small { font-size: 10px; font-weight: bold; }

#top #primary { width: 1004px; height: 366px; margin: 0; padding: 0; }
#top #primary #left { width: 510px; height: 366px; margin: 0; padding: 0; }
#top #primary #left #tennisPlayer { width: 510px; height: 260px; margin: 0; padding: 0; }
#top #primary #left #tennisPlayer #information { width: 405px; height: 260px; margin: 0; padding: 0; }
#top #primary #left #tennisPlayer #information #moreLogo { width: 405px; height: 100px; margin: 0; padding: 0; background: url('../images/front_top_logo.jpg') no-repeat top left; }
#top #primary #left #tennisPlayer #information #moreLogo h1 { width: 220px; height: 95px; }
#top #primary #left #tennisPlayer #information #moreLogo a { width: 220px; height: 95px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #primary #left #tennisPlayer #information #tourneyname { width: 363px; height: 42px; margin: 0; padding: 118px 0 0 42px; background: url('../images/front_top_name.jpg') no-repeat top left; color: #ffffff; font-size: 16px; font-weight: bold; font-family: Trebuchet MS; }
#top #primary #left #tennisPlayer #leftBox { width: 105px; height: 260px; margin: 0; padding: 0; background: url('../images/front_top1.jpg') no-repeat top left; }
#top #primary #left #titleSponsors { width: 485px; height: 106px; margin: 0; padding: 0 0 0 25px; background: url('../images/front_presentedBy_bg.jpg') no-repeat top left; }
#top #primary #left #titleSponsors ul { margin: 0; padding: 0; }
#top #primary #left #titleSponsors li.stvbc { float: left; width: 152px; height: 106px; margin: 0; padding: 0; }
#top #primary #left #titleSponsors li.stvbc a { background: url('../images/front_sponsors_stvbc.jpg') no-repeat top left; width: 152px; height: 106px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #primary #left #titleSponsors li.snell { float: left; width: 84px; height: 106px; margin: 0; padding: 0; }
#top #primary #left #titleSponsors li.snell a { background: url('../images/front_sponsors_snell.jpg') no-repeat top left; width: 84px; height: 106px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #primary #left #titleSponsors li.premium { float: left; width: 200px; height: 106px; margin: 0; padding: 0; }
#top #primary #left #titleSponsors li.premium a { background: url('../images/front_sponsors_premium.jpg') no-repeat top left; width: 200px; height: 106px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #primary #left #titleSponsors li.tour { float: right; width: 410px; height: 106px; margin: 0; padding: 0 49px 0 0; }
#top #primary #left #titleSponsors li.tour h2 { background: url('../images/front_sponsors_tour.jpg') no-repeat top left; width: 410px; height: 106px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: default; }


#top #primary #right { width: 494px; height: 366px; margin: 0; padding: 0; }
#top #primary #right #frame { width: 484px; height: 291px; margin: 0; padding: 43px 0 0 10px; background: url('../images/front_slideshowbg.jpg') no-repeat top left; }
#top #primary #right #caption { width: 460px; height: 23px; margin: 0; padding: 9px 34px 0 0; background: url('../images/front_slideshowCaptionbg.jpg') no-repeat top left; text-align: right; color: #6a6a6a; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; }

#middle { width: 1004px; min-height: 220px; margin: 0; padding: 0; background: url('../images/front_bg2.jpg') no-repeat top left; }
#middle #content { width: 1004px; min-height: 345px; margin: 0; padding: 0; }
#middle .div { width: 1004px; margin: 0; padding: 0; }
#middle .div .horizontal { width: 944px; height: 2px; margin: 0 24px 12px 36px; padding: 0; background: url('../images/div_horiz.jpg') repeat-x top left; }
#middle #content .div { width: 2px; margin: 0; padding: 0; }
#middle #content .div .vertical { width: 2px; height: 258px; margin: 57px 0 0 0; padding: 0; background: url('../images/div_vert.jpg') repeat-y top left; }
#middle #content #features { width: 508px; min-height: 315px; margin: 0; padding: 30px 0 0 0; }

#middle #content #features h3 { width: 155px; height: 50px; margin: 0; padding: 0; }
#middle #content #features h3 a { width: 155px; height: 50px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#middle #content #features h3.bottom { margin-bottom: 5px; }

#middle #content #features .column1 { width: 237px; margin: 0 0 0 36px; padding: 0; }
#middle #content #features .column1 #blog { width: 208px; min-height: 120px; margin: 0; padding: 0 25px 0 4px; background: url('../images/front_features_blog.png') no-repeat top left; color: #9d9d9d; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#middle #content #features .column1 #results { width: 208px; min-height: 120px; margin: 0; padding: 0 25px 0 4px; background: url('../images/front_features_results2.png') no-repeat top left; color: #9d9d9d; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }

#middle #content #features .column2 { width: 235px; margin: 0; padding: 0; }
#middle #content #features .column2 #photos { width: 224px; min-height: 120px; margin: 0; padding: 0 10px 0 1px; background: url('../images/front_features_photos.png') no-repeat top left; color: #9d9d9d; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#middle #content #features .column2 #virtual { width: 224px; min-height: 120px; margin: 0; padding: 0 10px 0 1px; background: url('../images/front_features_virtual.png') no-repeat top left; color: #9d9d9d; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }

#middle #content #features #more { margin: 0; padding: 12px 0 0 38px; }
#middle #content #features #more h2 { width: 462px; height: 52px; }
#middle #content #features #more h2 a { background: url('../images/front_more.jpg') no-repeat top left; width: 462px; height: 52px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }

#middle #content #sponsors { width: 260px; margin: 0; padding: 54px 0 0 0; background: url('../images/front_sponsors_header.png') no-repeat top left; }
#middle #content #sponsors img { display: block; margin-bottom: 8px; border: 0; }
#middle #content #sponsors .column1 { width: 112px; margin: 0 0 -5px 15px; padding: 0; }
#middle #content #sponsors .column2 { width: 112px; margin: 0 0 -5px 8px; padding: 0; }
#middle #content #sponsors h4 { text-align: right; margin: 0 15px 0 0; }
#middle #content #sponsors h4 a { color: #9d9d9d; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; }
#middle #content #sponsors h4 a:hover { color: #9d9d9d; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; text-decoration: underline; }
#middle #content #emailsubscribe { width: 234px; margin: 0; padding: 0; }
#middle #content #emailsubscribe #emailupdates { width: 183px; min-height: 307px; margin: 0 24px 0 0; padding: 40px 12px 0 15px; background: url('../images/front_emailbg.jpg') no-repeat top left; color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#middle #content #emailsubscribe #emailupdates form { margin: 8px 0 0 0; padding: 0; }
#middle #content #emailsubscribe #emailupdates form b.push { margin: 0 0 0 6px; padding: 0; display: block; font-size: 11px; }
#middle #content #emailsubscribe #emailupdates .top { height: 282px; }
#middle #content #emailsubscribe #emailupdates .bottom { height: 25px; }
#middle #content #emailsubscribe #emailupdates .field { clear: both; width: 180px; height: 20px; margin: 0 0 5px 0; padding: 0; }
#middle #content #emailsubscribe #emailupdates .title { float: left; width: 50px; height: 16px; margin: 0; padding: 4px 0 0 0; color: #187aae; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#middle #content #emailsubscribe #emailupdates .title b { color: #ffffff; font-size: 14px; }
#middle #content #emailsubscribe #emailupdates .element { float: right; width: 130px; height: 20px; margin: 0; padding: 0; }
#middle #content #emailsubscribe #emailupdates .element input { width: 126px; height: 18px; background: #ffffff; color: #000000; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; padding: 2px 0 0 4px; border: 0; }
#middle #content #emailsubscribe #emailupdates .biggerfield { width: 174px; height: 35px; margin: 10px 0 10px 0; padding: 0 0 0 6px; color: #187aae; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#middle #content #emailsubscribe #emailupdates .biggerfield input { width: 169px; height: 18px; background: #ffffff; color: #000000; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; margin: 4px 0 0 0; padding: 2px 0 0 4px; border: 0; }
#middle #content #emailsubscribe #emailupdates form #submit { margin: 0 0 0 80px; }
#middle #content #emailsubscribe #emailupdates h4 { width: 210px; height: 25px; margin: 0 0 0 -15px; }
#middle #content #emailsubscribe #emailupdates h4 a { background: url('../images/front_email_already.jpg') no-repeat top left; width: 210px; height: 25px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }


#middle #columns { width: 1004px; min-height: 330px; margin: 0; padding: 0 0 0 36px; }
#middle #columns .div { width: 2px; margin: 0; padding: 0; }
#middle #columns .div .vertical { width: 2px; height: 292px; margin: 0; padding: 0; background: url('../images/div_vert.jpg') repeat-y top left; }
#middle #columns a { color: #5c5c5c; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#middle #columns a:hover { color: #5c5c5c; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-decoration: underline; }
#middle #columns p { margin: 0 0 18px 0; }
#middle #columns #info { width: 197px; min-height: 273px; margin: 0; padding: 57px 20px 0 0; color: #929292; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; background: url('../images/front_columns_header1.jpg') no-repeat top left; }
#middle #columns #schedule { width: 224px; min-height: 273px; margin: 0; padding: 57px 12px 0 16px; color: #929292; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; background: url('../images/front_columns_header2.jpg') no-repeat top left; }
#middle #columns #schedule #sml-01 { float:right; clear:right; padding:0; }
#middle #columns #schedule #sml-01 { width: 65px; height: 40px; }
#middle #columns #schedule dl { margin: 0; padding: 0; }
#middle #columns #schedule dt { margin: 0; padding: 0; }
#middle #columns #schedule dd { margin: 0 0 15px 0; padding: 0 0 0 8px; }
#middle #columns #schedule dd p { margin: 0; padding: 0; }

#middle #columns #schedule h2 { width: 224px; height: 52px; margin: 0; padding: 0; }
#middle #columns #schedule h2 a { background: url('../images/front_schedule_seeall.jpg') no-repeat top left; width: 224px; height: 52px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#middle #columns #schedule h4 { width: 210px; height: 24px; margin: 0; padding: 5px 0 0 0; }
/*#middle #columns #schedule h4 a { background: url('../images/front_schedule_pdf.jpg') no-repeat top left; width: 210px; height: 24px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }*/
#middle #columns #schedule h4 a { display: block; background: url('../images/inside_postpdf.jpg') no-repeat top left; margin: 0; padding: 1px 0 5px 20px; color: #929292; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; }

#middle #columns #promote { width: 232px; min-height: 273px; margin: 0; padding: 57px 12px 0 16px; color: #929292; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; background: url('../images/front_columns_header3.jpg') no-repeat top left; }
#middle #columns #promote p { padding: 0 33px 0 0; }
#middle #columns #promote h3 { width: 224px; height: 59px; margin: 0; padding: 0; }
#middle #columns #promote h3 a { background: url('../images/front_facebook.jpg') no-repeat top left; width: 224px; height: 59px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }

#middle #columns #location { width: 194px; min-height: 273px; margin: 0; padding: 57px 0 0 16px; color: #929292; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; background: url('../images/front_columns_header4.jpg') no-repeat top left; }
#middle #columns .find { width: 180px; min-height: 18px; margin: 0 0 10px 0; padding: 0px 0 0 20px; background: url('../images/front_columns_find.jpg') no-repeat top left; line-height: 14px; }
#middle #columns .find a { color: #71ae00; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#middle #columns .find a:hover { color: #397900; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }


#bottom { width: 1002px; margin: 10px 1px 0 1px; padding: 13px 0 0 0; background: url('../images/front_bottom_top.jpg') no-repeat top left; }
#bottom #footer { width: 1002px; min-height: 112px; margin: 0 0 -20px 0; padding: 13px 0 0 0; background: url('../images/front_bottom_bg.jpg') repeat-y top left; }
#bottom #footer .left { width: 452px; min-height: 112px; margin: 0; padding: 0 20px 0 35px; background: url('../images/front_bottom_logo2.jpg') no-repeat top right; }
#bottom #footer .left #contact { width: 448px; margin: 0; padding: 30px 0 0 2px; background: url('../images/front_bottom_contact.jpg') no-repeat top left; color: #919191; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#bottom #footer .left #contact .find { width: 378px; height: 18px; margin: 8px 0 0 -1px; padding: 2px 0 0 22px; background: url('../images/front_bottom_find.jpg') no-repeat top left; line-height: 14px; }
#bottom #footer .left #contact .find a { color: #919191; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; }
#bottom #footer .left #contact .find a:hover { color: #3b3b3b; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; }
#bottom #footer .right { width: 445px; min-height: 112px; text-align: right; margin: 0; padding: 0 28px 0 22px; color: #919191; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 22px; }
#bottom #footer .right b { color: #5e5e5e; }
#bottom #footer .right a { color: #3188be; font-weight: bold; text-decoration: none; }
#bottom #footer .right a:hover { color: #003e6d; font-weight: bold; text-decoration: none; }
#bottom #footer .right #legal { text-align: left; margin: 12px 0 0 180px; color: #ababab; font-size: 10px; font-weight: normal; line-height: 18px; }
#bottom #footer .right #legal a { background: url('../images/flex360.jpg') no-repeat top left; width: 248px; height: 23px; margin: 0 0 0 14px; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }