@charset "utf-8";
body {
	font: 100% sans-serif, Verdana, Arial, Helvetica;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 934px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	width: 934px;
	background: #ffffff; 
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #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 */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding:  0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#653F72;
}
.oneColFixCtrHdr #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 */
}

.style2 {
	font-family: Sans Serif, Verdana, Helevetica;
	font-size: 16px;
	font-weight: bold;
	color: #254171;
}

.style3 {
	font-size: 10px;
	font-weight:bold;
	font-family: Sans Serif, Verdana, Helevetica;
	color: #ffffff;
	}
.style3a {
	font-size: 12px;
	font-weight:bold;
	font-family: Sans Serif, Verdana, Helevetica;
	color: #ffffff;
}

.style5 {font-size: 10px}

.style6 {
	font-size: 10px;
	font-weight: bold;
	text-align:left;
	line-height:12px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #E78A3C;
	font-family: Sans Serif, Verdana, Helevetica;
	
}
.style6a {
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	line-height:12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #E78A3C;
	font-family: Sans Serif, Verdana, Helevetica;
	
}


.style7 {
	font-size: 14px;
	font-family: Sans Serif, Verdana, Helevetica;
	font-weight: bold;
}

.style8 {
	color: #E78A3D;
	font-size: 12px;}

.style17 {
	font-size: 11px;
	color: #653F72;
	font-weight: normal;
	font-family: Sans Serif, Verdana, Helevetica;

}

.style19 {color: #E78A3D; font-family: Sans Serif, Verdana, Helevetica; }

p{ line-height: 13pt }


a:link {
	color: #254171;
	text-decoration: underline;
}

a:visited {
  color: #E78A3C;
}


a:hover {
	text-decoration: none;
}

a:active {
	color: #E78A3C;
}

a.hidden {
  color: #000000;

}

a.hidden:visited {
  color: #000000;
}

a.hidden:hover {
	color: #0000CC;
}

a.hidden:active {
  color: #000000;
}

/* Container Definitions */

		.leftColumnContainer {
			position: absolute;
			width: 200px;
			top: 1px; 
			left: 1px;
			background: #ffffff;
		}

/* Left Menu Definitions */

		.leftMenu {
			width: 200px;
			border: 0px;
		}

		.leftMenuHeader {
			font: bold 10pt Georgia;
			color: #E78A3C;
			text-decoration: none;
		}


		.leftMenuHeader a {
			font: bold 10pt Georgia;
			color: #E78A3C;
			text-decoration: none;
		
		}



		.leftMenuHeaderOver {
			cursor: hand;
			font: bold 10pt Georgia;
			color:#FFFFFF;
			text-decoration: none;
		}

		

		.leftMenuHeaderOver a {
			background: #FFFFFF;
			font: bold 10pt Georgia;
			color: #E78A3C;
			text-decoration: underline;
		}

		.leftMenuSubmenu {
			width: 200px;
			padding-bottom: 10px;
			padding-right: 0px;
			font: 10pt Georgia;
		}

		
		.leftMenuSubmenuMenuStateOpen {
			list-style-image:   url(menuopen.gif);
		}
		

		.leftMenuSubmenuMenuStateClosed {
			list-style-image:   url(menuclosed.gif);
		}

		
		.l3 {
			list-style-image:   url(dash.gif);
			padding-bottom: 0px;
		}

		.leftMenuSubmenu ul {
			padding-left: 15px;
			margin-left: 0px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			margin-top: 0px;
			line-height: 16px;

		}

				

		.leftMenuSubmenu a:link, .leftMenuSubmenu a:visited, .leftMenuSubmenu a:active {
			font: 8pt Georgia;
			color: white;
			text-decoration: none;
		}



		.leftMenuSubmenu a:focus {
			font: 8pt Georgia;
			color: #FFCC00;
			text-decoration: none;
		}		


		.leftMenuSubmenu a:hover {
			font: 8pt Georgia;
			color: #FFFFCC;
			text-decoration: underline;

		}

li { 

	list-style-position: outside; 
	font-family: Georgia, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #663366; 
	padding-left: 5px; 
	line-height: 14px; 

} 

ol { 

list-style-position: outside; 
font-family: Georgia, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #663366; 
padding-left: 3px; 
line-height: 14px; 

} 
/* TABS */
/* **********************************************/*

#tabs{
	
}

