/*
==================================================================================
Stylesheet: style.css

Description:
 This file serves as the default style sheet for all pages in the site.
==================================================================================
*/



/*------------------------------
	default font settings
*/	
body, div, p, blockquote, ol, ul, dl, li, dt, dd, td {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

ul, ol {
    line-height: 17px;}

/*------------------------------
	general styles
*/	
body {
	background-color : #A2A088;
	margin : 10px;
}

a {
	color : #000;
	text-decoration : underline;
}



/*------------------------------
	header styles
*/	
.clsHeader {
	background-color : #EEEED8;
	border : 1px solid #000;
}



/*------------------------------
	navigation styles
*/	
.clsTabs td {
	background-color : #000;
	border-left : 1px solid #000;
}

.clsTab, .clsSelectedTab {
	background-color : #977451;
	border-top : 1px solid #B0957B;
	border-left : 1px solid #B0957B;
	border-right : 1px solid #6C533A;
	border-bottom : 1px solid #6C533A;	
	color : #fff;
	display : block;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;	
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

.clsTab:hover, .clsSelectedTab {
	background-color : #666632;
	color: #ffffff;
	border-top : 1px solid #8B8B63;
	border-left : 1px solid #8B8B63;	
	border-right : 1px solid #494924;
	border-bottom : 1px solid #494924;	
	text-decoration : none;
}

.clsSelectedTab {
	color : #fff;
}

table.clsSideTabs {
	border-top : 1px solid #000;
	border-right : 1px solid #000;
	border-left : 1px solid #000;		
}

table.clsSideTabs td {
	border-bottom : 1px solid #000;
}




/*------------------------------
	content styles
*/	
table.clsContent td, table.clsContentWide td {
	padding : 20px 25px 30px 25px; 
}


td.clsContent td, td.clsContent th, td.clsContentWide td, td.clsContentWide th {
	padding : 0px; 
	
}

td.clsContent, td.clsContentWide, td.clsContent2 {
	background-color : #EEEED8;
	background-repeat : no-repeat;	
	border-top : 1px solid #000;
	border-left : 1px solid #000;	
	border-right : 1px solid #000	
}

td.clsContent p {	
	width : 354px;
}

td.clsContentWide p {	
	width : 100%;
}

.clsBreadcrumb {
	margin-bottom : 25px;
}

.clsBreadcrumb, .clsBreadcrumb a {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color : #977451;
}

.clsBreadcrumb a {
	font-weight : normal;
}

.clsHeading, .clsSubHeading, .clsFieldLabel, .clsFieldLabela {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
}

table.clsContent .clsHeading, table.clsContentWide {
	color : #977451;
	font-size : 19px;
}

table.clsContent .clsSubHeading, table.clsContentWide {
	color : #977451;
	font-size : 12px;
}

table.clsContent .clsFieldLabel, table.clsContentWide {
	font-size : 12px;
	padding : 4px 7px 4px 4px;
	text-align : right;
}

table.clsContent .clsFieldLabela {
	font-size : 12px;
	background-color:#d5c7b9;
	padding : 4px 7px 4px 4px;
	text-align : right;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

table.clsContent .clsField {
	font-size : 12px;
	padding : 4px 20px 4px 4px;
	background-color:#d5c7b9;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

table.clsContent .clsDescription, table.clsContentWide {
	margin-top : 5px;
	margin-bottom : 5px;
}


/* 
Note: the following id's are used in pages that require 
a unique background image in the content area of the page
*/
#idContentSelectedTexts {
	background-image : url('/images/bg_selectedtexts2.jpg');
}

#idContentHome {
	background-image : url('/images/bg_selectedtexts.jpg');
}

/*------------------------------
	search results table styles
*/	
table.clsSearchResults {
	background-color : #977451;
}

table.clsSearchResults td {
	background-color : #EEEED8;
	padding : 2px 10px 2px 10px;
	vertical-align : top;
}

table.clsSearchResults th {
	color : #000;
	background-color : #BBB59A;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding : 4px 10px 4px 10px;
	text-align : left;
}



/*------------------------------
	form element styles
*/	
form {
	margin : 0px;
	padding : 0px;
}

input, select, option, textarea, .clsTextBox, .clsDropDown, .clsButton {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

.clsTextBox, .clsDropDown {
	margin : 4px 0px 4px 0px;
	width : 200px;
}

.clsSmallTextBox {
	margin : 4px 0px 3px 0px;
	width : 140px;
}

.clsButton {
	background-color : #977451;
	border-top : 1px solid #B0957B;
	border-left : 1px solid #B0957B;
	border-right : 1px solid #6C533A;
	border-bottom : 1px solid #6C533A;	
	color : #fff;
	padding : 0px 10px 0px 10px;
	margin-bottom: 4px;
}



/*------------------------------
	footer styles
*/	
table.clsFooter {
	background-color : #977451;
	border-left : 1px solid #000;	
	border-right : 1px solid #000;
	border-bottom : 1px solid #000;
	
}

table.clsFooter td {
	padding : 5px 10px 5px 10px;
}

.clsFooter, .clsFooter a {
	color : #EEEED8;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-decoration : none;
}

.clsFooter a:hover {
	text-decoration : underline;
}