﻿html, body {
	margin: 0;
	padding: 0;
	background-color:#F2F3ED;
	/*scrollbar-face-color: #B5ABA1;
	scrollbar-highlight-color: #D9DEE1;
	scrollbar-shadow-color: #E3E0DB;
	scrollbar-3dlight-color: #D9DEE1;
	scrollbar-arrow-color: #E3E0DB;
	scrollbar-track-color: #F2F3ED;
	scrollbar-darkshadow-color: #7A7067;*/
	
}
#page{
	margin: 0;
	padding: 0;
	background-color:#F2F3ED;
}
#main{
	margin: 0;
	padding: 0;
	background-color:#F2F3ED;
}
#outer{
	background-color:#F2F3ED;
	height: 611px;
	width: 800px;
	
}
#inner {
	width: 774px;
	height: 624px;
	background-color:#F2F3ED;
}
.content {
	background-color: #CCCCCC;
}
#header{
	border-top: 3px solid #BA0607;
	height: 25px;
	background-color: #7A7067;
}

#supfooter{
	height: 4px;
	background: url(images/shadow.gif) repeat-x top #E8E0D5;
}
#footer{
	height: 87px;
	background: url(images/footersmall.gif) repeat-x bottom #E8E0D5;
}

#logo{
	position: relative;
	background: url(images/logo.gif) #999999 no-repeat;
	width: 168px;
	height: 93px;
	top: -550px;
	left: 0px;
	z-index: 2;
}
/* ==============MENU============== */
#menu{
	position: relative;
	background: top url(images/shadow2.gif) #FFFFFF repeat-x;
	
	border-right: 0px solid #4057BD;
	margin-top: 0px;
	cursor: pointer;
	width: 198px;
	height: 225px;
	top: 0px;
	left: 0px;
	z-index: 2;
}

#menu .dashedhr{
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	border-color: #999999;
	background: url(images/menu-arrow.gif) #FFFFFF no-repeat top left;
	color: #2C56B8;
	text-decoration:none;
	font-weight: bold;
	height: 20px;	
}



#menu .textcontent{
	padding: 10px 0 10px 0;
	font-family: arial, Sans-Serif;
	font-size: 11px;
}
#menu .textcontent a{
	width: 50px;
	padding: 0 0 0 40px;
	margin: 0 0 0 0;
	color: #FFFFFF;
	font-family: arial, Sans-Serif;
	background: url(images/submenu-arrow.gif) no-repeat center left;
}
#menu .textcontent a:hover{
	width: 193px;
	color: #FFFFFF;
	background: url(images/submenu-arrow-red.gif) #B5ABA1 no-repeat center left;
}
.menutext{
	padding: 0 0 0 20px;
}


.submenus{
	background: url(images/menuShadow.gif) repeat-x top;
	padding: 8px 0 0 0;
	margin: 5px 0 0 0;
	background-color: #857B72;
	color: #FFFFFF;
	font-family: arial, Sans-Serif;
	line-height: 11px;
	
}
#submenuhome{
	display: none;
}
#submenucomp{
	display: none;
	visibility: hidden;
}
#submenupoints{
	display: none;
	visibility: hidden;
}
#submenubreeds{
	display: none;
	visibility: hidden;
}
#submenuabout{
	display: none;
	visibility: hidden;
}
#submenumember{
	display: none;
	visibility: hidden;
}
#submenuhorse{
	display: none;
	visibility: hidden;
}
#submenurules{
	display: none;
	visibility: hidden;
}
#submenusearch{
	display: none;
	visibility: hidden;
}
#submenuloff{
	display: none;
	visibility: hidden;
}