.block_with_image_and_tabpanel_2 {
 padding-bottom:0px;
 max-width:100%;
 top:0px;
 left:-2px;
 height:8em; /* Needed if there is no image to hold the container open. Adjust this depending on the height of your tabpanel */
 width:100%;
 position:relative; /* Make this the containing block */
}


#tabpanel_container {
 padding:0px 0px 0 0;
 margin:0 0 0 0px;
}


#tab_list {
 padding: 0;
 position:relative; /* Makes this the containing block */
 /*white-space: nowrap;*/
 display:block;
 z-index:10;
 width:99%;
}

#tab_list ul {
 position: absolute; /* Needed for IE 5.x */
 margin: 0;
 z-index:1;
 padding: 0;
 width:99%;
}
#tab_list ul#tab_ul {
 height: 55px;
}

li#tabpanel_1, li#tabpanel_2, li#tabpanel_3, li#tabpanel_4, li#tabpanel_5{
 background: #663333 url(tabpanel_tabs.gif) no-repeat -60px  ; /* normal tabs */
 border-right: solid 1px #000000;
 margin: 0;
 float: left;
 display: inline;
 padding: 0;
}

#tab_list a.tab_link {
 z-index:10;
 position:relative;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 padding:8px 12px 0px 12px; /* Adjust left and right padding to adjust width of the tabs */
 display: block; /* Needed for Opera */
 float:left; /* Needed for IE, breaks Opera */
 background: transparent url(tabpanel_tabs.gif) -60px 100% no-repeat;

 height:20px; /* Needed for IE 5.x broken box */

 voice-family:"\"}\"";
 voice-family:inherit;
 height:22px; /* 30 - 8, for non-broken browsers */
}

html[xmlns] #tab_list a.tab_link {
 float:none; /* Needed for Opera, breaks IE 6. Hack hides this from IE 6 */
}

#tab_list a:hover {
 text-decoration: underline;
}

#tabpanel #tab_list li {
 list-style-type: none;
 list-style-image: none;
}

#tab_list ul ul {
 position:absolute;
 top:29px;
 left:0px;
 display:none;
 z-index:-10;
 /*border:1px solid #663333;  dark blue */
 padding:12px 0px 2px 2px;
 /*background:#c84b13;  Light blue */
 background: url(background_gradient.jpg) repeat-x;
 height:10em;
}

#tabpanel #tab_list ul ul li {
 float: left;
 width:98%;
}

#tabpanel #tab_list ul ul li a {
 float:none;
 height:auto;
 margin:0 0 0 24px;
}

#tabpanel_2 #tab_list ul ul li {
 float: left;
/* width:48%;*/
 background:transparent url(bullet_black.gif) 6px .3em no-repeat;
}

#tabpanel_2 #tab_list li {
 list-style-type: none;
 list-style-image: none;
}

#tabpanel_2 #tab_list ul ul li a {
 float:none;
 height:auto;
 margin:0 0 0 24px;
}

.list_decorative_dark_2 a {
    text-decoration: none;
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999999;
}

#tab_list ul li.tabpanel_default ul, #tab_list ul li:hover ul {
 display:block;
}

#tab_list li.tabpanel_default a.tab_link, #tab_list li:hover a.tab_link {
 background: transparent url(tabpanel_tabs.gif) top right no-repeat;
 color:#000;
 text-decoration: none;
}
#tab_list li.tabpanel_default, #tabpanel_1:hover, #tabpanel_2:hover, #tabpanel_3:hover, #tabpanel_4:hover, #tabpanel_5:hover{
 background: #ffffff url(tabpanel_tabs.gif) top left no-repeat; /* Hovered tab background */
}

#tabpanel #tab_list li a.tab_link:hover { /* Needed for IE */
 text-decoration: none;
}

#tabpanel #tab_list a:hover, #tabpanel #tab_list li.tabpanel_default ul a:hover {
 text-decoration:underline;
}

#tabpanel ul ul a:hover {
 background:transparent;
}

.block_with_image_and_tabpanel .list_decorative_dark a:hover {
 background:transparent; /* Fixes problem in IE (dotted line disappears) */
}