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


/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	line-height: 150%;
	font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif, "Trebuchet MS";
}
a img {
	
	border: 0;
	outline: 0;
	
}
body {
	background-color: #ECECEC;
	color: #2a2d2e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.25em;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	line-height: 1em;

}
#content h1  {
	 
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 0.25em;
}
#leftColumn1 h1  {
	 
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 0.25em;
}
#content h2 {
	font-size: 2.2em;
	font-weight: normal;
	line-height:1em;
	margin-bottom: 0.25em;
	
}
#leftColumn1 h2 {
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 0.25em;
	
}


#content h3 {
	font-size: 1.5em;
    font-weight: normal;
	 line-height:1.25em;
	margin-bottom: 0.25em;

}
#leftColumn1 h3 {
	font-size: 1.5em;
    font-weight: normal;
	  line-height:1.25em;
	margin-bottom: 0.25em;
}

#content h4 {
	font-size: 1.4em;
	font-weight: normal;
	 
	margin-bottom: 0.25em;
	
}

#leftColumn1 h4 {
	font-size: 1.4em;
	font-weight: normal;
 
	margin-bottom: 0.25em;
}
#content h5 {
	font-size: 1.3em;
	font-weight: normal;
	 
	margin-bottom: 0.25em;
	
}

#leftColumn1 h5 {
	font-size: 1.3em;
	font-weight: normal;
	 
	margin-bottom: 0.25em;
}
#content h6 {
	font-size: 1.3em;
	font-weight: normal;
	 
	margin-bottom: 0.25em;
	
}

#leftColumn1 h6 {
	font-size: 1.3em;
	font-weight: normal;
	 
	margin-bottom: 0.25em;
}




#navPrimary  h3 {
	font-size: 1.75em;
	margin: 0px 1.25em 15px 0px;
	padding: 0px;
	line-height: 1em;
	font-weight: normal;
}

p {
	margin: 0em 0em .25em 0em;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
}

.intro {
font-size: 1.25em;
line-height: 1em;

}



#navPrimary ul li a,  a:link {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#navPrimary a:visited {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#navPrimary a:hover {
	color: #F5D353;
	text-decoration: none;
}
#navPrimary a:focus {
	color: #FFFFFF;
}
#navPrimary a:active {
  color: #FFFFFF;
}


#outerWrapper {
	margin: 20px auto 0 auto;
	text-align: left;
	width: 900px;
	background-color: #CCCCCC;
}
#outerWrapper #header {
	border-style: none;
	font-size: 18px;
	font-weight: bold;
	height: 173px;
	line-height: 15px;
	margin: 0px;
	padding: 20px 25px 19px 25px;
	width: 850px;
	background-color: #FFFFFF;
}
#outerWrapper #navPrimary {
	border-style: none;
	height: 60px;
	margin: 0px 25px 18px 25px;
	padding: 10px 10px 10px 10px;
	width: 830px;
	color: #FFFFFF;
	background-color: #666666;
	display: block;
	clear: both;
}
#outerWrapper #navPrimaryWrapper {
	border-style: none;
	padding: 0px 0px 0px px;
	display: block;
	clear: both;
	background-color: #FFFFFF;
	width: 100%;
	height: 98px;
}
#outerWrapper #contentWrapper {
	background-position: 0 0;
	background-repeat: repeat-y;
}
#outerWrapper #contentWrapper #leftColumn1 {
	border-style: none;
	float: left;
	margin: 0px 0px 0px 25px;
	padding: 10px 0px 0px 0px;
	width: 245px;
	display: inline;
}
#outerWrapper #contentWrapper #content {
	margin: 0px 0px 0px 310px;
	padding: 10px 20px 10px 0px;
	width: 530px;
}
.small {
	font-size: .9em;
	line-height: .9em;
}

#outerWrapper #contentWrapper .clearFloat {
	clear: left;
	display: block;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}
#outerWrapper #footer {
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	height: 15px;
}


.article {
	margin: 0em 0em 0.75em 0px;
	padding: 0em 0px 0em 10px;
	width: 100%;
}
.square1 {
	height: 1.5em;
	width: 1.5em;
	display: inline-block;
	float: left;
	line-height: 1.5em;
	margin: 0px 1.25em 15px 0px;
}



#outerWrapper #contentWrapper #content .article img {
	margin: 5px 0px 3px 0px;
	border:none;
}




