/* 
	FCS Style Declarations: Screen View
	Created/Compiled by Christopher J. Ford
	(c) 2009, 2010 Ford Computing Services as an aggregated work.
	
	These declarations are designed for optimized viewing 
	in a modern web browser.  This is used for media 
	identifying themselves as "screen" to the browsers.
	
	For reasons of IT Accessibility, see "fcs_print.css", 
	"fcs_mobile.css", "fcs_aural.css", and "fcs_rss.css" 
	for additional media customization.
	
	Last Validated for CSS:  - CSS 2.1, 3.0

	
	Revision History
	01/17/2009	Initial Compilation
*/ 

/* Master Elements - Those affecting site architecture or branding. */

body { 
	font-family: 		Arial, Cambria, TimesNewRoman, sans-serif;
	color: 				#000000;
	margin: 			0px;
	padding:			0px;
	background-color: 	#ffffff;
/*
	background-color: 	transparent;
	background-image: 	url(http://www.firstduty.com/images/temple.jpg);
	background-repeat: 	repeat;
*/
}


/* Page Elements - Those affecting content. */

a:link {
	color: 				#0000CD;
	text-decoration: 	none;
}

a:visited {
	color: 				#880000;
	text-decoration: 	none;
}

a:hover {
	color: 				#006699;
	text-decoration: 	underline;
}

h1, h2, h3, h4, h5, h6, h7, h8 {
	font-family: 		Arial, Tahoma, sans-serif;
	margin: 			0px;
	padding: 			0px 0px 2px 0px;
}

h1 {
	font-family: 		Arial, Verdana, Helvetica, sans-serif;
	font-size: 			125%;
	font-weight: 		bold;
	color: 				#000066; /* #000088; */
}

h2{
	font-size: 			110%;
	font-weight: 		bold;
	color: 				#003399;
}

h3 {
	font-size: 			100%;
	font-weight: 		bold;
	color: 				#334d55;
}

h4 {
	font-size: 			100%;
	font-weight: 		bold;
	color: 				#006699;
	margin-top: 		10px;
}

h5 {
	font-size: 			100%;
	font-weight: 		bold;
	color: 				#334d55;
}

h6 {
	font-size: 			100%;
	text-decoration:	underline;
	color: 				#334d55;
}

h7 {
	font-size: 			100%;
	text-decoration:	underline;
	color: 				#334d55;
}

h8 {
	font-size: 			100%;
	text-decoration:	underline;
	color: 				#334d55;
}

ul {
	list-style-type: 	square;
}

ul ul{
	list-style-type: 	circle;
}

ul ul ul{
	list-style-type: 	square;
	font-size: 			85%;
}

img {
	border-style: 		none;
	margin: 			0px;
	padding: 			0px;
}

div { 
	margin:				0px;
	padding: 			0px;
}


/* Custom Elements */
#MasterHeader { 
	display: 			block;
	position:			relative;
	clear: 				both;
	width: 				auto;
	background: 		url(/images/fcs_banner_bar_1x107.png) repeat-x #ffffff;
	background-color: 	#dedede; 
	margin: 			0px 0px 5px 0px;
	padding:			0px;
	height: 			107px;
/*
	border-width: 		thin;
	border-color: 		#880000;
	border-style: 		solid; 
*/
}

#MasterHeader #Level1 {
	height: 			59px; 
/*
	border-width: 		thin;
	border-color: 		#008800;
	border-style: 		solid; 
*/
}

#MasterHeader #Level1 h1 {
	font-size: 			1px;
	line-height:		0.01em;
	letter-spacing: 	-1em;
	color: 				#3f4c6c;
	margin: 			0px;
	border: 			0px;
	background: 		url(/images/FCS-Banner-00-589x54.png) no-repeat left top;
	height: 			54px;
}

#MasterHeader #Level1 #BBBLogo {
	position: 			absolute;
	top: 				0px;
	right: 				20px;
	padding: 			0em;
	font-size: 			10px;
}

#MasterHeader #Level2 {
	border: 			0px;
	height: 			46px;
	clear: 				both;
/*
	border-bottom: 		1px solid #999999;
	height: 			20px;
	border-width: 		thin;
	border-color: 		#000088;
	border-style: 		solid; 
*/
}

