/* css for the layout of the site */
#main-header 
{
	width: 950px;
	height: 180px;
	background-image: url('images/layout-header.jpg');
	clear: both;
	text-align: right;
}

#logo-href
{
	width: 220px;
	height: 180px;
}

#main-menu
{
	width: 950px;
	height: 28px;
	background-image: url('images/top-menu-background.jpg');
	clear: both;
	text-align: right;
}

#top-menu-left-anchor
{
	float: left;
}

#top-menu-item
{
	z-index: 9999;
}

#drop-down-menu
{
	z-index: 999;
}

#main-body
{
	width: 940px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 15px;
	clear: both;
}

#main-footer-menu
{
	width: 950px;
	height: 31px;
	clear: both;
}

#main-footer-company
{
	position: relative;
	width: 950px;
	height: 16px;
	background-image: url('images/layout-footer-company.jpg');
	clear: both;
}

#column-single
{
	width: 940px;
	clear: both;
}

#column-double-left
{
	width: 684px;
	float: left;
	margin-right: 7px;
}

#column-double-right
{
	width: 249px;
	float: left;
	clear: right;
}

#column-triple-left
{
	width: 249px;
	float: left;
	margin-right: 7px;
}

#column-triple-center
{
	width: 428px;
	float: left;
	margin-right: 7px;
}

#column-triple-right
{
	width: 249px;
	float: left;
	clear: right;
}

#header-style-1
{
	width: 100%;
	height: 46px;
	background-image: url('images/header-style-1.jpg');
	margin-bottom: 5px;
}

#header-style-2
{
	width: 100%;
	height: 28px;
	background-image: url('images/header-style-2.jpg');
	margin-bottom: 5px;
}

#box-style-1
{
	background-image: url('images/box-style-1.jpg');
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#box-style-1-basic
{
	background-image: url('images/box-style-1.jpg');
	padding: 5px;
}

#box-style-1-tab
{
	background-image: url('images/box-style-1.jpg');
}

#box-style-2
{
	background-color: #222222;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#box-style-2-ul-list
{
	background-color: #222222;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#box-style-2-login-box
{
	background-color: #222222;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#ul-list
{
	position: relative;
	top: 0px;
	left: -20px;
}


#box-style-3
{
	height: 104px;
	width: 249px;
	background-image: url('images/box-style-3.jpg');
	color: #000000;
	margin-bottom: 5px;
}

#separator-style-1
{
	background: url('images/layout-separator-1.gif') no-repeat left bottom;
	margin: 8px auto;
	height: 4px;
}

#hidden-div
{
	display: none;
}

/* css for the universal html elements*/
body
{
	background-color: #000000;
}

img
{
	border: 0px;
}

div
{
	text-align: left;
	color: #ffffff;
	font-size: 14px;
	line-height: 122%;
	letter-spacing: 2px;
}

li
{
	margin-bottom: 3px;
}

p
{
}

a:link
{
	color: #f5c300;
	text-decoration: none;
}

a:visited
{
	color: #f5c300;
	text-decoration: none;
}

a.buy-now:hover
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.buy-now:link
{
	color: #f5c300;
	text-decoration: none;
	font-weight: bold;
}

a.buy-now:visited
{
	color: #f5c300;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #ffffff;
	text-decoration: none;
}

a.link-in-gold-box:link
{
	position: relative;
	top: 5px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

a.link-in-gold-box:visited
{
	position: relative;
	top: 5px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

a.link-in-gold-box:hover
{
	position: relative;
	top: 5px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

a.buy-now-in-gold-box:link
{
	position: relative;
	top: 5px;
	color: #dc143c;
	font-weight: bold;
	text-decoration: none;
}

a.buy-now-in-gold-box:visited
{
	position: relative;
	top: 5px;
	color: #dc143c;
	font-weight: bold;
	text-decoration: none;
}

a.buy-now-in-gold-box:hover
{
	position: relative;
	top: 5px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#handicapper-icon-in-gold-box
{
	float: right;
	margin-top: 5px;
}

#general-label
{
	vertical-align: bottom;
}

#error-message
{
	color: #ff0000;
	font-weight: bold;
}

.pick
{
	color: #f5c300;
}

.english
{
	font-family: Verdana;
	font-size: 10px;
}

/* css for the gold box */
#picks-in-gold-box
{
	width: 207px;
	height: 95px;
	position: relative;
	left: 11px;
	top: 3px;
	color: #000000;
	font-size: 11px;
	font-family: Arial;
	line-height: 130%;
}

#buttons-in-gold-box
{
	position: absolute;
	left: 0px;
	top: 77px;
}

#image-in-gold
{
	position: relative;
	top: -5px;
}

/* css for the home page */
#home-page-video
{
	width: 240px;
	height: 260px;
	border: 0px solid #ffffff;
	margin-right: 5px;
}

#home-page-video-left
{
	width: 249x;
}

#home-page-video-list
{
	height: 100px;
	background-color: #333333;
}

#buy-now-more-separator
{
	position: relative;
	top: 5px;
	color: #666666;
}

#compact-schedule
{
	width: 100%;
	height: 335px;
	border: 0px;
	margin: 0px;
	margin-bottom: 5px;
	overflow-x:hidden;
	overflow-y:auto;
}

/* css for the handicapper page */
#handicapper-image
{
	border: 1px solid #ffffff;
	float: left;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#picks
{
	border-bottom: 1px dotted #888888;
	padding-bottom: 10px;
}

#handicapper-feaatured-title
{
	color: #f5c300;
}

#pick-price-label
{
	color: #aaaaaa;
}

#pick-price
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
}

#handicapper-buy-now-button
{
	position: relative;
	top: 8px;
	z-index: 0;
	
}

/* css for the editorial page */
#editorial-about-handicapper
{
	float: right;
	width: 300px;
	border: 0px solid #888888;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
}

/* css for the login box */
#login-box
{
	background-color: #333333;
	width: 100%;
	height: 100px;
	text-align: center;
	padding-top: 15px;
}

#login-text-input
{
	width: 150px;
	margin-top: 2px;
}

#login-selection-input
{
	margin-top: 2px;
}

#login-options
{
	width: 50%;
	float: left;
	text-align: right;
	margin-top: 10px;
}

#login-button
{
	width: 50%;
	float: left;
	clear: right;
	margin-top: 10px;
}

/* css for the member box */
#member-box
{
	background-color: #333333;
	width: 95%;
	height: 100px;
	text-align: left;
	padding: 5px;
}

/* css for the sign in page */
#signin-box
{
	background-color: #333333;
	width: 490;
	text-align: left;
	padding-top: 15px;
	padding-left: 40px;
	padding-bottom: 15px;
} 

/* css for the register page */
#register-box
{
	background-color: #333333;
	width: 490;
	text-align: left;
	padding-top: 15px;
	padding-left: 40px;
	padding-bottom: 15px;
} 

/* css for the shopping cart */
#shoppingcart-box
{
	background-color: #333333;
	width: 490;
	text-align: left;
	padding-top: 15px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 15px;
	margin-bottom: 5px;
} 

/* css for buttons */
#signin-page-login-button
{
	vertical-align: bottom;
	position: relative;
	top: 2px;
	z-index: 0;
}




ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: auto;
	background-image: url('images/topmenu.jpg');
	text-align: right;
}
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
}
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #EEE;
	color: #333;
}
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	position: absolute;
	left: -1000em;
}
ul.MenuBarHorizontal ul li
{
	clear: both;
}