/*----------------------------------------------------------------------------------
	CSS :: Jim Perry Legends Golf Classic
----------------------------------------------------------------------------------*/

* {
	font: normal normal normal 12px Tahoma, sans-serif;
	margin: 0;
	padding: 0;
	color: #fff;
}

#content a.yellow {
	font-weight: bold;
	color: #ffff00;
}

#content a.yellowplayers {
	font-weight: bold;
	color: #ffff00;
	font-size: 16px;
}

a {
	text-decoration: none;
	outline: none;
	color: #fff;	
}

a:hover {
	text-decoration: underline;
	color: #fff;
}

a.link {
	border-bottom: 1px dashed #fff;
	text-decoration: none;
}

a.link:hover {
	border-bottom: none;
	text-decoration: none;
}

div.clr {
	clear: both;
}

p {
	margin: 8px 4px 8px 4px;
}

strong {
	font-weight: bold;
}

html,
body,
div#outer,
div#inner {
    min-height: 100%;
    width: 100%;
    height: auto;
}

* html,
* html body,
* html div#outer,
* html div#inner {
    height: 100%;
}

.fr {
	float: right;
}

body {
	background: #5F6D60 url(../images/bg/bg.gif) repeat-x;
}

div#outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

div#inner {
    position: absolute;
    left: 50%;
    width: 772px;
    margin-left: -386px; /* lines up the wrapper b area flushed to the background of wrapper a ( due to the shadow effect on wrapper a )*/
	background: #345087 url(../images/bg/header.gif) repeat-y;
}

/*----------------------------------------------------------------------------------
	Effects & Shadows :: Definitions
----------------------------------------------------------------------------------*/

	#inner div#rshadow,
	#inner div#lshadow {
		position: absolute;
		top: 0px;
		width: 34px;
		height: 364px;
	}
	
	#rshadow {
		right: -34px;
		background: transparent url(../images/bg/rshadow.png) no-repeat;
	}
	
	#lshadow {
		left: -34px;
		background: transparent url(../images/bg/lshadow.png) no-repeat;
	}

	#inner div#effects {
		position: absolute;
		top: 0px;
		left: 2px;
		width: 768px;
		height: 476px;
		background: transparent url(../images/bg/effects.jpg) no-repeat;
	}

/*----------------------------------------------------------------------------------
	Header :: Definitions
----------------------------------------------------------------------------------*/

	#inner div#header {
		position: relative;
		margin: 0px 2px 0px 2px;
		width: 768px;
		height: 250px;
		z-index: 1;
	}

/*----------------------------------------------------------------------------------
	Header :: Top-Right Links
----------------------------------------------------------------------------------*/
	
	#header ul#top-nav {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 768px;
		height: 22px;
		text-align: right;
		list-style: none;
		background: #000 url(../images/bg/top_nav.gif) repeat-x;
		padding-top: 11px;
	}
	
	#top-nav li {
		display: inline;
		margin-right: 18px;
	}
	
	#top-nav li#tl-nav,
	#top-nav li#tr-nav {
		position: absolute;
		top: 0px;
		width: 4px;
		height: 33px;
		margin-right: 0px;
	}
	
	#top-nav li#tl-nav {
		left: 0px;
		background: transparent url(../images/bg/tl_nav.gif) no-repeat;
	}
	
	#top-nav li#tr-nav {
		right: 0px;
		background: transparent url(../images/bg/tr_nav.gif) no-repeat;
	}
	
/*----------------------------------------------------------------------------------
	Header :: Jim Perry Legends Golf Classic Logo
----------------------------------------------------------------------------------*/

	#header a#logo {
		position: absolute;
		z-index: 2;
		top: 38px;
		left: 18px;
		text-align: left;
		text-indent: -999em;
		text-decoration: none;
		outline: none;
		height: 138px;
		width: 251px;
		background: transparent url(../images/logo/jim_perry_legends_golf_classic.png) no-repeat 0 0;
	}

/*----------------------------------------------------------------------------------
	Header :: Header Graphic or Flash Definition

----------------------------------------------------------------------------------*/

	#inner div#header-graphic {
		position: absolute;
		top: 31px;
		left: 0px;
		width: 768px;
		height: 213px;
		background: transparent url(../images/bg/header_graphic.png) no-repeat;
	}

