/*
>>>>> HTML STYLES
*/
BODY
{
    FONT-SIZE: 12px;
    MARGIN-LEFT: 0px;
    /*COLOR: #336699;*/
    MARGIN-RIGHT: 0px;
    FONT-FAMILY:Arial;
    background-image: url(../../images/hadley-background-long.gif);     
    /*BACKGROUND-COLOR: #F7F7D7;*/
    TEXT-ALIGN: center
}
H1 {
	FONT-WEIGHT: bold;
    	FONT-SIZE: 18px;
    	font-family: Arial;
    	COLOR: maroon;
}
INPUT .invisible {
	color: white;
	background-color: white;
	border: 0px;
}
TABLE
{
    FONT-SIZE: 12px;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
}
TH
{
	color: white;
	text-align: left;
	background-color: #000066;
	padding: 3px 0 3px 5px;
}
FIELDSET {
	width: 585px;
	padding-bottom: 8px;
	border: 1px #336699 solid;
}
LEGEND {
	background-color: #BEDAAE;
	color: #000066;
	font-weight: bold;
	padding: 5px 8px;
	margin-bottom:8px;
}
#container /* this is the wrapper for the whole page */
{
    background-image: url(../../images/nav_bkgd.gif);
    background-repeat: repeat-y;
    border: gray 1px solid;
    MARGIN: 0px auto;
    WIDTH: 800px;
    TEXT-ALIGN: left
}

/*
>>>>>>>>>>>>>>>>>>>
>>>>> HEADER STYLES
>>>>>>>>>>>>>>>>>>>
*/
#logo
{
    BORDER: 0px;
    PADDING: 0px;
    MARGIN: 0px;
}
#banner
{
    background-image: url(../../images/hadley-banner-top2.jpg);
    FONT-WEIGHT: bold;
    FONT-SIZE: 24px;
    /*MARGIN-LEFT: 156px;*/
    /*COLOR: white;*/
    HEIGHT: 83px;
    BACKGROUND-COLOR: #f0d053
}
#sub-banner
{
    HEIGHT: 42px;
    color:Black;
    BACKGROUND-COLOR:black;
}
#banner .HadleyRoma
{
    FONT-SIZE: 14px;
    MARGIN-LEFT: 68px;
    COLOR: gray;
    POSITION: absolute;
    TOP: 68px
}
#banner .title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 24px;
    MARGIN-LEFT: 30px;
    COLOR: white;
    POSITION: absolute;
    TOP: 75px
}
#banner .button
{
float: right;
margin: 5px 5px 0 0;
clear: right;
}
#welcome
{
    PADDING: 0 8px 0 8px;
    /*MARGIN-LEFT: 156px;*/
    FONT-SIZE: 10px;
    COLOR: black;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #CCCCCC
}
#welcome #name
{
    FLOAT: left;
    POSITION: relative;
    TOP: 5px
}
#welcome #name A
{
    COLOR: white;
    TEXT-DECORATION: none
}
#welcome #name A:hover
{
    COLOR: orange
}
#welcome #todaysdate
{
    FONT-WEIGHT: normal;
    POSITION: relative;
    TOP: 5px;
    TEXT-ALIGN: right
}

/*
>>>>>>>>>>>>>>>>>>>>>>>
>>>>> NAVIGATION STYLES
>>>>>>>>>>>>>>>>>>>>>>>
*/
#nav
{
    
    
    margin-right: 10px;
    FONT-SIZE: 11px;
    FLOAT: left;
    WIDTH: 156px;
    COLOR: black;
    /*BACKGROUND-COLOR: silver*/
}
#nav #category
{
    PADDING: 4px 0 5px 5px;
    FONT-WEIGHT: bold;
    MARGIN-TOP: 3px;
    COLOR: white;
    BACKGROUND-COLOR: gray
}
#nav #category A
{
    DISPLAY: block;
    WIDTH: 150px;
    COLOR: white;
    TEXT-DECORATION: none
}
#nav #category A:hover
{
    COLOR: #f0d053
}
#nav #category A .selected
{
    COLOR: #f0d053
}

#nav UL
{
    PADDING: 0 0 5px 0;
    MARGIN: 0;
    LIST-STYLE-TYPE: none
}
#nav #category LI A
{
    PADDING-LEFT: 5px;
    display: block;
    width: 150px;
    COLOR: maroon;
    TEXT-DECORATION: none
}
#nav #category LI A:hover
{
    PADDING-LEFT: 1px;
    BORDER-LEFT: #f0d053 4px solid;;
    COLOR: navy
}
#nav #category LI A:active
{
    PADDING-LEFT: 1px;
    BORDER-LEFT: #f0d053 4px solid;;
    background-color: #f0d053;
    COLOR: navy
}
#nav #category LI A .selected
{
    PADDING-LEFT: 1px;
    BORDER-LEFT: #f0d053 4px solid;;
    background-color: #f0d053;
      COLOR: navy
}


