/* ============================================= */
/* = Madison Polo Club                         = */
/* = Identity Developments                     = */
/* = www.i-devs.com                            = */
/* = Copyright (c)2005. Identity Developments. = */
/* = All rights reserved.                      = */
/* ============================================= */

body {
	background: #003300 url(images/body-bg.gif) repeat;
	margin: 10px 0;
	padding: 0;
	color: #333333;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

/* = accessibility = */
#skiplinks {
	position: absolute;
	top: 20px;
	left: -99em;
	width: 150px;
	}

#secY h1 {font-size: 2em;}
#secY p {font-size: 1em;}

#secY #wrapper {width: 180px;}

#secY #container {
	background: #FFF;
	margin: 0;
	padding: 0;
	width: 180px;
	}

#secY #navMain {
	background: #FFF;
	width: 180px;
	}

#secY #navMain ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#secY #navMain li {
	display: block;
	list-style: none;
	}

#secY #navMain li a {
	margin: 0 5px 2px;
	padding: 3px;
	border: none;
	color: #006;
	line-height: 1.2;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

#navMain li a:hover {
	background: #CC9 url(images/ball.gif) no-repeat left bottom;
	border: solid 1px #666;
	color: #006;
	}

#navMain a:active {
	background: #006;
	border: solid 1px #666;
	color: #CC9;
	}
	
/* = basic links = */

a img {border: none;}

#contentMain a {
	border-bottom: solid 1px #006;
	color: #F03;
	text-decoration: none;
	}

#contentMain a:hover {
	border-bottom: dotted 1px #006;
	color: #006;
	}

#contentMain a:active {
	border-bottom: solid 1px #006;
	color: #000;
	}

.topLink {
	float: right;
	font-size: .8em;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: "CopprplGoth Bd BT", Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	color: #F03;
	}

h1 {
	margin: 0 0 .5em;
	padding: 12px 0 0;
	font-size: 2.2em;
	}

h2, h3, h4, h5, h6 {margin: .5em 0 .1em; padding: 0;}

h2 {font-size: 2em; color: #006;}

h3 {font-size: 1.8em;}

h4 {font-size: 1.6em; color: #006;}

h5 {font-size: 1.4em;}

h6 {font-size: 1.2em; color: #006;}

p {
	margin: 0 0 1em;
	padding: 0;
	font-size: .9em;
	line-height: 1.3;
	}

img {
	margin: 0;
	padding: 0;
	border: none;
	}

.clear {clear: both;}

.fltRt {float: right;}
.fltLt {float: left;}

/* = =WRP - wrapper and shadow elements ========================= */
#wrapperShadow {
	position: relative;
	background: url(images/shadow-sides.jpg) repeat-y;
	margin: 25px auto;
	padding: 0;
	width: 693px;
	}

#wrapTop {
	background: transparent url(images/shadow-top.jpg) no-repeat center top;
	position: relative;
	margin: 0;
	padding: 0;
	height: 10px;
	width: 693px;
	}

#wrapBottom {
	position: relative;
	margin: 0;
	padding: 0;
	height: 10px;
	width: 693px;
	background: transparent url(images/shadow-bottom.jpg) no-repeat center bottom;
	}

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 679px;
	border: 1px solid #000; border: none;
	text-align: left;
	}

/* = =HDR - header ============================================== */
#headerHolder {
	position: relative;
	background: #F03;
	padding: 8px 0 0;
	height: 123px;
	}

#header {
	position: relative;
	background: #CC9 url(images/tans-bg.gif) repeat;
	margin: 0;
	padding: 0;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;	
	width: 679px;
	}

#header .mpcLogo {
	position: relative;
	margin: 12px 10px;
	padding: 0;
	}

#header .mpcHeader {
	position: relative;
	margin: 10px 0 10px;
	padding: 0;
	}

#wrapper .photoWrapper {
	background: #FAFAFA;
	position: absolute;
	top: -25px;
	right: -30px;
	z-index: 200;
	margin: 0;
	padding: 0;
	border: 1px solid #666;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	width: 262px;
	height: 174px;
	}
