/*------------------------------
sets defaults for most browsers
------------------------------*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
}
body {
	padding: 20px 0;
	font-size: small;
	font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
	color: #343D92;
	text-align:center;
	background: #d1d3d4;
}
div.clearit {
	clear: both;
}
/*------------------
contains all content
-------------------*/
div#outerWrap {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border: 1px solid #000;
}
/*-------------------------------------------
contains the banner div and the login div
-------------------------------------------*/
div#headerWrap {
	width: 1000px;
	height: 150px;
	text-align: left;
	background: #a3a9ac;
}
div#headerWrap div#bannerWrap {
	width: 734px;
	height: 150px;
	float: left;
	overflow: hidden;
}
div#headerWrap div#bannerWrap h1 {
	width: 734px;
	height: 150px;
	text-indent: -2000em;
	background: url(../site_graphics/banner734new.jpg) no-repeat 10px 20px;
}
div#headerWrap div#bannerWrap h1#banner a:link {
	width: 734px;
	height: 150px;
	text-indent: -2000em;
	background: url(../site_graphics/banner734new.jpg) no-repeat 10px 20px;
	display: block;
	color: #a3a9ac;
	font-size: 1px;
	text-decoration: none;
	border: none;
}
div#login {
	height: 150px;
	background: #a3a9ac;
	float: right;
	text-align: right;
}
div#login table {
	width: 246px;
	color: #fff;
	margin-top: 5px;
	margin-right: 10px;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
}
div#login table td {
	padding: 5px 10px 0 0;
}
div#login table td.textBox input {
	width: 140px;
}
div#login table td.left {
	width: 85px;
	padding: 0 5px 0 0;
	vertical-align: bottom;
}
div#login ul#formAdditions {
	margin: 5px 10px 0 0;
	width: 246px;
}
div#login ul#formAdditions li {
	color: #fff;
	font-weight: bold;
	list-style-type: none;
	padding: 0 0 0 5px;
	display: inline;
}
div#login ul#formAdditions li a:link, div#login ul#formAdditions li a:visited {
	color: #fff;
	margin: 0;
}
div#login ul#formAdditions li a:hover, div#login ul#formAdditions li a:focus, div#login ul#formAdditions li a:active {
	color: #000;
}
/*----------------------------
wide black menu at top of page
-----------------------------*/
ul#menuTop {
	width: 1000px;
	height: 31px;
	position: relative;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat 0px 0px;
}
ul#menuTop li {
	display: inline;
}
ul#menuTop li a:link, ul#menuTop li a:visited {
	height: 31px;
	text-indent: -9000px;
	position: absolute;
	top: 0;
	overflow: hidden;
	z-index: 10;
}
ul#menuTop .home a:link, ul#menuTop .home a:visited {
	left: 0;
	width: 98px;
}
ul#menuTop .home a:hover, ul#menuTop .home a:focus, ul#menuTop .home a:active {
	left: 0;
	width: 98px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat 0px -31px;
}
ul#menuTop .home a.currentTopHome {
	background: url(../site_graphics/menu_baryy.jpg) no-repeat 0px -31px;
}
ul#menuTop .contributers a:link, ul#menuTop .contributers a:visited {
	left: 98px;
	width: 111px;
}
ul#menuTop .contributers a:hover, ul#menuTop .contributers a:focus, ul#menuTop .contributers a:active {
	left: 98px;
	width: 111px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -98px -31px;
}
ul#menuTop .contributers a.currentTopContributers {
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -98px -31px;
}
ul#menuTop .benefits a:link, ul#menuTop .benefits a:visited {
	left: 209px;
	width: 81px;
}
ul#menuTop .benefits a:hover, ul#menuTop .benefits a:focus, ul#menuTop .benefits a:active {
	left: 209px;
	width: 81px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -209px -31px;
}
ul#menuTop .benefits a.currentTopBenefits {
	left: 209px;
	width: 81px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -209px -31px;
}
ul#menuTop .results a:link, ul#menuTop .results a:visited {
	left: 290px;
	width: 70px;
}
ul#menuTop .results a:hover, ul#menuTop .results a:focus, ul#menuTop .results a:active {
	left: 290px;
	width: 70px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -290px -31px;
}
ul#menuTop .results a.currentTopResults {
	left: 290px;
	width: 70px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -290px -31px;
}
ul#menuTop .membership a:link, ul#menuTop .membership a:visited {
	left: 361px;
	width: 111px;
}
ul#menuTop .membership a:hover, ul#menuTop .membership a:focus, ul#menuTop .membership a:active {
	left: 361px;
	width: 111px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -361px -31px;
}
ul#menuTop .membership a.currentTopMembership {
	left: 361px;
	width: 111px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -361px -31px;
}
ul#menuTop .membReports a:link, ul#menuTop .membReports a:visited {
	left: 471px;
	width: 147px;
}
ul#menuTop .membReports a:hover, ul#menuTop .membReports a:focus, ul#menuTop .membReports a:active {
	left: 471px;
	width: 147px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -471px -31px;
}
ul#menuTop .membReports a.currentTopMemberReports {
	left: 471px;
	width: 147px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -471px -31px;
}
ul#menuTop .tipping a:link, ul#menuTop .tipping a:visited {
	left: 618px;
	width: 138px;
}
ul#menuTop .tipping a:hover, ul#menuTop .tipping a:focus, ul#menuTop .tipping a:active {
	left: 618px;
	width: 138px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -618px -31px;
}
ul#menuTop .tipping a.currentTopTipping {
	left: 618px;
	width: 138px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -618px -31px;
}
ul#menuTop .horses a:link, ul#menuTop .horses a:visited {
	left: 756px;
	width: 139px;
}
ul#menuTop .horses a:hover, ul#menuTop .horses a:focus, ul#menuTop .horses a:active {
	left: 756px;
	width: 139px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -756px -31px;
}
ul#menuTop .horses a.currentTopHorses {
	left: 756px;
	width: 139px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -756px -31px;
}
ul#menuTop .join a:link, ul#menuTop .join a:visited {
	left: 875px;
	width: 105px;
}
ul#menuTop .join a:hover, ul#menuTop .join a:focus, ul#menuTop .join a:active {
	left: 895px;
	width: 105px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -895px -31px;
}
ul#menuTop .join a.currentTopJoin {
	left: 895px;
	width: 105px;
	background: url(../site_graphics/menu_baryy.jpg) no-repeat -895px -31px;
}
/*------------------------------------
contains all content below the menu
------------------------------------*/
div#threeColsWrap {
	background: #02130e url(../site_graphics/three_col_background.jpg) repeat-x 0px 0px;
	padding: 20px 0 0 0;	
}
/*-------------------------------------------
contains menu at left of page and post image
--------------------------------------------*/
div#leftCol {
	width: 245px;
	float: left;
	height: 600px;
	background: url(../site_graphics/left_col_background.jpg) no-repeat 0px 0px;
	display: inline; /*prevents unwanted margin in IE6*/
	text-align: left;
}
div#leftCol ul#leftColMenu {
	margin: 232px 0 0 30px;
	list-style-type: none;
}
div#leftCol ul#leftColMenu li {
	margin: 0 0 14px 0;
}
div#leftCol ul#leftColMenu li a:link, div#leftCol ul#leftColMenu li a:visited {
	width: 187px;
	height: 35px;
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	text-indent: 20px;
	text-decoration: none;
	background: url(../site_graphics/left_nav_background.jpg) no-repeat 0px -35px;
}
div#leftCol ul#leftColMenu li a:hover, div#leftCol ul#leftColMenu li a:focus, div#leftCol ul#leftColMenu li a:active {
	width: 197px;
	height: 35px;
	display: block;
	color: #000;
	font-size: 16px;
	line-height: 35px;
	text-indent: 30px;
	text-decoration: none;
	background: url(../site_graphics/left_nav_background.jpg) no-repeat 0px 0px;
}
div#leftCol ul#leftColMenu li a.leftMenuCurrent:link, div#leftCol ul#leftColMenu li a.leftMenuCurrent:visited, div#leftCol ul#leftColMenu li a.leftMenuCurrent:hover, div#leftCol ul#leftColMenu li a.leftMenuCurrent:focus, div#leftCol ul#leftColMenu li a.leftMenuCurrent:active {
	text-indent: 20px;
	background: url(../site_graphics/left_nav_background.jpg) no-repeat 0px -70px;
}
/*--------------------
contains main content
--------------------*/
div#middleCol {
	width: 488px;
	float: left;
	margin: 0;
	display: inline; /*prevents unwanted margin in IE6*/
	background: #fff;
	text-align: left;
	border: 1px solid #c0c0c0;
}
div#middleCol p {
	margin: 0 15px 10px 15px;
	color: #000;
}
div#middleCol p.redText {
	color: #bb2014;
}
div#middleCol p a:link, div#middleCol p a:visited {
	color: #bb2014;
	font-weight: bold;
}
div#middleCol p a:hover, div#middleCol p a:focus, div#middleCol p a:visited {
	color: #fff;
	background-color: #bb2014;
}
div#middleCol h2 {
	margin: 20px 15px 10px 15px; 
	color: #bb2014;
	font-weight: bold;
	font-style: italic;
}
/*------------------------------
the contents box on the home page
--------------------------------*/
ul#contentsBox {
	width: 450px;
	margin: 0 auto 20px auto;
	list-style-type: none;
}
ul#contentsBox li {
	line-height: 50px;
}
ul#contentsBox li a:link, ul#contentsBox li a:visited {
	display: inline-block;
}
ul#contentsBox li a:link, ul#contentsBox li a:visited {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	text-indent: 30px;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #fff;
}
ul#contentsBox li a.membersReports:link, ul#contentsBox li a.membersReports:visited {
	background: #000 url(../site_graphics/contents_memb_reports.jpg) no-repeat 342px 0px;
}
ul#contentsBox li a.membersReports:hover, ul#contentsBox li a.membersReports:focus, ul#contentsBox li a.membersReports:active {
	color: #facac6;
	background: #000 url(../site_graphics/contents_memb_reports.jpg) no-repeat 337px 0px;
}
ul#contentsBox li a.tipping, ul#contentsBox li a.tipping:visited {
	background: #000 url(../site_graphics/contents_tipping.jpg) no-repeat 338px 0px;
}
ul#contentsBox li a.tipping:hover, ul#contentsBox li a.tipping:focus, ul#contentsBox li a.tipping:active {
	color: #facac6;
	background: #000 url(../site_graphics/contents_tipping.jpg) no-repeat 333px 0px;
}
ul#contentsBox li a.horsesToFollow, ul#contentsBox li a.horsesToFollow:active {
	background: #000 url(../site_graphics/contents_horses.jpg) no-repeat 338px 0px;
}
ul#contentsBox li a.horsesToFollow:hover, ul#contentsBox li a.horsesToFollow:focus, ul#contentsBox li a.horsesToFollow:active {
	color: #facac6;
	background: #000 url(../site_graphics/contents_horses.jpg) no-repeat 333px 0px;
}
/*------------------------------
contains everything on the right
--------------------------------*/
div#rightCol {
	width: 262px;
	float: left;
	margin: 0;
	height: 250px;
	display: inline; /*prevents unwanted margin in IE6*/
}
div#rightCol div#rightColContent {
	width: 216px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background: #ad1906 url(../site_graphics/right_col_background.jpg) repeat-x 0px 0px;
}
div#rightCol div#rightColContent h3 {
	color: #fff;
	font-size: 15px;
	font-style: italic;
	margin: 0 10px;
	padding: 0 0 5px 0;
}
div#rightCol div#rightColContent p {
	margin: 0 5px;
	padding: 5px 0;
	color: #fff;
	line-height: 1.2em;
	font-weight: bold;
	border-top: 1px solid #fff;
}
div#rightCol div#rightColContent div#seal {
	width: 216px;
	height: 238px;
	background: url(../site_graphics/right_col_seal.jpg) no-repeat 0px 0px;
}
div#rightCol div#rightColContent div#seal p#signUp {
	padding-top: 200px;
	font-weight: bold;
	color: #ad1906;
	border: none;
	
}
div#rightCol div#rightColContent div#seal p#signUp a:link, div#rightCol div#rightColContent div#seal p#signUp a:visited {
	font-size: 16px;
	font-weight: bold;
	color: #ad1906;
	
}
div#rightCol div#rightColContent div#seal p#signUp a:hover, div#rightCol div#rightColContent div#seal p#signUp a:focus, div#rightCol div#rightColContent div#seal p#signUp a:active {
	font-weight: bold;
	color: #2d496f;
	
}
/*---------------------------------
contains content at bottom of page
----------------------------------*/
div#footer {
	padding: 20px 0 0 0;
	clear: both;
	text-align: center;
}
div#footer p {
	margin: 0;
	padding: 10px 0;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
div#footer p a:link, div#footer p a:visited {
	color: #fff;
}
div#footer p a:hover, div#footer p a:focus, div#footer p a:active {
	color: #f18b71;
}
div#footer div#copyrightWrap {
	float: right;
	padding: 20px;
	display: inline;
}
div#footer ul#copyright {
	list-style-type: none;
}
div#footer ul#copyright li {
	color: #86ad9b;
	display: inline;
}
div#footer ul#copyright li a:link, div#footer ul#copyright li a:visited {
	color: #86ad9b;
}

div#footer ul#copyright li a:hover, div#footer ul#copyright li a:focus, div#footer ul#copyright li a:active {
	color: #000;
	background-color: #86ad9b;
}