/* Main Page layout PLEEEEEASE DON'T TOUCH UNLESS YOU ARE REEEEALY SURE YOU KNOW WHAT YOU'RE DOING.*/
/* Charcoal background around page */
body {
	background-color: #4F453B;
}


/* TABLE containing entire page, Background color, and Bottom Background */
#wholeseal {
	background-image: url(../images/header/hs_footer.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
}
#wholeseal #sealfooder p {
	font-family: Arial, Helvetica, sans-serif;
}

/* Repeating background in header */
#sealheader {
	background-image: url(../images/header/hs_header_bkg.jpg);
	background-position: right;
	background-repeat: repeat-x;
}
/* Happy seal and Right side of header Rules*/
#rightseal {
	background-image: url(../images/header/hs_header_right_seal.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 188px;
	color: #BCD6E4;
}
/* Link Size and Color */
#rightseal a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/* Main Mav Bar */
/* Top Nav Background Rules */
#sealnav {
	background-image: url(../images/header/hs_hdr_nav.jpg);
	background-repeat: repeat-x;
	height: 30px;
}

/* Paragraph set Size, color, Padding */
/* DM changed font color from AC262D to 356884 */
#sealnav p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #356884;
	font-size: 12px;
	padding-left: 10px;
	line-height: 12px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}
#sealtable {
	height: 30px;
}

/* Sets color for Links */
/* DM changed font color from AC262D to 356884 */
#sealnav a {
	color: #356884;
	text-decoration: none;
}
/* Sets mouseover color */
#sealnav a:hover {
	color: #0000FF;
}


/* Left Sidebar Rules */
/* Size, background of whole sidebar section*/
#leftside {
	background-image: url(../images/header/hs_left_bkg.gif);
	background-repeat: repeat-y;
	background-position: left;
	width: 203px;
}
/* Left Nav Rules*/
/* Left Nav Background */
#leftnav {
	background-image: url(../images/header/hs_left_wht_tbl_bkg.gif);
	background-repeat: repeat-y;
}
/* Left Nav link padding */
.left_nav_links {
	padding-right: 4px;
	padding-left: 2px;
}
/* Link color */
#leftnav a {
	color: #4F453B;
}
/* Link mouseover color */
#leftnav a:hover {
	color: #A8272B;
}
/* Folder navigation Rules - MUST BE IN ,<li>...</li> TO WORK */
/* Class to define size, color, and CLOSED FOLDER icon */
.navlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4F453A;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-left: -8px;
	font-weight: bold;
	list-style-position: outside;
	list-style-image: url(../images/header/closed_folder.jpg);
}

/* Class to define size, color, and OPEN FOLDER icon*/
.navopen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4F453A;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-left: -8px;
	font-weight: bold;
	list-style-position: outside;
	list-style-image: url(../images/header/open_folder.jpg);
}
/* Class to define size, color, and WHITE PAGE icon*/
.navsublink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4F453A;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: -8px;
	margin-right: 6px; /*added as test by diana 3/3/10*/
	font-weight: normal;
	list-style-image: url(../images/header/whitepage.jpg);
	list-style-position: outside;
}

/* "More" text link*/
#morenav {
	background-color: #E5ECF2;
	height: 100%;
}

/* DM: define style for buttons */
/* DM: width="201" border="0" cellspacing="0" cellpadding="0" */

.left_button_table {
	width:201px;
	/*height:185px;*/
	border:none;
}

.right_button_table {
	width:175px;
/*	height:185px;  */
	border:none;
}

/* DM: define style for button icons/images */

.button_icon {
	border:none;
	margin:0 auto;
	/*padding-left:5%;
	padding-right:5%;
	padding-top:0px;*/
	text-align:center;
}

/*DM: added to get rid of space between top gif and body of buttons */
.button_hed_row{
	/*margin-bottom:-5px;
	padding:-10px;*/
}

/* Left Side boxes
 Red background defined*/

.leftred {
	background-image: url(../images/header/hs_left_red_tbl_bkg.gif);
	background-repeat: repeat-y;
	background-position: top 0px;
	padding-left:26px;
	padding-top:5%;
}

.left_button_repeat_row{
	padding-left:20%;
}

/* Left Nav link padding */
.left_red_links {
	padding-right: 4px;
	padding-left: 2px;
}

.left_red_links h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
.left_red_links p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	color: #FFFFFF;
}

/* Diana added: Left Side boxes
 Blue background defined*/

.leftblue {
	background-image: url(../images/header/hs_left_blue_tbl_bkg.gif);
	background-repeat: repeat-y;
}
/* Left Nav link padding */
.left_blue_links {
	padding-right: 4px;
	padding-left: 2px;
}
.left_blue_links h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	color: #4E71F1;
}
.left_blue_links p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	color: #4E71F1;
}

/* Left Side boxes
Grey background defined*/

.leftgrey {
	background-image: url(../images/header/hs_left_grey_tbl_bkg.gif);
	width:203px;
	/*height:3px;*/
	background-repeat: repeat-y round;  /*DM: added space round*/
	bg-position:top;
	margin-top:0px;
}
/* Left Nav link padding */
.left_grey_links {
	padding-right: 4px;
	padding-left: 2px;
}
.left_grey_links h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
}
.left_grey_links p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
}
/* Left Side boxes
 White background defined*/