/* hack IE5.x and Mac hide \*/
* html #wrapper .photoWrapper {
	width: 264px;
	height: 176px;
	w\idth: 262px;
	heig\ht: 174px;
	}
/* stop Mac hide */

#wrapper .photoWrapper img {
	background: #DBDBB7 url(images/hdr/DSC_3896_256.jpg) no-repeat;
	position: relative;
	top: 2px;
	left: 2px;
	border: solid 1px #111;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	width: 256px;
	height: 168px;
	}

/* = =CNT - main container area ================================ */
#container {
	background: #006 url(images/tans-bg.gif) repeat-y right;
	position: relative;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #000;
	width: 679px;
	text-align: left;
	}

/* = inner wrapper for bottom left photo = */
#inner {
	background: url(images/site-img1.jpg) no-repeat left bottom;
	position: relative;
	margin: 0;
	padding: 0;
	width: 679px;
	}

/* = content holder for main and left side content = */
#contentHolder {
	background: #FFF;
	position: relative;
	margin: 0 0 0 168px;
	padding: 0;
	width: 381px;
	border-left: solid 1px #333;
	border-right: solid 1px #333;
	}
/* hack IE 5.x and Mac hide \*/
* html #contentHolder {
	width: 383px;
	w\idth: 381px;
	}
/* stop Mac hide */

/* = center holder and main content = */
#content {
	background: transparent  url(images/navcontshadow.gif) repeat-x;
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 381px;
	}

#contentMain {
	margin: 5px;
	padding: 0 0 30px 0;
	}

/* = links section = */
.linkBlock {
	display: block;
	margin: 10px 0 20px;
	}

.linkBlock img {
	display: block;
	margin: 5px 0 10px;
	}

div.linkText {
	background: #CC9;
	margin: 10px;
	padding: 3px;
	border: solid 1px #006;
	color: #006;
	}

/* = schedule table = */
#tblSchedule tr.ruled {
	background: #F0F0E3;
	color: #006;
	}

#tblSchedule {
	margin: 0;
	padding: 0;
	border: outset 2px #CC9;
	border-collapse: collapse;
	table-layout: fixed;
	width: 372px;
	}

#tblSchedule td {
	vertical-align: middle;
	font-size: .9em;
	}

#tblSchedule caption {
	color: #F03;
	font-size: 1.5em;
	font-weight: bold;
	}

#tblSchedule .col1 {
	width: 60px;
	white-space: nowrap;
	}

#tblSchedule .col2 {
	width: 60px;
	}

#tblSchedule .col4 {
	width: 50px;
	text-align: center;
	}

#tblSchedule thead th, #tblSchedule tfoot th {
	font-size: 1em;
	font-weight: bold;
	}

#tblSchedule th {
	background: #006;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	}

#tblSchedule th.month {
	background: #CC9;
	color: #006;
	text-align: left;
	}

#tblSchedule td {
	margin: 0;
	padding: 2px;
	border: solid 1px #CC9;
	}

#tblSchedule img {margin: 2px 0;}

#tblSchedule .strike {text-decoration: line-through;}

#tblSchedule td strong {color: #F03;}

/* = photo gallery = */
#galleryHolder {
	position: relative;
	clear: right;
	margin: 0;
	padding: 0;
	}

#P7ShowPL1 {
	position: absolute;
	top: 0;
	left: 122px;
	z-index: 100;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	}

#galleryDisplay img {
	margin: 0;
	padding: 0;
	border: solid 1px #006;
	}

#galleryBlock {
	position: relative;
	margin: 0;
	padding: 0;
	width: 148px;
	}

#galleryBlock img {
	display: block;
	margin: 5px 0;
	padding: 0;
	}

#galleryBlock a {cursor: pointer;}

#galleryHolder #galleryBlock {
	clear: right;
	overflow: auto;
	width: 120px;
	height: 253px;
}

#contentMain p.credit {margin: 2px 0 5px 123px;}

/* = site map and search page = */
#contentMain div.siteMap ul {list-style: url(images/smfile.gif) outside;}

#contentMain div.siteMap li {padding: 0 0 5px 4px;}