/*----------------------------------------------------------------------------------
	Body :: Definitions
----------------------------------------------------------------------------------*/
	
	#inner div#body {
		position: relative;
		padding-bottom: 10px;
		margin: 0px auto 80px auto;
		text-align: left;
		width: 768px;
	}

/*----------------------------------------------------------------------------------
	Body :: Content :: Definitions
----------------------------------------------------------------------------------*/

	#body div#content {
		float: right;
		width: 554px;
		margin-right: 10px;
	}
	
	* html #body div#content {
		width: 548px;
	}
	
	#content strong {
		color: #ffff00;
	}
	
	#content img {
		background-color: #fff;
		padding: 3px;
		margin: 10px;
	}
	
	#content h1 {
		font: normal normal bold 22px "Helvetica Rounded";
		color: #fff;
	}
	
	#content h2 {
		font: normal normal bold 18px "Helvetica Rounded";
		color: #fff;
	}

	#content h3 {
		font: normal normal bold 13px "Helvetica Rounded";
		color: #fff;
	}

	#content ul {
		list-style: square;
		margin-left: 20px;
	}
	
	#content li {
		margin: 8px 0px;
		font-weight: bold;
	}
	
	#content div.sep {
		margin: 8px auto;
		text-align: center;
		height: 1px;
		width: 100%;
		border-top: 2px solid #5C78B0;
	}

	#content #fr {
		float: right;
		margin-right: 30px;
	}

	/* Data lists */
	#content dt {
		position: relative;
		background: #5D739D;
		margin: 20px 0 0 0;
		padding: 5px;
		font-size: 110%;
		font-weight: bold;
		color: #fff;
		border: 1px solid #000;
	}

	#content dt span {
		position: absolute;
		top: 5px;
		right: 5px;
	}

	* html body #content dt span {
		right: 25px;
	}
	
	#content dt.no-tm {
		margin-top: 0;
	}

	#content dd {
		background: #fff;
		margin: 0;
		padding: 5px 0 10px 0;
		border: 1px solid #000;
	}

	#content dd p {
		color: #990000;
		margin: 0 10px;
	}
	
	#content dd ul {
		list-style: none;
		margin: 0 30px;
	}

	#content dd ul li {
		font-size: 11px;
		color: #900;
	}
	
	#content dd ul li img {
		border: none;
	}

	#content dd ul li a {
		font-size: 14px;
		font-weight: bold;
		color: #006;
		text-decoration: none;
	}

	#content dd ul li a:hover {
		color: #f00;
		text-decoration: underline;
	}
	
		#content dd ul li.noa {
		font-size: 14px;
		font-weight: bold;
		color: #006;
		text-decoration: none;
	}


	
	#content p {
		line-height: 18px;
	}

/*----------------------------------------------------------------------------------
	Content :: Table :: Rates
----------------------------------------------------------------------------------*/
	
	#content table#rates {
		border-collapse: collapse;
		margin: 10px;
	}
	
	#rates th {
		font-weight: bold;
		color: #000;
		padding: 5px;
		background-color: #cacaca;
	}
	
	#rates td {
		padding: 5px;
		border-bottom: 1px solid #fff;
	}
	
/*----------------------------------------------------------------------------------
	Content :: Video Div Definitions
----------------------------------------------------------------------------------*/
	
	#content div#video {
		position: relative;
		margin-top: 18px;
	}
	
	#video div.player {
		float: left;
		width: 246px;
		height: 196px;
		background-color: #000;
		border: 4px solid #000;
	}
	
	#video div.player-desc {
		float: right;
		width: 282px;
		padding-top: 50px;		
	}
	
	#video div.player-desc p {
		color: #C2C2C2;
	}
	
	#video div.player-desc p.quote {
		color: #fff;
		text-align: center;
		font: normal normal bold 14px "Helvetica Rounded";
	}

/*----------------------------------------------------------------------------------
	Body :: Hosted :: Definitions
----------------------------------------------------------------------------------*/
	#gallery div#hosted {
		margin: auto;
		text-align: center;
	}
	#hosted span {
		font: normal normal normal 10px Tahoma;
		color: #7191D1;
		line-height: 20px;
	}
	
	