#MasterHeader #Level2 #Tag {
	float: 				left;
	color:  			#000088;
	font-weight: 		bold;
	padding-left: 		70px;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	font-style: 		italic;
	height: 			1em;
/*
	width: 				50%;
	border-width: 		thin;
	border-color: 		#00ff00;
	border-style: 		solid; 
*/
}

#MasterHeader #Level2 p {
	float: 				left;
	color: 				#005500;
	font-weight: 		bold;
	padding-left: 		70px;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	height: 			1em;
	width: 				100%;
	margin: 			0px;
	padding-top: 		0px;
	padding-bottom: 	0px;
	padding-right: 		0px;
/*
	border-width: 		thin;
	border-color: 		#00ff00;
	border-style: 		solid; 
*/
}

#MasterHeader #Level2 h1 {
	padding: 			0px 0px 0px 10px; 
	margin: 			0px;
	vertical-align: 	top;
}

#MasterHeader #Level2 #subline {
	height: 			1em;
	clear: 				both;
	margin: 			4px 0px 0px 0px;
	color: 				#003366;
	padding-left: 		8px;
	line-height: 		22px;
	font-family: 		georgia, serif;
	font-weight: 		bold;
	font-size: 			20px;
	border: 			0px;
	padding-bottom: 	0px;
}

#MasterHeader #Level2 #subline a {
	color: 				#003366;
	text-decoration: 	none;
}

#MasterHeader #Level2 #subline a:hover, #banner #subline a:focus {
	color: 				#003366;
	text-decoration: 	none;
}

#MasterHeader #LevelA {
	clear: 				both;
	margin: 			1px;
	border-bottom: 		solid 1px #000000;
/*
	border-bottom: 		solid 1px #999999;
*/
}

#MasterHeader #SkipNavigation {
	position: 			absolute;
	top: 				2px;
	right: 				2px;
	padding: 			0.4em 0.2em 0em 0em;
	font-size: 			10px;
}

#MasterHeader #SkipNavigation a {
	color: 				#0000CC; /*#3f4c6c;*/
}

#MasterFooter { 
	display: 			block;
	position:			relative;
	clear: 				both;
	width: 				auto;
	min-height:			40px;
	margin: 			5px 0px 0px 0px;
	padding:			5px 0px 2px 0px;
	left: 				0;
/*
	text-align: 		center;
	border-width: 		thin;
	border-color: 		#880000;
	border-style: 		solid; */
}

#MasterFooter p {
	clear: 				both;
	font-size: 			75%;
	padding: 			0px 2px 0px 2px;
	margin: 			0px;
}

#MasterFooter #LevelA {
	clear: 				both;
	margin: 			0px;
	border-bottom: 		solid 1px #999999;
}

#MasterFooter #Contact {
	clear: 				both;
	font-size: 			75%;
	float: 				left;
	padding: 			0px 2px 0px 2px;
	margin: 			0px 0px 0px 0px;
/*
	font-size: 			75%;
	float: 				left;
	padding-right: 		3px;
*/
}

#MasterFooter #RevisedDate {
	clear: 				both;
	font-size: 			75%;
	float: 				left;
	padding: 			0px 2px 0px 2px;
	margin: 			0px 0px 0px 0px;
}

#SiteMapNavigation {
	clear: 				both;
	border-left: 		solid 1px #999999;
	padding: 			0px 0px 0px 0px;
	clear: 				both;
	float: 				left;
}

#SiteMapNavigation ul {
	margin: 			0px;
	padding: 			0px;
}

#SiteMapNavigation li {
	font-size: 			75%;
	list-style: 		none;
	border-right: 		solid 1px #999999;
	float: 				left;
	padding: 			0px 2px 0px 2px;
	margin: 			0px 0px 0px 0px;
}

#SiteMapNavigation a {
	display: 			inline;
/*
	font-size: 			75%;
*/
}

#MasterContainer {
    margin:             0;
    padding:            0;
	min-height:			30em;
	width: 				auto;
/*	
	width: 				100%;
	border-width: 		thin;
	border-color: 		#000088;
	border-style: 		solid; 
*/
}

#PageContainer { 
	position:			relative;
	width: 				auto;
	min-height:			20em;
	margin: 			0px;
	padding:			0px 3px 0px 3px;
	overflow: 			hidden;
/*	border-width: 		thin;
	border-color: 		#008800;
	border-style: 		solid; */
}

