BODY {
	FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
TABLE {
	FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A {
	COLOR: #003399; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
A:active {
	COLOR: #003399
}
A:hover {
	TEXT-DECORATION: none
}
A:link {
	COLOR: #003399
}
A:visited {
	COLOR: #000066
}
A.normallink:hover {
	FONT-SIZE: 11px; TEXT-DECORATION: none
}

.normallink {
	FONT-SIZE: 11px; COLOR: #003399; TEXT-DECORATION: underline
}

img.left_img{
border:1px #cae6c6 solid;
float:left;
margin:0 10px 0 0 ;
}
.read_more{
width:101px;
height:29px;
float:right;
padding:10px;
background:url(images/read_more_bg.gif) no-repeat center;
line-height:29px;
text-align:center;
}
#video{
padding:10px;
z-index:100;
display:inline;
position:relative;
}
}
A.sectionhead:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.sectionhead:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.sectionhead:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.sectionhead:active {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.boldlink:link {
	FONT-WEIGHT: bold; LINE-HEIGHT: 11px
}
A.boldlink:visited {
	FONT-WEIGHT: bold
}
A.boldlink:hover {
	FONT-WEIGHT: bold
}
A.boldlink:active {
	FONT-WEIGHT: bold
}
H1 {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 31px; MARGIN-BOTTOM: 0px; COLOR: #330099; LINE-HEIGHT: 34px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H1 A:link {
	COLOR: #330099; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
H1 A:visited {
	COLOR: #006600; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
H1 A:hover {
	COLOR: #330099; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
H1 A:active {
	COLOR: #330099; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
#indent6 {
	TEXT-INDENT: 6px
}
.headlink {
	MARGIN-TOP: 7px
}
.headlinkindent {
	MARGIN-TOP: 7px; MARGIN-LEFT: 12px
}
.headlinkindex {
	MARGIN-LEFT: 18px
}
H2 {
	MARGIN-TOP: 1px; FONT-WEIGHT: bold; FONT-SIZE: 17px; MARGIN-BOTTOM: 1px; COLOR: #df4600; LINE-HEIGHT: 19px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
h4 {
	MARGIN-TOP: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 2px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
h4 A:link {
	COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
h4 A:visited {
	COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
h4 A:hover {
	COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
h4 A:active {
	COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.h4style {
	MARGIN-TOP: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 2px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif
}


/* style for admin photo blue fade box */
.logoBox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/bluebackground.gif);
	background-repeat: repeat;
	text-align: center;
	vertical-align: top;
	padding: 0px;
	height: 140px;
	width: 169px;
}


/* style sheet for portal console box */
.linkbox{
	FONT-SIZE: 11px; BACKGROUND-IMAGE: url(/images/buybox_rounded.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ADDEAD; 
}
.newsbox {
	FONT-SIZE: 11px; BACKGROUND-IMAGE: url(/images/buybox_rounded.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #DDE6FB
}
.graybox {
	PADDING-RIGHT: 4px; PADDING-LEFT: 7px; FONT-SIZE: 11px; BACKGROUND-COLOR: #dbdbdb
}
.dottedbox {
	BORDER-RIGHT: black 0px dotted; BORDER-TOP: #999999 2px dotted; FONT-SIZE: 11px; PADDING-BOTTOM: 11px; BORDER-LEFT: black 0px dotted; COLOR: #333333; LINE-HEIGHT: 18px; PADDING-TOP: 11px; BORDER-BOTTOM: black 0px dotted
}
.transbox {
	BACKGROUND-COLOR: transparent
}

/* SubHeader styles for the body*/
.greensubheader1 {
     color: 009900; FONT-SIZE: 20px; font-weight: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;
}

.greensubheader2 {
    MARGIN-TOP: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 2px; COLOR: 009900; LINE-HEIGHT: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: italic
}
.greensubheader3 {
    MARGIN-TOP: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 2px; COLOR: 009900; LINE-HEIGHT: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: italic
}

.bluesubhead1{
   color: #4b59d3; FONT-SIZE: 20px; font-weight: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none;
}

.bluesubhead2 {
	MARGIN-TOP: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 2px; COLOR: #4b59d3; LINE-HEIGHT: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: italic
}

.bluesubhead3 {
	MARGIN-TOP: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 2px; COLOR: #4b59d3; LINE-HEIGHT: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: italic
}

/* Orange mouse over*/
.orngbttn {
	MARGIN-TOP: 5px; FONT-SIZE: 11px; MARGIN-BOTTOM: 0px; FONT-FAMILY: Verdana, Arial, Sans-Serif
}
.orngbttn A {
	DISPLAY: block; WIDTH: 100%
}
.orngbttn A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.orngbttn A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.orngbttn A:hover {
	COLOR: #ffcc00; TEXT-DECORATION: none
}
.orngbttn A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}


.nomargin {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Sans-Serif; FONT-SIZE: 12px;
}

/* bullet listing style sheet */
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 3px; MARGIN: 3px 0px; PADDING-TOP: 3px
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: url(../images/icon_right.gif); PADDING-BOTTOM: 3px; MARGIN: 2px 0px 2px 13px; LINE-HEIGHT: 1.5em; PADDING-TOP: 1px
}
.padleft {
	PADDING-LEFT: 4px
}


.formlabel {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; MARGIN-LEFT: 0px; COLOR: #333333; LINE-HEIGHT: 16px
}
.updatetext {
	FONT-SIZE: 9px; COLOR: #666666
}
.dottedrule {
	MARGIN-TOP: 13px; MARGIN-BOTTOM: 3px; BORDER-BOTTOM: #999999 2px dotted
}
.navigationfont {
    color: 009900;
    font: 10pt;
    font-weight: 700;
    text-decoration: none;
}


/*Green Left Rail Navigation Style Sheet*/
.greenHeader {
	PADDING-LEFT: 4px; FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-ALIGN: left
}
.greenSubHeader {
	FONT-WEIGHT: 700; FONT-SIZE: 13px; COLOR: #663399; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.greenFiller {
	BACKGROUND-COLOR: #ADDEAD
}
.greenBorder {
	BACKGROUND-COLOR: #009900
}
.greenText {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
#websearch .greenText {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #663399; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.greenTextSm {
	FONT-WEIGHT: 700; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.greenForm {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.greenRollovers {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #663399
}
A.greenRollovers:link {
	COLOR: #003399; FONT-SIZE: 12px;  FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: none
}
A.greenRollovers:visited {
	COLOR: #006633; TEXT-DECORATION: none
}
A.greenRollovers:active {
	TEXT-DECORATION: none
}
A.greenRollovers:hover {
	COLOR: #0000ff; TEXT-DECORATION: none
}
A.greenLinks:link {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; TEXT-TRANSFORM: none; COLOR: #000066; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: underline
}
A.greenLinks:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; TEXT-TRANSFORM: none; COLOR: #000066; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: underline
}
A.greenLinks:active {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; TEXT-TRANSFORM: none; COLOR: #000066; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: underline
}
A.greenLinks:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; TEXT-TRANSFORM: none; COLOR: #000066; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: underline
}



/*Blue RAIL Rail Navigation Style Sheet*/
.blueHeader {
	PADDING-LEFT: 4px; FONT-WEIGHT: 700; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-ALIGN: left
}
.blueSubHeader {
	FONT-WEIGHT: 700; FONT-SIZE: 11px; COLOR: #663399; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.blueFiller {
	BACKGROUND-COLOR: #ADDEAD
}
.blueBorder {
	BACKGROUND-COLOR: #009900
}
.blueText {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
#websearch .blueText {
	FONT-WEIGHT: 700; FONT-SIZE: 11px; COLOR: #663399; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.blueTextSm {
	FONT-WEIGHT: 700; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.blueForm {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.blueRollovers {
	FONT-WEIGHT: 700; FONT-SIZE: 11px; COLOR: #663399
}
A.blueRollovers:link {
	COLOR: #003399; FONT-SIZE: 11px;  FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: none
}
A.blueRollovers:visited {
	COLOR: #663399; TEXT-DECORATION: none
}
A.blueRollovers:active {
	TEXT-DECORATION: none
}
A.blueRollovers:hover {
	COLOR: #0000ff; TEXT-DECORATION: none
}
A.blueLinks:link {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; TEXT-TRANSFORM: none; COLOR: #000066; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: underline
}
A.blueinks:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; TEXT-TRANSFORM: none; COLOR: #000066; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: underline
}
A.blueLinks:active {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; TEXT-TRANSFORM: none; COLOR: #000066; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: underline
}
A.blueLinks:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; TEXT-TRANSFORM: none; COLOR: #000066; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: underline
}



/* Mouse Over Menu Style Sheet for the Divisions & Agencies */
div.navilayer 
{
    position: absolute;
	top: -30px;
	visibility: hidden;
	width: 150px;
    left: -250px;
}

div.navilayer2 
{
    position: absolute;
	top: -15px;
	visibility: hidden;
	width: 150px;
    left: -155px;
}

div#base 
{
position: relative;
}

div a:visited 
{
background-color: transparent;
text-decoration: none;
}

/* The extra DIV around the links. I'd rather have done
	a {display: block}
	throughout but that doesn't work in Explorer 4. */

div.navilayer div {
	width: 250px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	font: 10px verdana;
	background: #DEE7F7;
	layer-background-color: #DEE7F7;

	
}
/* This style does not work in Netscape 4 so you see the borders of the empty
	DIV's */

div.navilayer div.fill {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DEE7F7;


	}
/* Explorer 5.5 gives my general link colours precedence over
	the colour defined here. I think it's a bug */

div.navilayer div a 
{
	display: block;
	width: 250px;
	color: #000000;
	text-decoration: none;
	padding-left: 5px;
	letter-spacing: 1px;

}
/* The styles for the pseudo-mouseover. The class change does not work in Netscape 4,
	while Opera 5 changes the class but doesn't do anything about it,
	so these styles will never be visible in those browsers */

div.navilayer div.over 
{
	background: #0000cc;

}

div.navilayer div.over a 
{
	color: #ffffff;

}



/* navilayer 2 for the library flyout menu */

/* Mouse Over Menu Style Sheet for the Divisions & Agencies */
div.navilayer2 
{
    position: absolute;
	top: 92px;
	visibility: hidden;
	width: 150px;
    left: -155px;
}



div#base 
{
position: relative;
}

div a:visited 
{
background-color: transparent;
text-decoration: none;
}

/* The extra DIV around the links. I'd rather have done
	a {display: block}
	throughout but that doesn't work in Explorer 4. */

div.navilayer2 div {
	width: 150px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	font: 10px verdana;
	background: #DEE7F7;
	layer-background-color: #DEE7F7;

	
}
/* This style does not work in Netscape 4 so you see the borders of the empty
	DIV's */

div.navilayer2 div.fill {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DEE7F7;


	}
/* Explorer 5.5 gives my general link colours precedence over
	the colour defined here. I think it's a bug */

div.navilayer2 div a 
{
	display: block;
	width: 150px;
	color: #000000;
	text-decoration: none;
	padding-left: 5px;
	letter-spacing: 1px;

}
/* The styles for the pseudo-mouseover. The class change does not work in Netscape 4,
	while Opera 5 changes the class but doesn't do anything about it,
	so these styles will never be visible in those browsers */

div.navilayer2 div.over 
{
	background: #0000cc;

}

div.navilayer2 div.over a 
{
	color: #ffffff;

}