/*
>>>>>>>>>>>>>>>>>>>>>>>
>>>>>  MAIN PAGE STYLES
>>>>>>>>>>>>>>>>>>>>>>>
*/
#legend
{
	background-image: URL(../images/legend.gif);
	height: 20px;
	width: 71px;
	background-position: middle right;
}
#main_column
{
    PADDING: 0;
    MARGIN-LEFT: 156px;
    margin-top: 10px;
    BACKGROUND-COLOR: white;
    
}
#main_column H1
{
    PADDING: 0 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #009999;
}
#main_column H2
{
    PADDING: 0 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    font-family:Arial;
    COLOR: #000066;
}
#main_column P
{
    PADDING: 0 12px;
}
#main_column .warning
{
    color: red;
}
A:hover
{
TEXT-DECORATION: none;
}
#main_column .invisible /* style for invisible table for layout purposes */
{
	width: 585px;
	border: 0;
	cellspacing: 0;
	cellpadding: 3px;
}
#main_column .visible /* style for visible table.  Allows for left/right margins */
{
	width: 585px;
	border: 0;
	cellspacing: 0;
	cellpadding: 3px;
}
.visible TD
{
	padding: 3px 5px 3px 5px;
}
.shaded
{
	background-color: #BEDAAE;
}
#main_column .field_label
{
	vertical-align: top;
	text-align: right;
	FONT-WEIGHT: bold;
	COLOR: gray;
}
.input_Field
{
	PADDING-LEFT: 4px;
	BORDER: black 1px solid;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: maroon;
	BACKGROUND-COLOR: White;
}
.input_Field_cap
{
	PADDING-LEFT: 4px;
	BORDER: black 1px solid;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: maroon;
	BACKGROUND-COLOR: White;
	text-transform: uppercase
}
#main_column UL
{
    PADDING-LEFT: 20px;
    MARGIN: 0px
}
#main_column LI
{
    PADDING: 0 0 0 20px;
    BACKGROUND-IMAGE: url(/images/check_small.gif);
    MARGIN-LEFT: 10px;
    COLOR: navy;
    BACKGROUND-REPEAT: no-repeat;
    LIST-STYLE-TYPE: none;
    HEIGHT: 25px
}
#main_column A .image
{
    border: 0;
    PADDING: 1px 1px 1px 0;
    MARGIN-TOP: 8px 0 0 0;
    DISPLAY: block;
    POSITION: relative;
    LEFT: -8px;
}
#main_column A:hover .image 
{
	border: 1px 1px 1px 0;
    border-style: solid;
    border-color: black;
}
#large_image_box
{
	width: 740px;
	border: 10px #336699 solid;
	margin-bottom:20px;
	text-align: center;
	
}
.large_image
{
	padding 15px 0;
}
/*
>>>>>>>>>>>>>>>>>>>
>>>>> FOOTER STYLES
>>>>>>>>>>>>>>>>>>>
*/
#footer
{
    PADDING: 5px 8px 5px 0;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    font-family:Arial;
    COLOR: white;
    BACKGROUND-COLOR: #4192CF;
    TEXT-ALIGN: right
    
}
#footer a:link
{
     color:White;
}
#footer_Contact
{
    PADDING: 5px 8px 5px 0;
    FONT-SIZE: 10px;
    font-family:Arial;
    COLOR:White;
    PADDING-TOP: 8px;
    TEXT-ALIGN: center;
    background-color:#000066;
}

/*
>>>>>>>>>>>>>>>>>>>
>>>>> LEGEND STYLES
>>>>>>>>>>>>>>>>>>>
*/
#legend, #legend ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#legend li a {  /* MENU TOP LEVEL LINK */
	font-family: Arial;	
	font-size: 12px;
	display: block;
	padding: 2px 0 3px 0;
	width: 71px;
	text-indent: 8px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
#legend li {  /* MENU TOP LEVEL PROPERTIES  */
	
	float: left;
	margin-right: 10px;
	width: 71px;
	height: 20px;
	background-image: url(../../images/legend.gif);
}
#legend li:hover, #legend li.sfhover {  /* MENU TOP LEVEL HOVER */
	background-image: url(../../images/legend.gif);
	background-repeat: no-repeat;
	width: 71px;
}
#legend li ul {  /* MENU SECOND LEVEL POSITIONING */
	position: absolute;
	width: 160px;
	left: -999em;
}
#legend li:hover ul li, #legend li.sfhover ul li{  /* MENU SECOND LEVEL PROPERTIES*/
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	text-indent: 5px;
	color: #336699;
	width: 160px;
	height: 45px;
	background-image:none;
	background-repeat: no-repeat;
	background-color: #CCCCCC;
	margin-top: 2px;
}
#legend li:hover ul, #legend li.sfhover ul {
	
	position: relative;
	top: -163px;
	left: -92px;
	margin: 0px;
}

/*
>>>>>>>>>>>>>>>>>>>
>>>>> MATRIX STYLES
>>>>>>>>>>>>>>>>>>>
*/
#matrix {
	background-color: white;
/*	height: 600px;*/
     height:auto;
}
#matrix .item
{
	color: maroon;
	font-size: 14px;
	font-weight: bold;
}
#matrix .tab {
	width: 40px;
	height: 35px;
	background-image: url(../../images/tab.gif);
	text-indent: 3px;	
	text-align: center;
	color: navy;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, verdana;
}
#matrix .group {
	background-color: gray;
	height: 20px;
	padding-left: 5px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, verdana;
}
#matrix .column {
	background-image: url(../../images/column.gif);
	height: 5px;
}
#matrix .row {
	padding: 0 3px;
	background-color: #CCCCE5;
	color: navy;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, verdana;
}
#matrix .intersect {
	width: 34px;
	height: 30px;
	padding-left: 3px;
	background-image: url(../../images/intersect.gif);
	color: navy;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, verdana;
}
#matrix .intersect INPUT{
	width: 25px;
	height: 20px;
	padding: 4px 2px 0px 3px;	
	font-size: 12px;
	text-align: center;
	border: none;
	color: maroon;
	background-image:URL(../../images/matrix.gif);
}
#matrix .total {
	color: maroon;
	font-weight: bold;	
	position: relative;
	left: 142px;
	top: -13px;
	display: inline;
	
}

.errorMsg{
	font-style: italic;
	font-size: 10pt;
	color: red;
	font-family: Arial;
	font-weight: bold;
	text-align: left;
}

.searchB{
	font-style: italic;
	font-size: 10pt;
	color: #000066;
	font-family: Arial;
	font-weight: bold;
	text-align: center;
}