.header {

	font-weight: bold;

	font-size: 1.2em;

	font-variant: small-caps;

}


/* It is usually best to define datagrid as a span or div NOT as a table class, etc. */

.datagrid { 

	color: #000;
	margin: 5;

}



.datagrid table { 

    /*width: 100%;*/

	/*border: 0px solid #FFF;*/

	color: #000;

	background-color: #E6D397;

}



.datagrid SELECT {

}



/* Optional Caption (title of table) and Legend (caption below) */

.datagrid caption {

	font-size: 1em; 

	text-align: left; 

	font-variant: small-caps;

	font-weight: bold;

	width: 100%;

}



.datagrid div.legend {

	width: 100%; 

	font-size: 0.9em; 

}



.datagrid tr {

	vertical-align: top;

}

/* Header Row */

.datagrid th { 

	padding: 1px 8px 1px 8px; 

	background-color: #86430E; 

	text-align: center; 

	font-variant: small-caps; 
	font-weight: normal; 
	font-size: 1.1em;

	color: #FFF; 

}

.datagrid th a { 

	color: #FFF;

	text-decoration: none;

}

.datagrid th a:hover { 

	color: #FF0000;

	text-decoration: underline; 

}



/* Subheads are usually colspan rows (divisional separators, etc.) */

.datagrid tr.subhead1 { 

	background-color: #666; 

	color: #DDD; 

}

.datagrid tr.subhead2 { 

	background-color: #AAA; 

}



/* Alternating row colors for data */

.datagrid tr.alternate1, td.alternate1 { 

	background-color: #EEE3C3; 

}

.datagrid tr.alternate2, td.alternate2{ 

	background-color: #FFF6D8; 

}



/* Footer used for totals and summaries */

.datagrid tr.footer { 

	background-color: #E6D397; 

	font-weight: bold;

	font-size: 0.9em

}



.datagrid td { 

	padding: 1px 8px 1px 8px;

	text-align: center;

	color: #000; 

}



/* Highlighted rows show the current sort */

.datagrid th.highlight { 

	background-color: #393165; 

}

.datagrid td.highlight { 
	
	color: #393165;
	font-weight: bold; 
}


.datagrid th.muted, td.muted, tr.muted{

	color: #666;

	font-weight: normal;

}



/* Allow right-alignment for stats */

.datagrid td.text, th.text { 

	text-align: left; 

}



.datagrid td.right, th.right {

	text-align: right;

}


.datagrid td.left, .datagrid th.left {

	text-align: left;

}



.datagrid td.date, .datagrid th.date {

	width: 60px;

}



/* Template Definitions */


.bodytext{

	font-family: "Arial";

	font-size: 12px;

}



.mainWindow{

	background: url('http://www.ncrha.org/images/ncrha_background.gif');

}



.networkBar{

	background: #333b97;

	font-family: "Trebuchet MS";

	font-size: 1em;

	font-variant: small-caps;

	color: #FFFFFF;

}



.networkLinks{

	background: #DDDDDD;

	font-family: "Trebuchet MS";

	font-size: 0.9em;

	font-weight: bold;

	color: #CC0000;

}

.networkLinks A{

	color: #333333;

	font-weight: normal;

	text-decoration: none;	

}

.networkLinks A:hover{

	color: #CC0000;

	text-decoration: underline;	

}

.networkLine{

	background: #CC0000;

}

.bannerBar{

	/* ECRHA background: #0065B2; */

	/* SECRHL #CB9800 */

	/* MCRHL #840008 */

	/* NCRHA #303a8d */

	background: #303b97;

}



.tickerBar, .tickerBar A{

	background: #000000;

	font-family: "Trebuchet MS";

	font-size: 0.8em;

	text-decoration: none;

	color: #FFFFFF;

}



.footerBar{

	font-family: "Arial";

	font-size: 0.8em;

	color: #999999;

}



.content{

	background: #F6F6F6;

}



.border, .bordered{

	border: 1px solid #000000;

}



.photoCaption{

	font-size: 11px;

	font-weight: normal;

	color: #FFF;

	background: #000;

	padding: 2px 5px 2px 5px;

}

.photoCaption A, .photoCaption A:hover {

	color: #FFF;	

}



.linkMore{

	padding: 3;

	font-size: 1em;

}



.articleTitle{

	font-size: 1.2em;

	display: inline;

}



.leftmenu {

	vertical-align: top;

	background: #303b97;

	font-family: "Trebuchet MS";

	color: #FFF;

}





/*************/

/* THE MENU */

/************/

ul#primary-nav,

ul#primary-nav ul {

	margin: 0;

	padding: 0;

	width: 100px; /* Width of Menu Items */

	text-align: left;

	/*border-bottom: 1px solid #FFF;*/

	background: #303b97; /* IE6 Bug */

	font-size: 12px;

	font-variant: small-caps;

	}



ul#primary-nav li {

	position: relative;

	list-style: none;

	}

	

ul#primary-nav li.searchbox {

	padding: 2 5 2 5;

}



ul#primary-nav li a{

	display: block;

	text-decoration: none;

	color: #FFF;

	padding: 2 5 2 5;

	border-top: 1px solid #FFF;

	}



/* Fix IE. Hide from IE Mac \*/

* html ul#primary-nav li { float: left; height: 1%; }

* html ul#primary-nav li a { height: 1%; }

/* End */



ul#primary-nav ul {

	position: absolute;

	display: none;

	width: 135px;

	left: 99px; /* Set 1px less than menu width */

	background: #666666;

	top: 0;

	}



ul#primary-nav li ul li a { 

	padding: 2 5 2 5; 

} /* Sub Menu Styles */



.xyzcontent { padding: 2px 5px; } /* Sub Menu Styles */



ul#primary-nav li:hover ul ul,

ul#primary-nav li:hover ul ul ul,

ul#primary-nav li.over ul ul,

ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */



ul#primary-nav li:hover ul,

ul#primary-nav li li:hover ul,

ul#primary-nav li li li:hover ul,

ul#primary-nav li.over ul,

ul#primary-nav li li.over ul,

ul#primary-nav li li li.over ul { display: block; } /* The magic */



ul#primary-nav li.menuparent { 

	background: transparent url("http://www.powerplaystats.com/common/images/tri.gif") right center no-repeat;

}



ul#primary-nav li.menuparent:hover, ul#primary-nav li.over, li a:hover{ background: #990000;}



ul#primary-nav li a:hover { color: #FFF; }



ul#primary-nav .highlight a{ background: #666666; color: #FFF;}

ul#primary-nav .highlight a:hover{ background: #990000;}



ul#primary-nav .ncrha a{ background: #000; color: #FFF;}

ul#primary-nav .ncrha a:hover{ background: #990000;}