/**
 * dataGrid.css - Companion to dataGrid.dwt
 */

/* -- TOC ----------------------------------------------- */



#dataGrid-TOC-container {
	display: inline;
}


#dataGrid-TOC-itemList-container {}

#dataGrid-TOC-itemList {
}
	
.dataGrid-TOC-item {

}


/* -- Data Sections ------------------------------------- */
/* -- Section Table -- */
.dataGrid-sectionTable {
}

.dataGrid-sectionTable td {
}

.dataGrid-sectionTitle {
	margin-bottom: 5px
}


.dataGrid-sectionImage {
background-color: #BF6930;
width: 400px;
height: 300px;
border: 1px solid #9A7964; 
/*border-right: 7px solid #ffffff;*/
}

.dataGrid-sectionImage img {
border: 1px solid #9A7964; 
}

.dataGrid-sectionContent {
	border-left: 7px solid #ffffff;
	color: #77533C;
}

/* -- Section Content -- */
.dataGrid-section-container {
	background-color: #E6A173;
	width: 686px;
	/*height: 300px;*/
	text-align: center;
	margin: 7px;
}


/*.dataGrid-section-container-1 {
width: 265px;
padding: 0;
min-height: 300px;
height: auto;
_height: 300px;
background-color: #E6A173;
border: 1px solid #9A7964;
text-align: center;
display: inline;
}*/
.dataGrid-section-container-1 {

}



/* Ex. Talk to the sectionTitle of the second section */
.dataGrid-section-container-1 .dataGrid-sectionTitle {
	font-size: 3.5em;
	color: #77533C;
	margin-bottom: 15px;

}

.dataGrid-section-container-1 .dataGrid-columnTitle-1 {
	/*border-top: 1px solid #BF6930;*/
	color: #ffffff;
}

.dataGrid-section-container-1 .dataGrid-columnTitle-1 #newsTitle {
	text-align: center;
}
	
.dataGrid-c1r1 {
	padding: 10px;
	color: #77533C;
}

.dataGrid-section-container-2 td.dataGrid-sectionImage {
	display: none;
}

.dataGrid-section-container-2 .dataGrid-sectionContent {
	border-left: none;
	padding-top: 20px;
}

.dataGrid-section-container-2 .dataGrid-column-1 {
	text-align: left;
}


/* -- Data Subsections ---------------------------------- */	
.dataGrid-subsection-container {

}

.dataGrid-subsection-container .even {
	background-color: none;
}


/* Ex. Indent all subsections by 20px
.dataGrid-subsection-container { margin-left: 20px;}
*/

.dataGrid-subsection-container-1 {

}

/*.dataGrid-section-container-2 {
width: 410px;
min-height: 300px;
padding: 0;
background-color: #BF6930;
border: 1px solid #9A7964;
text-align: center;
display: inline;
min-height: 300px;
height: auto;
_height: 300px;
}*/

.dataGrid-section-container-2 {}

.dataGrid-section-container-2 #dataGrid-c1r1 img {

	border: 1px solid #9A7964;

}

.dataGrid-subsection-container-3 {}
	
.dataGrid-subsectionTitle {

}

.dataGrid-subsectionDescription {	
}


/* -- Data Tables --------------------------------------- */	
.dataGrid-itemsTable-container {
	text-align: center;
}

.dataGrid-itemsTable {
}

/* Ex. Talk to the itemsTable of the second subsection of the first section */
.dataGrid-section-container-1 .dataGrid-subsection-container-2 .dataGrid-itemsTable {}

.dataGrid-itemsTable th,
.dataGrid-itemsTable td {
}
	
.dataGrid-itemsTable th {
}

.dataGrid-itemsTable td {}

.dataGrid-columnTitle-row {}

.dataGrid-columnTitle-1 {
text-align: center;	}
	
.dataGrid-item-row {} 

/* Ex. Give even numbered item rows a different background */
.dataGrid-item-row.even { background: none; }

.dataGrid-column-1 {
	background-color: #E6A173;
	/*border-top: 7px solid #ffffff;
	border-left: 7px solid #ffffff;
	border-bottom: 7px solid #ffffff;
	background-color:BF6930;*/
}
.dataGrid-column-2 {
	/*border-top: 7px solid #ffffff;
	border-right: 7px solid #ffffff;
	border-bottom: 7px solid #ffffff;
	background-color:E6A173;*/
}

#dataGrid-c1r1 {
}

#dataGrid-c2r1 {
}


/* -- Mouseover row hilite -- */
.dataGrid-item-hiLite {}

/* Ex. Hilite all subsections of the second section a different color
.dataGrid-section-container-2 .dataGrid-item-hiLite { background: #cef; }
*/

/* Ex. Override the hilite background only for the first column
.dataGrid-item-hiLite .dataGrid-column-1 { background: #fff; }
*/


/* -- Go-to-top Links ---------------------------------- */	
.dataGrid-topLink-container {}

/* Ex. Disable go-to-top links for all sections except the third section
.dataGrid-section-container .dataGrid-topLink-container { display: none; }
.dataGrid-section-container-3 .dataGrid-topLink-container { display: block; }
*/

.dataGrid-topLink {
	text-align: right;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
}

.dataGrid-topLink-image a {
	background: url(/img/topLink.gif) center right no-repeat;
	padding-right: 1.66em;
	height: 11px;
}