/* Primary print stylesheet for www.unstrung-racquets.org */
@import url(./undohtml.css); /* consistent starting point */
/* @import url(./members.css);  */ /* login and members only screens */
@import url(./filters.css); /* browser specific filters */

body {
   background: #999 url(../img/bg.gif) repeat scroll top;
   color: #FFF;
   font: 100%/1.5 Verdana, Arial, sans-serif;
}

table {
   font-size: 1em;
}

table td {
   background-color: transparent;
   color: #5C5095;
}

div#wrapper {
   margin: 2% auto;
   width: 95%;
   border: 1px solid #5C5095;
   font-size: 85%;
   background-color: #FFF;
   color: black;
}

/*----------------------------------------- Headmast -----------------------------------------*/
div#headmast {
   height: 167px;
   background-color: transparent;
   background-image: url(../img/unstrung-masthead_bg2.gif);
   background-repeat: repeat-x;
   color: black;
}

div#headmast h1 {
   height: 170px;
   margin: 0;
   padding: 0;
   text-indent: -5000px;  /* Phark Revisited image replacement technique */
   background-color: transparent;
   background-image: url(../img/unstrung-collage.gif);
   background-repeat: no-repeat; 
   background-position: bottom center;
}

/*------------------------------------------- Main -------------------------------------------*/
div#main {
   margin: 0;
   background-color: #FFF;
   color: #2e475e;
}

div#maincontent {
   float: left;
   width: 100%;
   margin: 0;
}

/*------------------------------------------ Links -------------------------------------------*/

div#links {
   display: none;
}


/*----------------------------------------- Content ------------------------------------------*/
div#content {
   width: 98%;
   margin: 0;
   padding-left: 2%;
   padding-right: 2%;
}

div#content h1 {
   margin-top: 25px;
   padding: 5px;
   font-size: 150%;
   font-weight: bold;
   background-color: #CFE6E0;
   color: #86A5C4;
   border: 1px solid #86A5C4;
}

div#content h2 {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size: 125%;
   text-align: center;
   background: transparent;
   color: #2E5697;
}

div#content h3 {
   margin-top: 0;
   margin-bottom: 0.5em;
   padding: 2px 2%;
   background-color: #D4D0E6;
   color: #525252;
   border: 1px solid #2E5697;
}

div#content p {
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size: 1em;
   padding: .5em;
}

div#content ul {
   padding-left: 5px;
   list-style-type: circle;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   background-color: transparent;
   color: #5C5095;
}

div#content ul li {
   padding: 2px 0 3px 0;
   border-bottom: solid 1px #ccc;
}

div#content a {
   text-decoration: underline;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   background-color: transparent;
   color: #5C5095;
}

div#content a:link {
	background: transparent;
	color: #5C5095;
}

div#content a:visited, a:active {
   background-color: transparent;
   color: #5678AC;
}

div#content a:hover {
   background-color: transparent;
   color: #900;
}

div#content .address h3 {
   background-color: #CFE6E0;
   color: #2E5697;
   margin-top: 1em;
   padding: 0.5em;
}

div#content .address ul {
   padding-left: 5px;
   list-style-type: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   background-color: transparent;
   color: #5C5095;
}

div#content .address ul li {
   padding: 2px 0 3px 0;
   border-bottom: solid 1px #ccc;
}

div#content .waterwarning {
   float: right;
   background-color: #CFE6E0;
   color: black;
}

div#content .waterwarning li{
   list-style-type: none;
}

div#content #contact ul {
   padding-left: 25px;
   list-style-type: circle;
}

div#content #contact ul li {
   padding: 8px;
}

div#content #contact ul a {
   display: inline;
   padding-left: 4px;
   line-height: 1.5;
   font-size: 90%;
   background-color: transparent;
   color: #2E5697;
}

div#content #contact a:link {
   background-color: transparent;
   color: #5C5095;
}

div#content #contact a:visited, #contact a:active {
   background-color: transparent;
   color: #5678AC;
}

div#content #contact a:hover {
   background-color: transparent;
   color: #900;
}

/*------------------------------------------ Events ------------------------------------------*/
div#events {
   display: none;
}

  
/*------------------------------------------ Footer ------------------------------------------*/
div#footer {
   clear:both;
   margin-top: 0;
   padding: .4em 0;
   background-color: #5C5095;
   color: #D4D0E6;
   font-weight: bold;
   font-size: 85%;
   text-align: center;
}

div#footer a {
   background-color: #5C5095;
   color: #D4D0E6;
   display: inline;
   text-decoration: underline;
}

div#footer a:hover {
   background-color: white;
   color: #86A5C4;
}

div#footer p {
   display: inline;
   margin: 0 4em;
}


/********************* Forms *************************************/
div#signup_form {
   background-color: #99FF00;
   color: black;
}

div#signup_form input {
	display: block;
	width: 175px;
	float: left;
	margin-bottom: 10px;
	background-color:#33FFFF;
	color: black;
}

div#signup_form label {
	display: block;
	text-align: right;
	float: left;
	width: 75px;
	padding-right: 20px;
	background-color:#FFFF33;
	color: black;
}

div#signup_form br {
	clear: right;
}

.btnSubmit {
   width: 75px;
   margin-left: 95px;
}


/********************* Misc *************************************/

a.forwardlink {
   float: right;
}
a.backlink {
   float: left;
}

div#reader {
   float: right;
   width: 200px;
   background: #CFE6D0;
   color: black;
}

.special_note {
   padding: 1px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 110%;
   background: white;
   color: #AA3164;
}

div#singles_links {
   
}

div#singles_links img{
   width: 212px;
   height: 38px;
   border: none;
}

div#credits {
   float: left;
   clear: both;
}