#contentMain div.siteMap li a {color: #006;}

#contentMain div.siteMap li a:hover {
	background: #006;
	color: #CC9;
	}

#contentMain #gSearch a {border: none;}

#contentMain #gSearch dt {
	margin: 0 0 .5em 1em;
	color: #F03;
	}

#contentMain #gSearch dd {margin: 0 0 1em 2.5em;}

/* = left side holder and content = */
#side1 {
	background: transparent url(images/navsideshadow.gif) repeat-x;
	position: relative;
	float: left;
	margin: 0 0 0 -169px;
	padding: 0;
	width: 169px;
	color: #FFF;
	}

#contentSub {
	margin: 5px;
	padding: 0;
	width: 159px;
	}

#contentSub p.subHead a {
	margin: 0;
	padding: 0 0 3px;
	border-bottom: solid 1px #CC9;
	color: #CC9;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3;
	text-decoration: none;
	}

#contentSub p.subHead a:hover {
	border-bottom: dotted 1px #FFF;
	color: #FFF;
	}

#contentSub p {font-weight: bold;}

/* = map and directions = */
#contentSub div.mapLink {
	position: relative;
	margin: 0;
	padding: 0;
	width: 159px;
	}

#contentSub div.mapLink p.subHead {margin: 15px 0 5px 0;}

#contentSub div.mapLink p.subHead a {
	padding: 0 0 2px;
	color: #FFF;
	}

div.mapLink a img {
	float: right;
	margin: 0 5px 10px 0;
	padding: 0;
	vertical-align: middle;
	}

/* = match board = */
#matchBoard {
	background: url(images/screen006.gif);
	clear: both;
	position: relative;
	margin: 1em 0;
	padding: 0;
	border-top: solid 1px #CC9;
	border-bottom: solid 1px #CCCC99;
	width: 159px;
	text-align: center;
	}

#matchBoard p.teams {
	margin: 1em 0 .5em;
	padding: 0;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1;
	}

#matchBoard p {
	margin: .5em 0 .5em;
	padding: 0;
	}

/* = dot construction = */
.dot p.subHead {text-align: center;}

.dot img {
	float: left;
	margin: 10px;
	padding: 0;
	}	
	
/* = right side holder and content = */
#side2 {
	background: transparent;
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 50;
	margin: 0;
	padding: 0;
	width: 126px;
	color: #006;
	}

#sidebar {
	margin: 0 2px 0;
	padding: 0;
	}

#sidebar p {font-weight: bold;}

#sidebar .uspa {
	margin: 0;
	padding: 0;
	}

#sidebar .uspa img {
	float: right;
	margin: 5px 5px 0 2px;
	}

#sidebar div.sideStyle a {
	border-bottom: solid 1px #006;
	color: #006;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	}

#sidebar div.sideStyle a:hover {
	border-bottom: dotted 1px #006;
	color: #FFF;
	}

#sidebar div.sideStyle {
	margin: 5px 0;
	padding: 5px 0;
	border-top: solid 1px #006;
	border-bottom: solid 1px #006;	
	}

/* = =FTR - footer area = */
#footer {
	background: #006;
	position: relative;
	clear: both;
	margin: 0;
	padding: 5px 0;
	width: 679px;
	height: 35px;
	color: #FFF;
	font-size: .9em;
	}

#legalHolder {
	position: relative;
	margin: 0 5px;
	padding: 0;
	}

#legal {
	position: relative;
	margin: 0 5px;
	padding: 0;
	color: #CC9;
	}

/* = =NAV - navigation =========================================== */
/* = main navigation = */
#navMain {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	width: 440px;
	}

#navMain ul {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	}

#navMain li {
	display: inline;
	list-style: none;
	}

#navMain li a {
	margin: 0 5px 4px;
	padding: 3px 5px 3px 8px;
	border: solid 1px #F03;
	color: #FFF;
	line-height: 2.2;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

#navMain li a:hover {
	background: #CC9 url(images/ball.gif) no-repeat left bottom;
	border: solid 1px #666;
	color: #006;
	}