.leftwht {
	background-image: url(../images/header/hs_left_wht_tbl_bkg.gif);
	width:203px;
	background-repeat: repeat-y round;  /*DM: added space round*/
	bg-position:top;
	margin-top:0px;
}
/* Left Nav link padding */
.left_wht_links {
	padding-right: 4px;
	padding-left: 2px;
}
.left_wht_links h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	color: #A8272B;
}
.left_wht_links p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
}

.leftwhite {
	background-image: url(../images/header/hs_left_white_tbl_bkg.gif);
	width:203px;
	background-repeat: repeat-y; 
	margin-top:0px;
}
/* Center Main Content section Rules*/
/* Bottom of nav and shadow */
#maintoper {
	background-color: #FFFFFF;
	background-image: url(../images/header/hs_center_hed.gif);
	background-repeat: repeat-x;
	background-position: top;
}
/*Center section Padding from right & left sidebars*/
#maincenter {
	padding-right: 20px;
	padding-left: 32px;
}
#maincenter p {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#maincenter h1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #4A4036;
}
/* DM: changed h2 from A92F3A to 356884 */
#maincenter h2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #356884;
}
/* base H3 Rules*/
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #4A4036;
	font-size: 18px;
	font-weight: normal;
	padding-right: 0px;
	padding-left: 0px;
}
#maincenter h4 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #4A4036;
}
#maincenter h5 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4A4036;
}
li {
	line-height: 21px;
}
/* special effects for use in center section */

/* Smaller grey text for use on captions */
.norm_caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4A4036;
}
/* Smallest grey text for use on captions */
.small_caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4A4036;
}
/* Grey text for use in tables */
.table_norm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4A4036;
}
/* Bold Grey text for use in tables */
.table_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #4A4036;
}
/* Bold Italic Grey text for use in tables */
.table_boldital {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	font-style: italic;
	color: #4A4036;
}
/* Smaller grey text for use in tables */
.table_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4A4036;
}
/* Can make any text red */
.text_red {
	color: #A92F3A;
}
/* Can make any text yellow, bold */
.text_yellow {
	color: #FFFF66;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* Can make any text white, bold */
.text_white {
	color: #FFFFFF;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* makes lt blue background to a section H1 H2 H3 P etc. */
.bluestripe {
	background-color: #E2EDF3;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}
/* makes lt blue background to a section H1 H2 H3 P etc. */
.greystripe {
	background-color: #E9E6DF;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}
/*Smaller formatted Table in main center section*/
.smaller_table {
	padding: 40 px;
}

/* general link color for all non nav text links.*/
a {
	color: #5185A8;
}
/* general link color for all visited non nav text links.*/
a:visited {
	color: #660033;
}

blockquote {
	text-indent: -30px;
	margin-top: 3px;
	margin-right: 2px;
	list-style-position: outside;
}

/* Right Side Rules*/
/* Size, background of whole sidebar section*/
#rightside {
	background-image: url(../images/header/hs_right_bkg.gif);
	background-repeat: repeat-y;
	background-position: right;
	width: 175px;
}

#rightside p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 4px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* DM adding light grey */
.right_ltgrey {
	background-image: url(../images/header/hs_right_ltgry_tbl_bkg.gif);
	background-repeat: repeat-y;
	background-position: right;
}

.right_ltgrey h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-right: 4px;
	margin-left: 6px;
	color: #356884;
}

/* by calling a table in the rightside "right_grey" the size color and layout will be set*/
.right_grey {
	background-image: url(../images/header/hs_right_gry_tbl_bkg.gif);
	background-repeat: repeat-y;
	background-position: right;
}

.right_grey p {
	margin-right: 4px;
	margin-left: 6px;
}
/* DM: changed h3 from A92F3A to 356884 */
.right_grey h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-right: 4px;
	margin-left: 6px;
	color: #356884;
}
/* by calling a table in the rightside "right_red" the size link color and layout will be set*/
.right_red {
	background-image: url(../images/header/hs_right_red_tbl_bkg.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.right_red p {
	margin-right: 4px;
	margin-left: 6px;
	color: #FFFFFF;
}
.right_red h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-right: 4px;
	margin-left: 6px;
	color: #FFFFFF;
}
.right_red .right_red a {
	color: #FFFFFF;
}
.right_red .right_red a:visited {
	color: #FFFF00;
}
/* by calling a table in the rightside "right_blue" the size color and layout will be set*/
.right_blue {
	background-image: url(../images/header/hs_right_blue_tbl_bkg.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.right_blue p {
	margin-right: 4px;
	margin-left: 6px;
}
.right_blue h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-right: 4px;
	margin-left: 6px;
	color: #33A5FF;
}

/* diana's addition: by calling a table in the rightside "right_wht" the size color and layout will be set*/
.right_wht {
	background-image: url(../images/header/hs_right_wht_tbl_bkg.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.right_wht p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-right: 4px;
	margin-left: 6px;
	color: #A8272B;
}
.right_wht h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-right: 4px;
	margin-left: 6px;
	color: #A8272B;
}



/* Footer Rules */
/* Paragraph text size and color */
#sealfooter p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

/*Diana added style for unordered lists*/
ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#585858;
}