/* =============================== */
#pageheader{
	height: 5%;
}
#top{
	width: 774px;
	height: 135px;
	background-color:#CCCCCC;
}
#middle{
	width: 774px;
	
}
#bottom{
	width: 774px;
	height: 125px;
	background-color:#B5ABA1;
	border-top: 3px solid #BA0607;
}
/*==================TOP FRONT PAGE=============== */
#main #top .lcol{
	background: url(images/compTop1.gif) #7BAADE no-repeat top;
	margin-right: 5px;
	width: 253px;
	height: 135px;
}
#main #top .mcol{
	background: url(images/pointsTop1.gif) #7BAADE no-repeat top;
	margin: 0 5px 0 5px;
	width: 248px;
	height: 135px;
}
#main #top .rcol{
	background: url(images/breedsTop1.gif) #7BAADE no-repeat top;
	margin-left: 5px;
	width: 253px;
	height: 135px;
}
#main #top .mcol .textcontent{
	color: #FFFFFF;
	font-family: "Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height: 14px;
}
#main #top .mcol .textcontent h2{
	color: #458CE2;
	font-family:"Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 22px;
	text-shadow: #D0E2F6;
}
/*=============================================== */
/*=============MIDDLE FRONT PAGE==================*/
#main #middle .lcol{
	width: 183px;
	height: 175px;
	background: url(images/shadow.gif) repeat-x top #E3E0DB;
	
}
#main #middle .mcol{
	width: 408px;
	height: 175px;
	background: url(images/shadow.gif) repeat-x top #E3E0DB;

}
#main #middle .rcol{
	width: 183px;
	height: 165px;
	background: url(images/shadow.gif) repeat-x top #E3E0DB;
	vertical-align:middle;
	padding-top: 10px;
}
#main .textcontent {
	padding: 10px 10px 10px 10px;
	color: #90877F;
	font-family:"Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	line-height: 12px;
	font-size:10px;
}
#main .textcontent h2{
	padding: 5px 5px 5px 0px;
	line-height: 16px;
	font-size:16px;
}
#main .textcontent h3{
	padding: 5px 5px 5px 0px;
	line-height: 14px;
	font-size:14px;
}

/*=================================================*/
/*=============BOTTOM FRONT PAGE==================*/
#main #bottom .rcol{
	background-color: #7A7067;
	height: 125px;
	width: 253px;
	margin-left: 5px;
}
#main #bottom .mcol{
	width: 248px;
	height: 125px;
	margin: 0px 5px 0px 5px;
	
}
#main #bottom .lcol{
	background-color: #7A7067;
	width: 253px;
	height: 125px;
	margin-right: 5px;
	
}
#main #bottom .rcol .dashedhr{
	font-family:"Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-weight: normal;
	font-size: 14px;	
}
#main #bottom .rcol .solidhr{
	font-family:"Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-weight: bold;
	font-size:14px;	
}

/*=================================================*/
/*==================TOP CONTENT PAGE=============== */
#contentpages #top{
	background: fixed #CCCCCC;
	width: 774px;
	height: 135px;
}
#contentpages #top .lcol{
	width: 498px;
	height: 135px;
}
#contentpages #top .mcol{
	margin: 0px 0px 0px 0px;
	width: 0px;
	height: 135px;
}
#contentpages #top .rcol{
	background-color: #7A7067;
	width: 276px;
	height: 135px;
}
#contentpages #top .rcol .textcontent h3{
	color: #FFFFFF;
	font-family:"Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-weight: normal;
	font-size:16px;
	line-height: 20px;
}
#contentpages #top .rcol .textcontent h2{
	color: #FFFFFF;
	font-family:"Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 22px;
	text-shadow: #D0E2F6;
}
/*=============================================== */
/*=============MIDDLE CONTENT PAGE==================*/
#contentpages #middle{
	background-color: #FFFFFF;
	width: 774px;
	min-height: 383px;
}
#contentpages #middle .lcol{
	width: 198px;
	
	background: url(images/darkShadow.gif) repeat-x top #FFFFFF;
}
#contentpages #middle .mcol{
	width: 0px;
	
	background: url(images/shadow.gif) repeat-x top #E3E0DB;
}
#contentpages #middle .rcol{
	width: 569px;
	border-left: 1px solid #4057BD; 
	background: url(images/shadow.gif) repeat-x top #E3E0DB;
	vertical-align:middle;
	padding: 10px 0 0 6px;
}
/*=================================================*/
/*=============BOTTOM CONTENT PAGE==================*/
#contentpages #bottom{
	width: 774px;
	height: 105px;
	background-color:#B5ABA1;
	border-top: 3px solid #BA0607;
	
}
#contentpages #bottom .rcol{
	height: 105px;
	width:	280px;
	margin-left: 0px;
	
}
#contentpages #bottom .mcol{
	width: 280px;
	height: 105px;
	margin: 0px 0px 0px 5px;
}
#contentpages #bottom .lcol{
	background-color: #7A7067;
	width: 198px;
	height: 105px;
	margin-right: 5px;
}
#contentpages #bottom .rcol .dashedhr{
	font-family:"Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-size:14px;	
	font-weight: bold;
}
#contentpages #bottom .rcol .solidhr{
	font-family:"Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-weight: bold;
	font-size:14px;	
}

