/*
****************************************************************************
* Filename:   main.css
* Function:   AHA Celebrity Golf Tournament
*              
* Created by:  Vincent Perlerin
* For:		   WebFirst, Inc
* Date:        2007
*
* Modification log:
* Author		Date		Modification
* ------		----		------------
*
****************************************************************************
*/


/****************************************************************************
 * GENERAL 
 ****************************************************************************/

#wrapper {
	width:913px;
	margin:0 auto;
	background:url(../_graphics/bdy/bg_content.jpg) top left repeat-y transparent;
	
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, div {
	margin:0pt;
	padding:0pt;
}

body {
	background:#333 url(../_graphics/bdy/bg_main.png) repeat top left;
	color:rgb(42, 55, 31);
	font-family:Arial,Helvetica,sans-serif;
	font-size:85%;
	font-style:normal;
	font-weight:normal;
	line-height:160%;
	margin-top:10px;
	margin-bottom:10px;
}

ul, li {
	list-style-type:none;
}

.clear {
	clear:both;
}

ul  {
	margin-bottom:20px;
}

a {
	color:#006AAC;
}

a.visited {
	color:#990099;
}

a:hover { text-decoration:none;}

ul li ul {
	margin-bottom:0;
	list-style-type:circle;
}

ul li ul li {
	margin-left:20px;	list-style-type:circle;

}

/****************************************************************************
 * TOP NAV 
 ****************************************************************************/
#topNav {
	background-color:rgb(66, 95, 29);
	padding:2px 7px;
}

#topNav a {
	color:#fff;
	text-decoration:none;
	font-size:10px;
}

#topNav a:hover {
	text-decoration:underline;
}

#topNav a.skipToContent {
	float:left;
}

#topNav a.contact {
	float:right;
}

/****************************************************************************
 *LEFT COL
 ****************************************************************************/
#leftCol {
	float:left;
	width:228px;
}

#playButton {
	background:url(../_graphics/buttons/playTheTournament.png) top left transparent no-repeat;
	width:188px;
	height:48px;
	margin:40px auto 0 auto;
	cursor:pointer;
	
}

/****************************************************************************
 *RIGHT  COL
 ****************************************************************************/
#rigthCol {
	float:right;
	width:684px;
	margin-bottom:40px
}



/****************************************************************************
 * MENU
 ****************************************************************************/
#menu #topMenu {
	background:url(../_graphics/menu/menu_bg.jpg) top left no-repeat transparent;
	height:51px;
}

#menu ul {
	margin-top:-25px;
	margin-left:20px;
	margin-bottom:0px;
}

#menu ul li {
	width:185px;
	margin-bottom:6px;
	padding-bottom:4px;
	text-align:right;
	background:url(../_graphics/menu/separator.gif) bottom left repeat-x transparent;
}

#menu ul li a {
	color:#fff;
	text-decoration:none;
	font-size:14px;
	padding-right:20px;
	white-space:nowrap;
}

#menu ul li a:hover {
	text-decoration:underline;

}

#menu ul li a:hover,
body#homepage ul li a#homeLink,
body#tournament ul li a#tournamentLink,
body#winners ul li a#winnersLink,
body#sponsorship ul li a#sponsorshipLink,
body#makeagift ul li a#makeagiftlink,
body#courses ul li a#coursesLink,
body#committee ul li a#committeeLink,
body#contact ul li a#contactLink,
body#sponsors ul li a#sponsorsLink,
body#playin ul li a#playinLink
 {
	background:url(../_graphics/menu/flag.gif) bottom right no-repeat transparent;
}

/****************************************************************************
 * CONTENT
 ****************************************************************************/
#content {
	padding:10px 33px;
}

/****************************************************************************
 * FOOTER
 ************************************************************************/
 #footer {
 	background:url(../_graphics/bdy/footer_bg.jpg) bottom left transparent no-repeat;
 } 
 
 p.footer {
 	font-size:10px;
	color:#fff;
	margin:0;
	padding:0 0 0 10px;
	letter-spacing:1px;
	cursor:pointer;
 }


/****************************************************************************
 * BANNER AND ILLUSTRATION
 ****************************************************************************/
#banner{ background:url(../_graphics/bdy/title.png) top left no-repeat transparent; height:113px; cursor:pointer}


body#homepage #wrapper #illustration {background:url(../_graphics/home/illustration.jpg) top right no-repeat transparent;  height:217px; width:684px  }

/****************************************************************************
 * TITLES 
 ****************************************************************************/
h1 { display:none; }

h3 {
	margin-top:10px;
	margin-bottom:13px;
}

h3.top {
	margin-top:5px;
	margin-bottom:0px;
}


h3 {
	font-size:18px;
	color:rgb(118, 118, 118);
	font-weight:normal
}


h2 {
	margin-top:30px;
	margin-bottom:25px;
}

h2.top {
	margin-top:5px;
	margin-bottom:0px;
}

h2 {
	color:rgb(202, 20, 27);
	font-size:30px;
	font-weight:normal;
}



h4.top {
	color:rgb(118, 118, 118);
	font-size:14px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:20px;
}

p { 
	padding-bottom:20px;
}

sup {
	padding:0;
	vertical-align:middle;

}


/****************************************************************************
 * TABLES
 ****************************************************************************/
table {
	width:auto;
	border:0;
	line-height:normal;
	margin-bottom:30px;
}

tbody td {
	vertical-align:top;
	padding-top:5px;
	padding-right:30px;
}

tbody th {
	vertical-align:top;
	padding:5px 7px 0px 0px;
	text-align:left;
}


/****************************************************************************
 * FORMS 
 ****************************************************************************/
 input.field {
 	width:300px; 
 }

 .required {
	color:#ED1B23;
 }

/****************************************************************************
 * IMAGES 
 ****************************************************************************/
 .imgRight {
 	float:right;
	margin-left:20px;
 }
 
  .imgLeft {
 	float:left;
	margin-right:20px;
 }
 
 .imgRight img.right {
	width:auto;
 }
 
 .legend {
	color:rgb(118, 118, 118);
	font-size:11px;
	line-height:normal;
	margin-top:4px;
	margin-bottom:4px;
 }
 
 .link { cursor:pointer; }
 .centered  { text-align:center; }
 .left      { text-align:right;  }
 .underline { border-bottom:1px solid rgb(118, 118, 118); margin-bottom:0; }
 
 .presenting_sponsor {
 	display:block;
	margin:10px auto 20px auto;
	border:0;
	text-align:center;
}
 .birdie_sponsor {
 	
	margin:10px 0 20px 20px;
	border:0;
}


.birdieSponsor {
	width:560px; margin:0 auto; text-align:center
}

 .em{ font-style:italic;
 }	
 
 .bordered {
 	border:1px solid #ccc;
}

.bordered img {
	text-align:center;
}