#FCSHome {
	background-color: 	#ffffff;
}

#FCSGLHome {
	background-color: 	#f0ffff; /*#ffffff; #225685; #003463; #A0522D;*/
}

#NavBarLocal { 
	display:  			inline-block;
	min-height:			20em;
	height:				auto;
	margin: 			1em 0em 0em 0em;
	width: 				19%;
	float: 				left;
/*
	height: 			100%;
	border-width: 		thin;
	border-color: 		#00cccc;
	border-style: 		solid; 
*/
}

#NavBarGlobal { 
	display: 			inline-block;
	min-height:			20em;
	height:				auto;
	margin: 			1em 0em 0em 0em;
	float: 				left;
	width: 				19%;
/*
	height: 			100%;
	border-width: 		thin;
	border-color: 		#00cccc;
	border-style: 		solid; 
*/
}

#PageContent { 
	display: 			inline-block;
	width: 				76%;
	min-height:			20em;
	height:				auto;
	margin: 			1em 0em 0em 0em;
	padding: 			0em 1em 0em 1em;
	float: 				left;
/*
	width: 				57%;
	width: 				59%;
	border-width: 		thin;
	border-color: 		#00cccc;
	border-style: 		solid; 
*/
}

#SiteMapFooter {
	font-size: 			80%;
}

.ScreenReaderHidden {
	display: 			none;
	visibility: 		hidden;
}

.NavList { 
	margin: 			0em 0em 1em 0em;
	padding:			0em 1em 1em 1em;
	background-color: 	transparent;
	font-size: 			80%;
/*
	background-color: 	#ffffff;
	border-width: 		thin;
	border-color: 		#880000;
	border-style: 		solid; */
}

.NavList p {
	margin-top: 		0em;
	margin-bottom: 		0em;
}

.NavList ul {
	margin-top: 		0em;
	margin-bottom: 		0em;
	list-style-type: 	none;
	margin-left: 		0em;
	padding-left: 		0em;
}

.NavList li {
	margin-left: 		0em;
}

.NavList a:hover {
	font-size: 			larger;
}

.NavListi { 
	display: 			none;
	margin: 			0em 0em 1em 0em;
	padding:			0em 1em 1em 1em;
	font-size: 			80%;
/*
	border-width: 		thin;
	border-color: 		#880000;
	border-style: 		solid;
*/
}

.NavListi p {
	margin-top: 		0em;
	margin-bottom: 		0em;
}

.NavListi ul {
	margin-top: 		0em;
	margin-bottom: 		0em;
	list-style-type: 	none;
	margin-left: 		1em;
}

.Clear {
    clear: 				both;
    display: 			block;
    height: 			0px;
    overflow: 			hidden;
    margin: 			0px;
    padding: 			0px;
} 

.MenuHeader {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			100%;
	font-weight: 		bold;
	color: 				#000088;
}

.BreadCrumb {
	font-size: 			80%;
	margin: 			0px;
	padding: 			2px;
	text-align: 		center;
/*
	text-align: 		center;
*/
}

.PageDate {
	font-size: 			80%;
	margin: 			0px;
	padding: 			0px;
	text-align: 		left;
	clear: 				both;
}

.Profile01 {
	margin: 			2em 0 2em 0;
/*	border-width: 		thin;
	border-color: 		#880000;
	border-style: 		solid; */
}

.Profile01 p {
	margin-top: 		0em; 
	margin-bottom: 		0em;
}

.Profile01 img {
	float: 				left;
	margin: 			0em 1em 0em 0em; 
}

.Profile01 label {
	font-weight: 		bold;
}

.Centered {
	text-align: 		center;
}

.Emphasize {
	font-style:			italic;
}

.Strong {
	font-weight:		bold;
}

.Justified {
	text-align: 		justify;
}

.Slogan {
	font-style:			italic;
	color: 				#000088;
	font-weight: 		bold;
	padding: 			0em 1em 0em 1em;
	font-size: 			85%;
}

.Spacer {
	font-size: 			1em;
	margin: 			0em 0em 0em 0em;
	padding: 			0em 0em 0em 0em;
    clear: 				left;
}

.Echo {
	text-align: 		left;
	font-size: 			80%;
	margin: 			0 auto 1em auto;
}

.Alert {
	font-weight: 		bolder;
	color: 				#009900;
}