/*=================================================*/
/*================Expanding Iframe Layer==============*/
#expandlayer 
{
	background-color: #E3E0DB;
	top: 0px;
	right: 0px;
	width: 0px;
	height: 0px;
	visibility: hidden;
	z-index: -1;
	
}

/*=================================================*/
/*==================TOP DIRECTORY PAGE=============== */
#indexpages #top{
	background: fixed #CCCCCC;
	width: 774px;
	height: 135px;
}
#indexpages #top .lcol{
	width: 498px;
	height: 135px;
}
#indexpages #top .mcol{
	margin: 0 0px 0 0px;
	width: 0px;
	height: 135px;
}
#indexpages #top .rcol{
	background-color: #7A7067;
	width: 276px;
	height: 135px;
}
#indexpages #top .rcol .textcontent h3{
	color: #FFFFFF;
	font-family:"Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-weight: normal;
	font-size:14px;
	line-height: 16px;
}
#indexpages #top .rcol .textcontent h2{
	color: #FFFFFF;
	font-family:"Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 22px;
	text-shadow: #D0E2F6;
}
/*=============================================== */
/*=============MIDDLE DIRECTORY PAGE==================*/
#indexpages #middle{
	background-color: #E3E0DB;
	width: 774px;
	height: 10px;
}
#indexpages #middle .lcol{
	width: 192px;
	height: 10px;
	background: url(images/shadow.gif) repeat-x top #E3E0DB;
}
#indexpages #middle .mcol{
	width: 384px;
	height: 10px;
	background: url(images/shadow.gif) repeat-x top #E3E0DB;
}
#indexpages #middle .rcol{
	width: 198px;
	height: 10px;
	background: url(images/shadow.gif) repeat-x top #E3E0DB;
	vertical-align:middle;
	
}
/*=================================================*/
/*=============BOTTOM DIRECTORY PAGE==================*/
#indexpages #bottom{
	width: 774px;
	height: 279px;
	background-color:#7A7067;
	border-top: 3px solid #BA0607;
}
#indexpages #bottom .rcol{
	height: 175px;
	width:	193px;
}
#indexpages #bottom .mcol{
	width: 386px;
	height: 175px;
}
#indexpages #bottom .lcol{
	width: 193px;
	height: 175px;
}
#indexpages #bottom .rcol .dashedhr{
	font-family:"Trebuchet MS","Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-size:14px;	
	font-weight: bold;
}
#indexpages #bottom .rcol .solidhr{
	font-family:"Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-weight: bold;
	font-size:14px;	
}
/*=================================================*/
.rcol {
	display: inline;
	float: left;
}
.mcol {
	display: inline;
	float: left;
}
.lcol {
	display: inline;
	float: left;
}
#member{
	position: absolute;
	z-index: 2;
	/*background:  url(images/member.gif) no-repeat;*/
	top: 388px;
	left: 300px;
	height: 130px;
	width:150px;
}
.photoshade{
	background: url(images/shadow.gif) repeat-x bottom #E3E0DB;
}
.textcontent{
	padding: 10px 10px 10px 10px;
	color: #90877F;
	font-family:"Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	line-height: 10px;
	font-size:10px;
}
.textcontent h3 a{
	color: #FFFFFF;
	font-size: 14px;
	text-decoration:none;
	font-weight: normal;
}
.textcontent h3 a:hover{
	color: #91C8F2;
	font-size: 14px;
	background-color: #7A7067;
	text-decoration:none;
	font-weight: normal;
}
.textcontent a{
	color: #2C56B8;
	text-decoration:none;
	font-weight: bold;
}
.textcontent a:hover{
	color: #545653;
	text-decoration: none;
}
table .textcontent {
	padding: 5px 5px 0px 20px;
	color: #E3E0DB;
	font-family:"Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	line-height: 10px;
	font-size:10px;
}
table td .textcontent a{
	color: #E3E0DB;
	
}
table td .textcontent a:hover{
	color: #FFFFFF;
	background-color: #B5A794;
}
.dashedhr{
	border-bottom: 1px dashed #FFFFFF;
	height: 20px;
	margin-bottom: 5px;
}
.solidhr{
	border-bottom: 1px solid #FFFFFF;
	height: 20px;
	margin-bottom: 5px;
}
.dircols{
	background: url(images/blueSwish.gif) no-repeat top right #B5A794;
	color: #2C56B8;
	font-family: "Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0px 5px 20px;
}
.mdircols{
	background: url(images/blueSwish.gif) repeat-x top right;
	
}