/*----------------------------------------------------------------------------------
	Body :: Gallery :: Definitions
----------------------------------------------------------------------------------*/
	
	#body div#gallery {
		float: left;
		width: 185px;
		height: 254px;
		margin-top: 226px;
		margin-left: 9px;
		text-align: center;
		background: transparent url(../images/bg/gallery.gif) repeat-x;
	}
	
	* html #body div#gallery {
		margin-left: 4px;
	}
	
	img.thumb {
		border: 2px solid #25395F;
	}

	/*----------------------------------------------------------------------------------
		Body :: Dynamic Gallery Definitions
	----------------------------------------------------------------------------------*/

	.dir_table { width:98%; margin: 0px 0px 0px 5px;}
	.dir_table_info { width:140px; text-align: top; padding: 3px 0px 3px 0px;}
	.dir_table_thumbs { text-align: middle; font-size: 1em; padding: 3px 0px 3px 0px;}

	.dir_table img,
	.photo_table img {
		border: 0;
		padding: 1px;
	}

	.photo_table { width:98%; margin: 0px 0px 0px 5px;}
	.photo_table_cell {  padding: 0px 0px 5px 0px;}
	.photo_table_cell_l { padding: 0px 0px 5px 0px; }
	.photo_table_cell_r { padding: 0px 0px 5px 0px; }
	.photo_table_cell_e { padding: 0px 0px 5px 0px; }
	.photo_table_cell_n { padding: 5px 5px 5px 5px; }
	.photo_table_spacer { background-color:#FFF; height:3px; border-bottom: 1px solid #000000; border-top: 1px solid #000000;}

	.details_table { width:90%; margin: 0px 0px 0px 5px;}
	.details_table_cell_l {padding: 5px 5px 5px 5px; width:200px; }
	.details_table_cell_r { padding: 0px; }

	.crumbs { font-size: 1.1em; font-weight:bold; margin: 0px 0px 10px 5px;}

	.admin_table { border: 1px solid #000000; background-color:#ffffff; width:98%; margin: 0px 0px 0px 5px;}
	.admin_heading { border-bottom: 2px solid #aa7777; background-color:#cc9999; padding: 2px 0px 3px 5px; font-size: 1.1em; font-weight:bold;}
	.admin_cell { background-color:#ffcccc; padding: 10px 0px 10px 5px;}

	.friend_table { border: 1px solid #000000; background-color:#ffffff; width:98%; margin: 0px 0px 0px 5px;}
	.friend_heading { border-bottom: 2px solid #77aa77; background-color:#99cc99; padding: 2px 0px 3px 5px; font-size: 1.1em; font-weight:bold;}
	.friend_cell { background-color:#ccffcc; padding: 10px 0px 10px 5px;}

	.form_btn { border: 1px solid #000000; background-color:#ccccff; font-size: 0.8em; }
	.form_btn:hover { border: 1px solid #000000; background-color:#9999ff; font-size: 0.8em; }
	.form_text { border: 1px solid #000000; background-color:#ffffff; font-size: 0.8em; padding: 2px;}
	.form_text:hover { border: 1px solid #000066; background-color:#ffffcc; font-size: 0.8em; padding: 2px;}


	/* Zoom Search */

	#search #submit {
		color: #000;
		border: 1px solid #FFF;
		background-color: #C2E958;
	}

	#search #search-box {
		color: #000;
		border: 1px solid #FFF;
	}


	/*	zoom search formatting	*/

	.infoline {
	   color: #C4EA5D;
	   font-size: 10px;
	   margin-left: 44px;
	}

	.result_pages {
		margin-left: 25px;
		font: normal normal normal 12px Tahoma;
	}
	.searchheading {
		margin-left: 25px;
		font: normal normal normal 12px Tahoma;
	}

	.searchheading .notice {
		font-weight: bold;
		color: #f00;
	}

	.summary {
		font: italic normal normal 12px Tahoma;
		margin-left: 1cm;

	}

	.result_title{
		margin-left: 25px;
		margin-right: 50px;
		margin-top: 20px;
		font: normal normal bold 12px Tahoma;
		border-bottom: 1px solid #1C2C49;
	}

	.result_title a {
		font: normal normal bold 12px Tahoma;
		color: #FFF;
	}

	.context {
		color: #D4D0C8;
		font: normal normal normal 11px Tahoma;
		margin: .2cm 1cm .5cm 1.2cm; 

	}

	.highlight {
		background: #C4EA5D;
		color: #000;
		padding: 0 3px;
	}


/*----------------------------------------------------------------------------------
	Nav :: Definitions
----------------------------------------------------------------------------------*/

	#inner ul#nav {
		position: absolute;
		top: 180px;
		left: 2px;
		width: 184px;
		height: 296px;
		list-style: none;
		text-align: right;
		z-index: 1000;
	}
	
	#nav li {
		text-align: right;
		clear: both;
	}
	
	#nav a {
		float: right;
		display: block;
		height: 19px;
		margin-top: 5px;
		text-align: left;
		text-indent: -999em;
		text-decoration: none;
		outline: none;
		line-height: -0.5;
	}
	
	#nav a:hover,
	#nav li.hover a#nav-1,
	#nav li.hover a#nav-2,
	#nav li.hover a#nav-2-2,
	#nav li.hover a#nav-3,
	#nav li.hover a#nav-4,
	#nav li.hover a#nav-5,
	#nav li.hover a#nav-6,
	#nav li.hover a#nav-7,
	#nav li.hover a#nav-8,
	#nav li.hover a#nav-9,
	#nav li.hover a#nav-10,
	#nav li.hover a#nav-11
	{
		background-position: 0 -19px;
	}
	
	#nav a#nav-1 {
		width: 68px;
		background-image: url(../images/nav/home.gif);
	}
	
	#nav a#nav-2 {
		width: 112px;
		background-image: url(../images/nav/bills_story.gif);
	}
	
	#nav a#nav-2-2 {
		width: 112px;
		background-image: url(../images/nav/nates_story.gif);
	}
	
	#nav a#nav-3 {
		width: 77px;
		background-image: url(../images/nav/players.gif);
	}
	
	#nav a#nav-4 {
		width: 184px;
		background-image: url(../images/nav/sponsor_opportunities.gif);
	}
	
	#nav a#nav-5 {
		width: 91px;
		background-image: url(../images/nav/sponsors.gif);
	}
	
	#nav a#nav-6 {
		width: 96px;
		background-image: url(../images/nav/directions.gif);
	}
	
	#nav a#nav-7 {
		width: 159px;
		background-image: url(../images/nav/schedule.gif);
	}
	
	#nav a#nav-8 {
		width: 77px;
		background-image: url(../images/nav/results.gif);
	}
	
	#nav a#nav-9 {
		width: 112px;
		background-image: url(../images/nav/registration.gif);
	}
	
	#nav a#nav-10 {
		width: 91px;
		background-image: url(../images/nav/proceeds.gif);
	}
	
	#nav a#nav-11{
		width: 118px;
		background-image: url(../images/nav/media_center.gif);
	}
	
		
