/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bottom.jpg);
}

/******* hyperlink and anchor tag styles *******/

a:link{
	color: #005FA9;
	text-decoration: underline;
}
a:active{
	color: #005FA9;
	text-decoration: underline;
}
a:visited{
	color: #005FA9;
	text-decoration: underline;
}

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

/************** header tag styles **************/

h1{
	font: italic bold 18px "Times New Roman", Times, serif;
	color: #9A0405;
	margin: 0px;
	padding: 0px;
	letter-spacing: .2em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B5D5F2;
}

h2{
 font: bold 16px "Trebuchet MS", Verdana, sans-serif;
 color: #144C97;
 margin: 0px;
 padding: 0px;
}

h3{
	font: bold normal 15px "Trebuchet MS", Verdana, sans-serif;
	color: #2F8EDE;
	margin: 0px;
	padding: 0px;
	border: 1px none #A9B4B8;
}

/************** utility styles *****************/

#footer {  /* Begin laying out and styling the footer div */
	width: 100%;  /*sets the top border to define the beginning of the footer*/
	font-size: 10px;  /* aligns the text to the right*/
	margin-top: 0px;  /* Adds a margin to the top of the footer*/
	clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
	background-image: url(../images/footer.jpg);
	height: 62px;
	font-weight: bold;
	background-repeat: repeat-x;
}

#footer p {
	padding: 7px 20px 4px;  /* sets the padding values*/
	margin: 0;  /*zeroes off the margins */
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	font-family: "Trebuchet MS", Verdana, Arial;
	letter-spacing: .1em;
	font-size: 10px;
}


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

#footer a:active {
	color: #ffffff;
}
#footer a:visited {
	color: #ffffff;
}
#footer a:hover{
	color: #ffffff;
}


/************** siteInfo styles ****************/

p {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	color: #000000;
}
.maintext {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	color: #000000;
}
.boldtext {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	font-weight: bold;
}
.darkblue {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	color: #0F3973;
	letter-spacing: normal;
}
.redtext {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #144C97;
	text-transform: none;
	letter-spacing: 1px;
	font-style: italic;
}
.bluetext {
	font: bold normal 14px "Trebuchet MS", Verdana, sans-serif;
	color: #144C97;
	font-weight: bold;
}
.smalltext {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
}
.tablelines {
	border: 1px dotted #B6C8E0;
}
.rightpic {
	margin-left: 10px;
}
/************** bluebox ****************/
#bluebox {
	line-height: 160%;
	background-image: url(../images/bottom.jpg);
	padding: 5px 10px 10px;
}
#bluebox  a:link{
	color: #ffffff;
	text-decoration: underline;
}

#bluebox  a:active {
	color: #ffffff;
}
#bluebox  a:visited {
	color: #ffffff;
}
#bluebox  a:hover{
	color: #ffffff;
}
/************** divs ****************/
#top {
	background-image: url(../images/top_bg.jpg);
	margin: 0px;
	padding: 0px;
	height: 52px;
	width: 100%;
}
#logo {
	height: 22px;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #144C97;
	background-image: url(../images/logo_middle.jpg);
	background-repeat: no-repeat;
	background-position: left;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#top_bottom {
	background-image: url(../images/logo_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 100%;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

#wrapper {
   width: 742px;/*sets the width for IE5.x's broken box model*/
	w\idth: 740px; /* sets the width of the wrapper for compliant browsers*/
	margin: 0px auto;/* centers the wrapper. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	position: relative; /* important to position it relatively */
	background-color: #FFFFFF;
	text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
}
#wrapper2 {
   width: 100%;/*sets the width for IE5.x's broken box model*/
	background-color: #FFFFFF;
}
#banner {
	position: relative; /* **PLEASE READ** ~ This property and value is not needed for your page to be rendered corectly in the browser - However, without it Dreamweaver allows the position of the leftcol div to ride up over the banner in design view. If that does not bother you you can safely delete this property and value pair. Alternatively you could implement a design time style sheet to position the div correctly for working in design view */
	height: 110px;/* set a height for the banner to allow all the bg image to be seen, no text resizing in this element to worry about */
	text-align: center;
	background-image: url(../images/banner_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

#content { /* Begin laying out and styling the content div */
	width: 740px; /* sets a padding clearance on the bottom of the div*/
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	padding: 20px 10px 0px;
}
#content ul {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	list-style-image: url(../N5content/images/bullet2.gif);
}


#navigation {
  width: 702px;/*sets the width for IE5.x's broken box model*/
	w\idth:700px; /* sets the width of the wrapper for compliant browsers*/
	margin: 0px auto;/* centers the wrapper.
	position: relative; /* important to position it relatively */
	text-align: center;
}
#nav2 {
	font-size: 11px;
	color: #990000;
	text-align: center;
	padding-bottom: 8px;
}
#nav2 a{
	font-size: 11px;
	color: #990000;
	text-align: center;
}
#AutoScrollContainer {
	position:absolute;
	width:300px;
	height:300px;
	clip:rect(0,100,100,0);
	overflow:hidden;
	z-index:1;
	visibility:visible;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	top: 67px;
	padding-left: 15px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#AutoScrollContent {
	position:absolute;
	width:280px;
	visibility:visible;
	margin: 0px;
	padding: 0px;
}