.boxwrapper {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 102%;
}

.box1{
	width: 27%;
}
.box2{
	width: 45%;
	margin: 5px 10px 5px 0px;
	padding: 8px;
}
.box3{
	width: 28%;
	margin: 0.5em 10px 0px 0px;
	padding: 8px;
}
.box2last{
	width: 45%;
	margin: .5em 0px 0px 0px;
	padding: 8px 8px 8px 8px;
}
.box3last{
	width: 28%;
	margin: 0.5em 0px 0px;
	padding: 8px;
	border:none
}
.box1,.box2,.box3,.box2last,.box3last{
	 
	border: 3px solid #FFFFFF;
	position: inherit;
	float: left;
	
}
 
#outerWrapper #contentWrapper #content .article .box3 img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
}
 
#content .article .boxwrapper .box1 img {
	height: 74px;
	width: 144px;
	margin-bottom: 5px;
	border:none;
}


#content .article .boxwrapper .box2 img,.box2last img {
	height: 76px;
	width: 100px;
	display:block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
}

#outerWrapper #contentWrapper #content .article .boxwrapper .box3 img,#outerWrapper #contentWrapper #content .article .boxwrapper .box3last img {
	height: 76px;
	width: 100px;
	display:block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
}



</style>
[if IE 5]>
<style type="text/css"> 
/* IE 5 does not use the standard box model, so the column widths are overidden to render the page correctly. */
#outerWrapper #contentWrapper #leftColumn1 {
  width: 285px;
}
</style>
<![endif]
[if IE]>
<style type="text/css"> 
/* The proprietary zoom property gives IE the hasLayout property which addresses several bugs. */
#outerWrapper #contentWrapper #content {
  zoom: 1;
}
</style>
<![endif]
 li {
	margin-left: 0px;
	padding-left: 10px;
	list-style: disc;
}
 ul,ol {
 
 font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	padding-left: 1.5em;
	 
}
/* MENU *********************************/

/*
Container for the menu. We set top and bottom borders only because the menu container
stretches the entire window width. Note that this container can go inside a fixed width
element that is centered on the page, if you so desire. It can even go inside a table cell.
It carries a background image for aesthetics.
*/
 
#navPrimary  ul {
	margin: 0px;
	padding: 0px;
}

#navPrimary ul { /* all lists */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

#navPrimary a {
	display: block;
	width: auto;
	margin: 0px .5em 0px 0em;
}


#navPrimary li  { /* all list items */
	float: left;
	position: relative;
	line-height: 2em;
	width: auto;
	padding: 0px .5em 0px 0em;
	
	margin: 0px .7em 0px 0em;
	z-index: 10;
	background-color: #666666;/* change to see where menues are  */
	border-right: 1px solid #999999;
}
 

#navPrimary li ul { /* second-level lists */
 
	padding: 0px 0px 0px 1em;
	margin: 0px 0px 0px 0px;
	position: absolute;
	text-indent:0em;/* sub menu indent a b c add these  */
	line-height: 2em;
	top: 2em;
	left: -999em;
	 width: 15 em;/* a b c add these  */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	/* background-color:#333333;*/
}
#navPrimary li ul { /* second-level lists */

z-index: 100;
}

#navPrimary  li:hover ul,#navPrimary li a:hover ul, #navPrimary li.sfhover ul { /* lists nested under hovered list items */
	padding: 0px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
	left: auto;
	display: block;

	  }
	  
	  
#navPrimary li ul * { /* lists nested under hovered list items */
		
	width: 15em;/* a b c add these  */
 	 display: block;
	/*  background-color:#666666;*/
	clear: both;
		border-right: 0px none #666666;
		padding: 0px 5px 0px .5em;
		margin: 0px 0px 0px -.5em;
	  
	  }




/**********************************/
.smallcaps {
	font-size: 75%;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline;
}
#outerWrapper #contentWrapper #content .article ul {
	margin-top: 0em;
}
#outerWrapper #contentWrapper #content .article ol {
	margin-top: 0em;
}
#outerWrapper #contentWrapper #content .article table {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
}
#outerWrapper #contentWrapper #content .article caption {
	text-align: left;
}
 #content .article .KT_th  {
	vertical-align: top;
	font-size:110%;
	font-weight:Bold;
}

[if IE 7]>
<style>
div {zoom:100%;}
</style>
<![endif]