/*==================LINKS=================*/
#links{
	padding: 10px 10px 0px 10px;
	width: 228px;
	height: 65px;
	color: #E1E1D7;
	font-family: "Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-weight:bolder;
	cursor: pointer;
}
#linkstop{
	height: 25px;
}
#linkstopright {
	display: inline;
	float:right; 
	background: url(images/linkBottom.gif) top #B5ABA1;
	width: 96px;
	height: 25px;
}	
#linkstopleft{
	display: inline;
	float:left; 
	background: url(images/linkBottom.gif) top #B5ABA1;
	width: 96px;
	height: 25px;
}
#linksmiddle{
	height: 2px;
	width: 228px;

}
#linksmiddle2{
	height: 2px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 2px;
	width: 228px;
}
#linksbottom{
	height: 25px;
}
#linksbottomright {
	display: inline;
	float:right; 
	background: url(images/linkBottom.gif) top #B5ABA1;
	width: 96px;
	height: 25px;
}
	
#linksbottomleft{
	display: inline;
	float:left; 
	background: url(images/linkBottom.gif) top #B5ABA1;
	width: 96px;
	height: 25px;
}
/*========================================*/
/* =================FONT==================*/
h2{
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS","Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-size: 20px;
	font-stretch:normal;
	font-variant:normal;
	font-weight:bold;
	color: #545653;

}
h3{
	padding: 0;
	margin: 0;
	font-family: "Myriad Web","MS Reference Sans Serif",Helvetica, Verdana,sans-serif;
	font-size: 16px;
	font-stretch:normal;
	font-variant:normal;
	font-weight:bold;
	color: #2C56B8;
}
.dropshadow {
    /* Empty declaration: this is here so that you can tag shadowed things */
}
.ads{
	background-color: #B5ABA1;
	height: 105px;
}

#google {
	height: 100px;
}
#google a{
	background: transparent !important;
}
.shadowed {
    /* This styles our actual text */
    color: white;
    position: absolute;
    background: transparent !important;
    z-index: 100;
    margin: 0;
}
/*========================================*/