#navMain a:active {
	background: #006;
	border: solid 1px #666;
	color: #CC9;
	}

/* = secondary navigation = */
/* = z-index float to hack FF = */
#navSecondary {
	position: relative;
	float: right;
	z-index: 1;
	margin: 5px 0 0;
	padding: 0;
	width: 325px;
	font-size: .9em;
	}

#navSecondary ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	}

#navSecondary li {
	display: inline;
	margin: 0;
	padding: 4px;
	border-left: solid 1px #CC9;
	}

#navSecondary li a {
	margin: 0;
	padding: 5px;
	color: #CC9;
	font-weight: bold;
	line-height: 2em;
	text-decoration: none;
	}

#navSecondary a:hover {
	background: #009;
	color: #FFF;
	}

#navSecondary a:active {
	background: #003;
	color: #CC9;
	}

#navSub {
	position: relative;
	z-index: 200;
	float: right;
	margin: 5px;
	padding: 5px 0;
	border-top: solid 1px #CC9;
	border-bottom: solid 1px #CC9;	
	width: 150px;
	}

#navSub p {
	margin: 0 0 3px;
	padding: 0;
	font-family: "CopprplGoth Bd BT", Georgia, "Times New Roman", Times, serif;
	color: #F03;
	font-size: 1.5em;
	}

#navSub ul {
	position: relative;
	margin: 0;
	padding: 0;
	width: 140px;
	list-style: none;
	}

#navSub li {
	margin: .4em .2em;
	padding: 0;
	}

#navSub a {
	margin: 0;
	padding: 0;
	border-top: 4px solid #FFF;
	border-left: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
	color: #006;
	font-size: .8em;
	font-weight: bold;
	line-height: 1.7;
	text-decoration: underline;
	}

#navSub a:hover {
	background: #CC9;
	border-top: 4px solid #FFF;
	border-left: 4px solid #F03;
	border-bottom: 4px solid #FFF;
	color: #006;
	text-decoration: none;
	}

#navSub a:active {
	background: #006;
	border-top: 4px solid #FFF;
	border-left: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
	color: #CC9;
	text-decoration: none;	
	}
	
/* = secondary nav locator = */
#sec6 .nav6, #sec7 .nav7, #sec8 .nav8, #sec9 .nav9 {
	color: #666;
	text-transform: lowercase;
	}

#navMain a:hover {
	background: #CC9 url(images/ball.gif) no-repeat left bottom;
	border: solid 1px #666;
	color: #006;
	}

#navMain a:active {
	background: #006;
	border: solid 1px #666;
	color: #CC9;
	}

#navSub.subA .navA, #navSub.subB .navB, #navSub.subC .navC, #navSub.subD .navD, #navSub.subE .navE, #navSub.subF .navF, #navSub.subG .navG, #navSub.subH .navH  {
	border-top: 4px solid #FFF;
	border-left: 4px dotted #F03;
	border-bottom: 4px solid #FFF;
	color: #F03;
	text-decoration: none;
	}

/* = navigation locator = */
#sec0 .nav0, #sec1 .nav1, #sec2 .nav2, #sec3 .nav3, #sec4 .nav4, #sec5 .nav5  {
	border-bottom: solid 2px #FFF;
	color: #006;
	text-decoration: none;
	text-transform: lowercase;
	}


/* = identity developments byline ====================================== */
a.iDevs span {display: none;}

a.iDevs {
	border: none;
	color: #BBB;
	text-decoration: underline;
	}

a.iDevs:hover {
	background: #FFF;
	color: #D2D5A8;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	}

/* - background-color for opera - */
a.iDevs:hover span {
	background-color: #D2D5A8;
	background: #D2D5A8 url(images/id64trans-b.gif) no-repeat 5px center;
	position: absolute;
	left: -10px;
	top: -15px;
	z-index: 500;
	display: block;
	border: 2px solid #0D3C72;
	padding: 8px 70px;
	width: 535px;
	color: #0D3C72;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
	} 
/* hack IE5.x and Mac hide \*/
* html a.iDevs:hover span {
    width: 679px;
    w\idth: 535px;
	}
/* end Mac hide */