/*
NJCAA.org
Global CSS style definitions
2008.06
*/

/* Element-based style definitions */
body {
	background-color: #808285;
	background-image: url(../images/bkgrd_page_1w1370h.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: Verdana, Arial;
	font-size: 11px;
}
table {
	color: #000000;
	font-family: Verdana, Arial;
	font-size: 11px;
}
form {
	margin: 0px;
	padding: 0px;
}
input {
	border: solid 1px #858585;
	padding: 2px 2px 0px 2px;
	background-color: #FFFFFF;
	font-size: 11px;
}
select {
	border: solid 1px #858585;
	background-color: #FFFFFF;
	font-size: 11px;
}
input.Checkbox {
	border: none;
}
a {
	color: #1b75bc;
	text-decoration: none;
}
a:hover {
	color: #1b75bc;
	text-decoration: underline;
}

/* social share */

.dc-social-float .tab {
cursor: pointer;
height: 38px;
margin-left: -1px;
}
.dc-social-float .dc-social-float-content {
background: #fff;
border: 1px solid #bbb;
padding: 5px 5px 5px 5px;
text-align: center;
}
.dc-social-float .dc-social-float-content {
border-radius: 5px; -webkit-border-radius: 5px;
}
.dcssb-btn {margin-bottom: 5px;}


/* Form fields and the table cells that contain them, such as Password and search Keywords */
.FormField {
	background-image: url(../images/bkgrd_input_100w17h.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.FormFieldOnWhite {
	border: solid 1px #CCCCCC;
	background-image: url(../images/bkgrd_input_100w17h.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.FormField input {
	background-color: Transparent;
}

.Button {
	padding: 0px;
}

/* Page header styles */
.Header {
	width: 990px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.Header a {
	color: #FFFFFF;
	text-decoration: none;
}
.Header a:hover {
	color: #79A8C9;
	text-decoration: none;
}
.Header td.Selected a {
	color: #79A8C9;
	text-decoration: none;
}

/* Top section of the page header, with links and login form */
.Header .Upper {
	height: 30px;
	color: #FFFFFF;
}
.Header .Upper td {
	padding-top: 6px;
	padding-bottom: 7px;
}

/* Middle section of the page header, with right-aligned banner ad */
.Header .Middle {
	height: 172px;
}
.Header .Middle td.BannerAd {
	padding: 15px;
}

/* Header submenu options */
.SubMenu {
	width: 743px;
	height: 26px;
	background-image: url(../images/bkgrd_submenu_1w26h.gif);
	background-repeat: repeat-x;
}
.SubMenu td {
	padding: 2px 8px 2px 8px;
	white-space: nowrap;
}

/* Header menu options */
.Menu {
	width: 743px;
	height: 30px;
	background-color: #4B4B4D;
}
.Menu td {
	padding: 0px 5px 0px 0px;
}

.MenuDropDownBackground {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #102E47;
	-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85; 
}
.MenuDropDown {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}
.MenuDropDown .Options {
}
.MenuDropDown .Options td {
	padding: 10px;
	white-space: nowrap;
}


/* Search option that appears in the page header */
.Search {
	width: 247px;
	
	
	background-repeat: repeat-x;
}
.Search table td {
	padding: 0px;
}

/* Page content area */
.Layout {
	width: 990px;
}
.Layout td {
	padding: 0px;
}
.Layout td.Column1of3 {
	width: 467px;
	vertical-align: top;
	text-align: left;
}
.Layout td.Column2of3 {
	width: 276px;
	vertical-align: top;
	text-align: left;
}
.Layout td.Column1of2, 
.Layout td.Column1and2of3 {
	width: 743px;
	vertical-align: top;
	text-align: left;
}
.Layout td.Column1and2of3 {
	padding: 0px;
}
.Layout td.Column3of3, 
.Layout td.Column2of2 {
	width: 247px;
	vertical-align: top;
	text-align: center;
}
.Layout td.Column1of3 div.Column1of3, 
.Layout td.Column1of2 div.Column1of2 {
	padding: 15px 15px 25px 15px;
}
.Layout td.Column2of3 div.Column2of3 {
	padding: 10px;
}
.Layout td.Column3of3 div.Column3of3, 
.Layout td.Column2of2 div.Column2of2 {
	padding: 15px;
}
.Layout td.Column3of3 div.Column3of3 .Ad, 
.Layout td.Column2of2 div.Column2of2 .Ad, 
.Layout td.Column2of3 div.Column2of3 .Ad {
	padding-top: 15px;
}

/* Ticker style definitions */
div.Ticker {
	position: absolute;
	height: auto;
	background-color: #373533;
	padding: 5px 0px;
	overflow: hidden;
	line-height: 17px;
	font-size: 11px;
	color: #FFFFFF;
}
div.Ticker a {
	color: #FFFFFF;
	text-decoration: none;
}
div.Ticker a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/* More links styling */
div.More {
	padding-top: 2px;
	padding-left: 5px;
}
div.More a {
	color: #616264;
	text-decoration: none;
}
div.More a:hover {
	color: #616264;
	text-decoration: underline;
}
a.More {
	color: #616264;
	text-decoration: none;
}
a.More:hover {
	color: #616264;
	text-decoration: underline;
}


/* Bulleted and ordered listings */
ul.List {
	margin: 5px 0px 0px 5px;
	padding: 0px;
}
ul.List li {
	list-style: none;
	background: url(../images/bullet_round_7w7h.png) no-repeat left 4px;
	padding-left: 12px;
	line-height: 1.4em;
}
ul.List li a, 
ol.List li a {
	color: #000000;
	text-decoration: none;
}
ul.List li a:hover, 
ol.List li a:hover {
	color: #000000;
	text-decoration: underline;
}
ol.List {
	list-style: decimal outside;
}
ol.List li {
}
ul.List li {
	margin-bottom: 10px;
	padding-left: 20px;
}
div.TightList ul.List {
	background-position: left 5px;
}
div.TightList ul.List li {
	margin-bottom: 0px;
	padding-left: 20px;
}

/* Override the 'sup' style so that TM's within a list do not create irregular line-spacing */
ul.List li sup {
	font-size: 8px;
	line-height: 11px;
	color: #000000;
}

/* Content titles */
span.Title {
	color: #000000;
	font-size: 22px;
	text-transform: uppercase;
}
div.Title {
	width: 100%;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px;
	background-color: #8B8C8D;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
td.Title {
	width: 100%;
	padding: 5px 10px;
	background-color: #8B8C8D;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
span.SubTitle {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}
div.PageHeading {
	background: url(../images/bkgrd_pageTitle_743w5h.jpg) repeat-y;
	padding: 5px 15px;
	color: #B3B3B3;
	font-size: 28px;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}


/* Stat */
.SingleStat {
	width: 210px;
	text-align: left;
}
.Stat {
	color: #FFFFFF;
	font-size: 36px
}
.StatDescription {
	color: #FFFFFF;
	font-size: 10px;
}


/* Stylized HR element (actual HR cannot be styled in a browser-compatible fashion */
div.HR {
	height: 1px;
	margin: 6px 0px 8px 0px;
	padding: 0px;
	border: none;
	border-bottom: solid 1px #D9D9D9;
	font-size: 1px;
}


/* Calendar styling */
table.Calendar {
}
table.Calendar td {
	width: 14%;
	border: solid 1px #FFFFFF;
	padding: 8px;
	text-align: center;
}
table.Calendar td.MonthAndYear {
	padding: 2px;
	color: #1F4065;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
table.Calendar td.Border {
	height: 5px;
	padding: 0px;
	background-color: #0F75BC;
	font-size: 1px;
}
table.Calendar td.Day {
	padding: 2px;
	color: #1F4065;
	font-size: 10px;
	font-weight: normal;
}
table.Calendar td.Blank {
}
table.Calendar td.Std {
	background-color: #DCDAD0;
	color: #1F4065;
	font-size: 11px;
	font-weight: bold;
}
table.Calendar td.Std a, 
table.Calendar td.Std a:hover {
	color: #1F4065;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
} 
table.Calendar td.Alt {
	background-color: #DCDAD0;
	color: #1F4065;
	font-size: 11px;
	font-weight: bold;
}
table.Calendar td.Alt a, 
table.Calendar td.Alt a:hover {
	color: #1F4065;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
} 
table.Calendar td.Selected {
	background-color: #C41230;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}


/* Resource link styling */
a.Resource {
	color: #1B75BC;
	font-size: 11px;
	text-decoration: none;
}
a.Resource:hover {
	color: #1B75BC;
	font-size: 11px;
	text-decoration: underline;
}

/* Table-based data listing */
div.Data {
}
table.Data {
	width: 100%;
	border: solid 1px #818285;
	border-right: none;
}
table.Data td {
	border-right: solid 1px #818285;
	padding: 5px 10px 5px 10px;
	background-color: #FFFFFF;
	white-space: nowrap;
	color: #000000;
	font-size: 11px;	
}
table.Data td a {
	color: #1B75BC;
	text-decoration: none;
}
table.Data td a:hover {
	color: #1B75BC;
	text-decoration: underline;
}
table.Data td.Alt {
	background-color: #EEF6FB;
}
table.Data td.Alt a {
	color: #1B75BC;
	text-decoration: none;
}
table.Data td.Alt a:hover {
	color: #1B75BC;
	text-decoration: underline;
}
table.Data td.Title {
	padding: 5px 10px;
	background-color: #818285;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
table.Data td.SubTitle {
	padding: 5px 10px;
	background-color: #BCBDC0;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
div.DataFootnotes {
	padding: 10px;
	color: #000000;
	font-size: 10px;
	line-height: 18px;
}
div.ResultData table.Data {
	border: solid 1px #818285;
}
div.ResultData table.Data td {
	border-right: none;
}

div.Column1of3 div.Data {
	width: 435px;
}
div.Column1of3 table.Data td {
	padding: 5px;
}
div.Column1of2 div.TightData {
	width: 100%;
}

div.TightData table.Data {
	width: 100%;
}
div.TightData table.Data td {
	padding: 5px 0px;
	font-size: 10px;
}
div.TightData table.Data td.Alt {
	padding: 5px 0px;
	font-size: 10px;
}
div.TightData table.Data td.SubTitle {
	padding: 5px 0px;
	font-size: 10px;
}


/* Sub-sub-menu (category) styling */
div.Category {
	padding: 10px 0px 10px 16px;
}
table.Category {
	font-size: 11px;
}
table.Category td {
	padding-right: 8px;
	color: #333333;
}
table.Category td.Selected {
	color: #0F75BC;
}
table.Category td.Selected a {
	color: #0F75BC;
	text-decoration: none;
}
table.Category td a {
	color: #333333;
	text-decoration: none;
}
table.Category td a:hover {
	color: #0F75BC;
	text-decoration: none;
}