.Required {
	font-weight: 		bold;
	color: 				#cc0000;
	font-size: 			larger;
}

.Warning {
	font-weight: 		bolder;
	color: 				#990000;
}

.MainList {
	margin: 			0em 0em 0em 0em;
/*	border-width: 		thin;
	border-color: 		#880000;
	border-style: 		solid; */
}

.MainList ul {
	margin-top: 		1em;
	margin-bottom: 		0em;
	list-style-type: 	none;
	margin-left: 		0em;
}

.MainList li {
	margin-bottom: 		1em;
}

.MainList ul ul {
	margin-left: 		2em;
	font-size: 			85%;
}

.Compressed {
	margin-top: 		0em;
	margin-bottom: 		0em;
}

.LinkList {
	margin: 			0em 0em 0em 0em;
/*	border-width: 		thin;
	border-color: 		#880000;
	border-style: 		solid; */
}

.LinkList ul {
	margin-top: 		1em;
	margin-bottom: 		0em;
	list-style-type: 	none;
	margin-left: 		0em;
	padding-left: 		0em;
}

.LinkList li {
	margin-bottom: 		1em;
}

.LinkList ul ul {
	margin-left: 		1.5em;
	font-size: 			85%;
}

.ItemList {
	margin: 			0em 0em 0em 0em;
}

.ItemList ol {
	list-style-type: 	decimal;
}

.ItemList ul {
	margin-top: 		0em;
	margin-bottom: 		0em;
	margin-left: 		0em;
}

.ItemList li {
	margin-bottom: 		0.2em;
}

.ItemList ul ul {
	margin-left: 		1.5em;
	font-size: 			85%;
}

.Description {
	display: 			block;
	text-align: 		justify;
	margin: 			0em 2em 0em 2em;
	font-size: 			80%;
}

.Title {
	font-size: 			100%;
	font-weight: 		bold;
	color: 				#000088;
}

.PageComment {
	display: 			block;
	text-align: 		justify;
	margin: 			1em 0em 1em 0em;
	font-size: 			80%;
}

.SiteMapListing {
	list-style-type: 	none;
	margin-left: 		2em;
}

.SiteMapListing li {
	margin-top: 		0.5em;
}

.ListRoman {
	list-style-type: 	lower-roman;
}

div .Column-1 { 
	position:			relative;
	display: 			inline-block;
	float: 				left;
	width: 				85%;
	margin: 			0px;
	padding:			0px 3px 0px 3px;
	overflow: 			hidden;
	padding:			0% 0.5% 0% 0.5%;
/*
	border-width: 		thick;
	border-color: 		#00ff00;
	border-style: 		double; 
*/
}

div .Column-2 { 
	position:			relative;
	display: 			inline-block;
	float: 				left;
	width: 				45%;
	margin: 			0px;
	padding:			0px 3px 0px 3px;
	overflow: 			hidden;
	padding:			0% 0.5% 0% 0.5%;
/*
	border-width: 		thick;
	border-color: 		#00ff00;
	border-style: 		double; 
*/
}

div .Column-3 { 
	position:			relative;
	display: 			inline-block;
	float: 				left;
	width: 				32%;
	margin: 			0px;
	padding:			0px 3px 0px 3px;
	overflow: 			hidden;
	padding:			0% 0.5% 0% 0.5%;
/*
	border-width: 		thick;
	border-color: 		#00ff00;
	border-style: 		double; 
*/
}

div .Column-4 { 
	position:			relative;
	display: 			inline-block;
	float: 				left;
	width: 				22%;
	margin: 			0px;
	padding:			0px 3px 0px 3px;
	overflow: 			hidden;
	padding:			0% 0.5% 0% 0.5%;
/*
	border-width: 		thick;
	border-color: 		#00ff00;
	border-style: 		double; 
*/
}

#FCSFees {
	width: 				100%;
	background-color: 	#FFFFFF;
}

#FCSFees td {
	font-size: 			75%;
}

#BBBSeal {
	position: 			absolute;
	top: 				34px;
	right: 				0px; 
}

#google_translate_element {
	position: 			absolute;
	top: 				75px;
	right: 				0px; 
	margin: 			0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	background-color: 	transparent;
	font-size: 			80%;
/*
	top: 				60px;
	right: 				200px; 
*/
}

#google_translate_element input {
	font-size: 			80%;
}