@charset "UTF-8";
body {
	font: 12px Helvetica, Verdana, Arial, sans-serif; 
	background: #d3e5d0 url(../images/UI/mcta_background.jpg) no-repeat center top;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}


.hidden {visibility:hidden; height:0; width:0; margin:0; padding:0;}
.clear {clear:both;}
img {border:none;}
hr {height:1px; color:#ccc; width:100%; background:#ccc; border:0px;}

#top_navigation { width:100%; clear:right; background:url(../images/UI/top_navigation_bar_bg.jpg) repeat-x top center #596870; height:19px;}
#top_navigation_container {text-align:right; margin:0 auto; width:900px; font-size:12px; padding:2px 0 0 0;}
#top_navigation_container a {text-decoration:none; color:white; }
#top_navigation_container a:hover {text-decoration:underline; color:#fbeb1b; }

.oneColFixCtrHdr #container {
	width: 900px;  
	margin: 0 auto; 
	text-align: left; 
}
.oneColFixCtrHdr #header {
	padding:10px 0px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

.site_logo {width:290px; height:90px; margin:0; padding:0; float:left;}

#header-right {width:500px; text-align:right; float:right; position:relative; font-size:11px;}
#header-right form {margin:10px 0;}
#header-right a {color:#24205d;}
#header-right a:hover {text-decoration:underline; color:#333; }
#usta-header-img {margin:5px 0 0 0;}

.header_search_field { width:150px; height:1.5em; margin:0 0 0 -170px; position:absolute;}
.header-search-button { margin:10px 0 0 0; position:relative;}

#hr__field { width:150px; height:1.5em; margin:0 0 0 20px; position:absolute;}
#hr-submit-button { margin:-15px 0 0 200px; position:relative;}

/* Sidebar Newsletter form styles */
.sidebar-submit-button {position:relative; margin: -26px 0 0 140px;}
input.newsletter_signup {height:22px; width:130px; border:1px solid #666666; margin:2px 0 0 0; position:relative;}

/* Navigation, thanks in part to 13Styles */

/* SECONDARY NAVIGATION STYLING */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

ul#mcta-mainnav{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:36px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;background:transparent url("../images/UI/bgOFF.gif") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #336666;
	border-top:1px solid #C0E2D4;
	}

.menu {width:900px; height:32px; position:relative; z-index:100; margin:0 auto;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:890px; w\idth:899px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; }
.menu ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {display:block;float:left;margin:0;padding:0; position:relative;}
.menu li a{display:block;float:left;color:#25205d;
text-decoration:none;padding:12px 10px 0 11px;height:24px;background:transparent url("../images/UI/bgDIVIDER.gif") no-repeat top right;}
.menu li a:hover{background:transparent url("../images/UI/bgHOVER.gif") no-repeat top right; color:#5accf2;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;color:#25205d;
text-decoration:none;padding:12px 10px 0 10px;height:24px;background:transparent url("../images/UI/bgDIVIDER.gif") no-repeat top right;}
.menu li a.current, .menu li a.current:hover {color:#fff;background:transparent url("../images/UI/bgON.gif") no-repeat top right;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:100px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#fcfef3 url(../images/UI/level-1-bg.gif) bottom left repeat-x; border-top:1px solid #fcfef3; border-bottom:solid 1px #fcfef3; border-left:1px solid #c4c5a6; border-right:1px solid #c4c5a6;}
/* style the second level hover */
.menu ul ul a:hover{background:#c9ba65 200px center; }
.menu ul ul :hover > a.drop {background:#fcfff4 url(../images/UI/2nd_level_bg.png) left bottom repeat-x; border-top:1px solid #c4c5a6; border-bottom:solid 1px #c4c5a6;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fafdf2 url(../images/UI/level-1-bg.gif) bottom left repeat-x;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#e9e9cf url(../images/UI/level-1-bg.gif) bottom left repeat-x;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:36px;left:0; width:149px; border-top:1px solid #c4c5a6;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#f8faec; color:#002b49; height:auto; line-height:1em; padding:5px 10px; width:129px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#002b49; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#002b49; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

li.bottom_li { border-bottom:1px solid #c4c5a6; height:0px; width:100%;}


/* END SECOND LEVEL NAVIGATION STYLING */




/* Homepage Banner */

#banner { margin:10px auto 0 auto; width:850px; height:250px; position:relative; clear:both; padding:0; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#banner p.entry {margin:5px 0 0 30px; width:500px; color:#FFF;}
.banner_links {position:absolute;text-align:right; z-index:1000; clear:both; margin:-40px 0 0 660px; padding:0; font-size:12px;}
#banner a:link, .banner_links a:link {color:#fbeb1b;}
#banner a:visited, .banner_links a:visited {color:#fbeb1b;}
#banner a:hover, .banner_links a:hover {color:white; text-decoration:none;}
#banner  a:visited:hover, .banner_links a:visited:hover {color:#fbeb1b;}

#banner h2, #banner h3, #banner h4 { 
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	font-size:32px;
	margin:0px;
	width:520px;
	height:140px;
	overflow:hidden;
	text-shadow:1px 2px 2px #444;
}

.article1 { margin:0px auto; background:url(http://www.mctatennis.org/images/homepage-banner1.jpg) no-repeat top left; width:820px; height:220px; padding:5px 0 0 30px;}
.article2 { margin:0px auto; background:url(http://www.mctatennis.org/images/homepage-banner2.jpg) no-repeat top left; width:820px; height:220px;padding:5px 0 0 30px;}
.article3 { background:url(http://www.mctatennis.org/images/homepage-banner3.jpg) no-repeat top left; margin:0px auto; width:820px; height:220px; padding:5px 0 0 30px;}

	
.oneColFixCtrHdr #mainContent {
	padding: 10px 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #ffffff url(../images/UI/mainContent-bg.png) repeat-x top left;
	position:relative;
	float:none;
}

#mainContent h1, h2, h3, h4, h5, h6, .subhead, .subhead2, .subhead3, caption {color:#24205d;}

.tiny_font {font-size:8px;}
p.small_font {font-size:10px; font-weight:normal;}
.subhead { font-size:16px; font-weight:bold;}
.subhead2 {font-size:14px; font-weight:bold;}
.subhead3 {font-size:12px; font-weight:bold;}

.column_left_small a:link, .column_left_large a:link, .column_left_large a:link, .column_left_small a:link  {color:#2d457f; text-decoration:underline;}
.column_left_small a:hover, .column_left_large a:hover, .column_left_large a:hover, .column_left_small a:hover, .column_left_small a:visited:hover, .column_left_large a:visited:hover, .column_left_large a:visited:hover, .column_left_small a:visited:hover {text-decoration:none;}
.column_left_small a:visited, .column_left_large a:visited, .column_left_large a:visited, .column_left_small a:visited {color:#a7ca5b; text-decoration:underline;}

.column_left_small {position:relative; float:left; width:285px; padding:0 8px; margin:10px 0; border-right:1px solid #DDD;}
.column_left_small p {line-height: 16px;}
.column_left_small_home {position:relative; float:left; width:285px; padding:0 8px; margin:0;}

.column_right_large {position:relative; float:left; width:540px; padding:5px 0 0 0; margin:0 10px; }
.column_right_large p {line-height: 16px;}
.column_right_large_home {position:relative; float:left; width:540px; padding:0; margin:0 0 0 5px;}

.column_left_large {}
.column_right_small {}

.align-right {text-align:right; float:right;}

/* Area for horizontial announcements on homepage (or any other independent of column usage */

img.homepage-hr-overflow {margin:0 auto -8px auto; width:870px;}

.homepage_hr_area img {float:left; position:relative;}
.homepage_hr_area img p {margin-top:20px;}
.homepage_hr_area a {color:#FFF;}
.homepage_hr_area {width:870px; border-left:1px solid #1e5288; border-right:1px solid #1e5288; border-bottom:1px solid #1e5288; height:111px; clear:both; background: #161354 url(../images/UI/hr-box-bg.png) repeat-x top left; margin:10px auto; color:#FFF; }


.hr-bar-left {width:30%; position:relative; float:left; background:url(../images/UI/hr-box-divider.gif) top right repeat-y; height:92px; padding:0 10px; font-size:14px;}
.hr-bar-center {width:30%; position:relative; float:left; background:url(../images/UI/hr-box-divider.gif) top right repeat-y; height:111px; padding:0 10px; font-size:14px;}
.hr-bar-left, .hr-bar-center p {padding-top:20px;}
.hr-bar-right {width:30%; position:relative; float:left; height:111px; padding:0 10px;}
.section-header-img {margin:0;}
#homepage-about-intro { background:url(../images/UI/homepage-sidebar-bg.gif) no-repeat top left; padding:0px 15px 0 15px; margin:-14px 0 -5px 0;}
.leftsidebar-box-footer {clear:both; margin:0 0 10px 0; background:url(../images/UI/about-sidebar-footer.gif) no-repeat bottom left; height:27px; width:281px;}
.sidebar_box {height:auto; background:url(../images/UI/sidebar_box_bg.gif) bottom left no-repeat; padding:15px 15px 5px 15px; margin:-14px 0 -5px 0;}
.column_left_small li {list-style-image:url(../images/UI/li_ball_bg.png); color:#444;}
.column_left_small li a, .column_left_small li a:visited {color:#040;}
.column_left_small li a:hover {color:#222; background:#DDD;}
/* Sidebar Calendar */
.column_left_small table { width:250px; text-align:left; font-size:.80em;}
#sidebar-content { border-left:1px solid #efefef; border-right:1px solid #efefef; width:280px;}

.volunteer {background:url(../images/UI/volunteer-bg.gif) top left no-repeat; height:181px; padding:20px 10px 0 10px;}
.volunteer a {margin:-55px 0 0 0;}

/*
06-24-2010 justin prince
reseting the margin to 5px;
*/
.volunteer a {margin:5px 0 0 0;}
/*
jkp
*/

.sidebar-box-footer {height:16px; width:280px; margin:0; padding:0; background:url(../images/UI/sidebar-box-footer.gif) no-repeat center top;}
.homenews { font-size:1.1em; background:url(../images/UI/homebox-bg.gif) repeat-y top left; padding:10px 10px 0 10px;}
.homenews img {text-align:left; float:left; margin:0 15px 15px 0;}
.rightcolumn-section-header {margin:0 0 -19px 0; padding:0;}
.rightcolumn-large-bottom {background:url(../images/UI/rightcolumn-large-bottom.gif) top left no-repeat; height:32px; margin:-15px 0 10px 0;}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: transparent url(../images/UI/footer-bg.png) top center no-repeat;
	height:131px;
	width:914px;
	text-align:left;
	margin:0 auto 10px auto;
	font-size:10px;
	position:relative;
}
.footer-racket {
	margin:0 10px 0 -150px;
	padding:0;
	position:absolute;
	z-index:100;
	float:left;
	width:203px;
	height:154px;
}
#footer div.footer-nav {
	position:relative;
	float:right;
	text-align:right;
	width:720px;
	margin:-160px 30px 0 185px; 
	padding: 10px 0;
	clear:right;
}
#footer_adverts { 
	float:left;
	position:absolute;
	z-index:1000;
	margin:-130px 0 0 200px;
}

div.footer-nav img {margin:0 0 0 25px;}
div.footer-nav p {margin-top:40px; font-size:11px; color:#6ba366; font-weight:bold;}
div.footer-nav a {color:#1e5288;}
div.footer-nav a:hover {color:#41803b;}

#footer p#footer-info { text-align:right; margin:-15px 0 0 0; color:#6ba366;}
p#footer-info a{color:#6ba366;}
p#footer-info a:hover {color:#41803b;}

/* Additional Coding for CSS text wrap */
.lW { float: left; clear: left; height: 15px; }
.rW { float: right; clear: right; height: 15px; }

/* Styled Tables */
table.calendar {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; width:500px; text-align:left; border-collapse:collapse; margin:20px;}
.calendar thead {background:#A7E3C1;}
table.calendar th{font-weight:normal;font-size:13px; color:#050; background:#C9DFCA; padding:8px;}
table.calendar td{/*background:#e8edff;*/ background:#EDFEEE; border-top:1px solid #fff; color:#050; padding:8px;}
table.calendar tbody tr:hover td{background:#D4EDD4;}
table.calendar caption {font-size:18px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; background:#a7e3c1; border-top:1px solid #fff; margin:0 0 -18px 0; padding:10px;}
.calendar_sidebar table { max-width:200px; overflow:scroll; max-height:350px;}
table tr:hover {background:#DDD;}
.main_cont_txt table tr:hover {background:none;}