/* Custom style */

body {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	color:					#000000; 
	height:					100%;
	padding:				0;
	margin:					0;
	margin-top:				0px;
	background-color:		white;
}

p { 
	font-size:				10pt;
	margin-top:				0px; 
	margin-bottom:          0px;
}

h1, h2, h3 {
	font-family:			Verdana
	font-weight:			bold;
    color:                  #000000;
	margin:					0;
	margin-bottom:			10px;
	line-height:			100%;
}

h1 {
	font-size: 10pt;
	font-variant: small-caps;
}
h2 {
	font-size: 10pt;
}
h3 { 
	font-size: 10pt;
	margin-bottom: 5px; 
	color: #303030;
}

a {
	color:					#000000;
	font-weight:			bold;
	text-decoration:		none;
}

a:hover, a:active {
	text-decoration:		underline;
}

hr {
	color: #AA0000;
	height: 1px;
}

td {
    margin:                 0px;
    margin-bottom:          0px;
    line-height:            14px;
	font-size:				10pt;
    color:                  #000000;
}

ul {
    list-style:             square;
    margin:                 0px;
	margin-left:			30px;
    margin-bottom:          20px;
    zline-height:            22px;
    font-size:              13px;
    color:                  #000000;
}

li {
	font-size:				12px;
	list-style:				square;
    padding-bottom:         5px;
	margin:					0;
	line-height:			18px;
}

form {
    margin:                 0px;
}

/* specific divs */

#siteNavigation {
	width: 760px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	position: relative;
	top: 0px;
}

/* Menu V Tabs */

.menuvtabs td {
	font-size: 11px;
	border-bottom: 1px solid #d0d0d0;
	height: 30px;
}

.menuvtabs td.active {
	background-color: #f0f0f0;
}

.menuvtabs td.inactive {
	background-color: white;
}

.menuvtabs a {
	margin-left: 10px;
	font-weight: bold;
}

.menuvtabs td.active a {
	color: #808080;
}

.menuvtabs td.inactive a {
	color: #808080;
}

.menuvtabs .submenu {
	height: 30px;
}

/* Menu V Tabs 2 */

.menuvtabs2 td {
	font-size: 10px;
	background-color: black;
	border-bottom: 1px solid #e0e0e0;
	height: 20px;
}

.menuvtabs2 td.active {
	background: #e0e0e0;
}

.menuvtabs2 td.inactive {
	background: #f8f8f8;
}

.menuvtabs2 a {
	margin-left: 20px;
	font-weight: normal;
}

.menuvtabs2 td.active a {
	color: #808080;
}

.menuvtabs2 td.inactive a {
	color: #808080;
}

/* Module Object Browser */

.moduleObjectBrowser .contentRow {
	background:  url(../images/whitehorses/arrow-active.gif) no-repeat 8px 4px;
	padding-left: 20px;
}

.moduleObjectBrowser .showAll a {
	padding-left: 22px;
	background:  url(../images/whitehorses/arrow-inactive.gif) no-repeat 8px 4px;
}

.articleDefault .title {
	height: 100%;
	font-size: 11pt;
	font-variant: small-caps;
	border-bottom: 1px solid silver;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	background:	silver;
	color:	black;
}
	
.articleDefault .content {
	height: 100%;
	font-size: 10pt;
	border-bottom: 1px solid silver;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;	
}

.articleSmall .title {
	height: 100%;
	font-size: 10pt;
	font-variant: small-caps;
	border-bottom: 1px solid silver;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background:	#FFFFFF;
	color:	black;
}

.articleSmall .content {
	height: 100%;
	font-size: 8pt;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	
	}
	
.toc {
	vertical-align: top;
	padding: 5px -10 0 5px
	}

div.hoek {
	background:				#FF0000 url(../images/botssports/header_2.gif) top right no-repeat;
}

div.hudson {
	background:				#000000 url(../images/botssports/HUDSONLOGO.gif) top center no-repeat;
	color:					white;
}

/* Suckerfish! */

#suckerfish, #suckerfish ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	width: 100%;
	background-color: #f00;
}

#suckerfish a { /* All anchors, with specifics for top menu */
	white-space: nowrap;
	display: block;
	color: white;
	text-decoration: none;
	padding: 0.5em;
	background: #f00;
}

#suckerfish a.active { /* All anchors, with specifics for top menu */
	background: #e00;
}

#suckerfish li ul a { /* All sub-menu anchors */
	width: 13em;
	background: #f00;
}

html>body #suckerfish li ul a { /* All non-IE browsers */
	width: 12em;
}

#suckerfish li { /* all list items */
	padding: 0;
	float: left;
}

#suckerfish li ul li { /* all list items */
	width: 12em; /* width needed or else Opera goes nuts */
}

#suckerfish li ul { /* second-level lists */
	position: absolute;
	border: 1px solid #e00;
	border-top: 0px;
	border-bottom: 2px solid #e00;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#suckerfish li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 11em;
}

#suckerfish li:hover ul ul, #suckerfish li.sfhover ul ul {
	left: -999em;
}

#suckerfish li:hover ul, #suckerfish li li:hover ul, #suckerfish li.sfhover ul, #suckerfish li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#suckerfish li a:hover {
	background: #000;
	color: #fff;
	}

#suckerfish li ul li a:hover {
	background: #000;
	color: #fff;
	}

#content {
	clear: left;
	color: black;
}

li#folder { /* All that contain items */
	background-color: red;
	background-image: url(images/default/arrow.gif) no-repeat;
}


/* extra positioning rules for limited noscript keyboard accessibility */
#suckerfish li a:focus + ul { margin-left: 0; }
#suckerfish li li a:focus + ul { margin-left: 1010em; }
#suckerfish li li a:focus { margin-left:1000em; width:12em; background: #008; }
#suckerfish li li li a:focus {margin-left: 2010em; width: 12em; background: #008; }
#suckerfish li:hover a:focus, #suckerfish li.sfhover a.sffocus { margin-left: 0; }
#suckerfish li li:hover a:focus + ul, #suckerfish li li.sfhover a.sffocus + ul { margin-left: 11em; }


.moduleMemberLogin {
	width: 100%;
	text-align: left;
}

.moduleMemberLogin .title {
	font-size: 140%;
	padding-top: 10px;
}

.moduleMemberMessage {
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
}

.moduleMemberUserID label {
	width: 30%;
	padding-right: 10px;
	text-align: left;
}

.moduleMemberPassword label {
	width: 30%;
	padding-right: 10px;
	text-align: left;
}

.moduleMemberUserID input {
	width: 50%;
	padding-right: 10px;
}

.moduleMemberPassword input {
	width: 50%;
	padding-right: 10px;
}

.ModuleMemberLoginButton {
	width: 40%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ModuleMemberSignup, .ModuleMemberSignup .content, .moduleMemberSignup .fieldrow {
	width: 100%;
	text-align: center;
}

.ModuleMemberSignup .fieldrow label {
	width: 50%;
	padding-right: 10px;
	text-align: right;
	font-size: 10px;
}

.ModuleMemberSignup .fieldrow input {
	width: 48%;
}

.ModuleMemberSignupButton {
	width: 40%;
	margin-top: 10px;
	margin-bottom: 10px;	
}

.moduleMemberError {
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	color: red;
}