/*----------------------------------------------------------------------------------
	Footer :: Definitions
----------------------------------------------------------------------------------*/

	#inner div#footer {
	    position: absolute;
		left: 0;
		bottom: 0;
		margin: 0px 2px 0px 2px;
		width: 768px;
		height: 80px;
		background: transparent url(../images/bg/footer.gif) no-repeat;
	}
	
	#footer p {
		position: absolute;
		bottom: 0px;
		right: 9px;
		font: normal normal normal 10px Tahoma;
		color: #667EAA;
	}
	
	#footer div#site-design {
		position: absolute;
		margin: auto;
		text-align: center;
		bottom: 4px;
		left: 38px;
		width: 100px;
		height: 60px;
	}
	
	#site-design span {
		font: normal normal normal 10px Tahoma;
		color: #667EAA;
		line-height: 20px;
	}
	
/*----------------------------------------------------------------------------------
	GOLFER REGISTRATION
----------------------------------------------------------------------------------*/

table.reg_form {
	border-collapse: collapse;
	margin: 25px 0;
	width: 100%;
}

table.reg_form tr td {
	padding: 3px 5px;
	vertical-align: middle;
}

table.reg_form tr td.reg_header {
	background: #5D739D;
	border: 1px solid #26385C;
	border-left: 5px solid #26385C;
	color: #ffff00;
	font-weight: bold;
	line-height: 20px;
	padding: 10px;
}

input.inputbox {
	font-size: 11px;
	margin: 0 0 0 4px;
	padding: 5px;
}