@charset "utf-8";
body  {
	margin: 0px 0;
	padding: 0;
	color: #000000;
	background-image: url(images/bg_coat8aa_repeat.jpg);
	background-repeat: repeat-y;
	background-color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #996600;
	text-align: left;
}

.twoColFixRtHdr #container {
	width: 970px;
	margin: 0px;
	border: 0px solid #000000;
	text-align: left;
	overflow: visible;
	background-image: url(images/bg_coat8aa.jpg);
	background-repeat: no-repeat;
	height: 750px;
	padding: 0px 0px 0px 0px;
} 
.twoColFixRtHdr #header {
	padding: 20px 7px 0 20px;
	height: 200px;
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	visibility: hidden;
	font-size: 1px;
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 131px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
	top: 0px;
}
.twoColFixRtHdr #menu {
	font-family: Arial Narrow;
	font-size: 1em;
	line-height: 0.7em;
	font-weight: bold;
	color: #86572B;
	text-align: left;
	border: solid #000 0px;
	margin: 0px 0px 10px 0px;
}
.twoColFixRtHdr #menu a {
	color: #663300;
}
.twoColFixRtHdr #menu a:hover a:active {
	color: #339900;
}

.twoColFixRtHdr #mainContent {
	margin: 0px 0px 0px 95px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	color: #003300;
	width: 665px;
	border: solid #000 0px;
} 
.twoColFixRtHdr #footer {
	padding: 0 10px 0 20px;
	color: #F8EECA;
	width: 900px;
	line-height: 1.2em;
} 

.twoColFixRtHdr #link {
	padding: 0 10px 0 20px;
	color: #F8EECA;
	width: 700px;
	line-height: 1.2em;
	margin: 0px 0px 0px 0px;
} 
.twoColFixRtHdr #foot {
	padding: 0px 0px 0px 0px;
	color: #F8EECA;
	width: 675px;
	line-height: 1.2em;
	margin: 0px 0px 0px 0px;
}

.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	line-height: 1.2em;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.twoColFixRtHdr  #footer  a:link {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #FAF4DC;
	text-decoration: none;

	color: #003300;
	width: 550px;
}

.twoColFixRtHdr   #footer   a:hover a:active {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #FAF4DC;
	text-decoration: underline;
}


.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 0.1em;
	line-height: 0px;
}

@charset "utf-8";
/* CSS Document */




a:link {
	color: #663300;
	text-decoration: none;
	margin: 0 0 0 0;
	border: 0 0 0 0;
	border-style: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
	margin: 0 0 0 0;
	border: 0 0 0 0;
	border-style: none;
}
a:hover {
	text-decoration: underline;
	color: #CC3300;
	margin: 0 0 0 0;
	border: 0 0 0 0;
	border-style: none;
}
a:active {
	text-decoration: none;
	color: #CC3300;
	margin: 0 0 0 0;
	border: 0 0 0 0;
	border-style: none;
}
img {
	border: 0 0 0 0;
	border-style: none;
}

h1 {
	font-size: 1.2em;
	color: #663300;
	letter-spacing: 0.1em;
}
.tdbgwhite {
	background-color: #FFFFFF;
}
.tdbgtan {
	background-color: #CDCD9B;
}

h2 {
	font-size: 1.1em;
	color: #CC0000;
	letter-spacing: 0.125em;
}


h3 {
	font-size: 1em;
	color: #78601F;
}
h4 {
	font-size: 0.9em;
	color: #0000FF;
}
h5 {
	font-size: 0.8em;
	color: #0000FF;
}
h6 {
	font-size: 3em;
	letter-spacing: 0.4em;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #663300;
	letter-spacing: 0.1em;
	line-height: 1.2em;
	z-index: 100;
}

.linkheader {
	font: bolder 1.1em Georgia, "Times New Roman", Times, serif;
	color: #FFFFCC;
	background: #996633;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	margin: -7px;
	padding: 6px;
	height: 25px;
	width: 94%;
	border-style: solid;
	border-color: #333300;
	border: 1px;
}
.textsmalltan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.1em;
	font-weight: lighter;
	color:#E3C69E
}
p {
	line-height: 1 ems;
}
.yellowhighlight {
	background: #FFFF66;
}


.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 685px;
	z-index: 1;
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
.TabbedPanelsTab {
	position: relative;
	top: 0px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.825em sans-serif;
	background-color: #EEDCB0;
	list-style: none;
	border-left: solid 1px #A37632;
	border-bottom: solid 1px #664A20;
	border-top: solid 1px #A37632;
	border-right: solid 1px #664A20;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	width: 34px;
	z-index: 50;
}
.TabbedPanelsTabHover {
	background-color: #FFFFFF;
}
.TabbedPanelsTabSelected {
	background-color: #DCA46B;
	border-bottom: 1px solid #EEE;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
	width: 680px;
}
.TabbedPanelsContent {
	padding: 4px;
	background-color: #FFFFCC;
	width: 670px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 680px;
	height: 20em;
}

@charset "UTF-8";

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-color: #999966;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 7px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #FFFFCC;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 300px;
	background-color: #FFFFCC;
	color: #663300;
	font-size: 0.9em;
}
.AccordionPanelContent_contact {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-color: #FFFFCC;
	color: #663300;
	font-size: 0.9em;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #663300;
	font-weight: bolder;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #FFFFCC;
	font-weight: bolder;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #FFFFCC;
	font-weight: bolder;

}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {

}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

}
.fltrt_give {
	font-family: "Arial Narrow";
	color: #663300;
	width: 115px;
	float: left;
	background-color: #ffffcc;
	border: 2px solid #999966;
	line-height: 1.5em;
	margin: 0px 24px 1px 0px;
	padding: 1px 4px 1px 4px;
	font-size: 1em;
}
.fltrt_give a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	font-weight: bold;
	font-style: italic;
	font-size: 0.8em;
	line-height: 1.3em;
}

/* tooltip */
.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 1.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #ffffcc; border: 1px solid #000; color:#000; text-align:justify;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }