/* CSS Document */
/* Create a Zeroing Selector -  Browsers tend to apply default margins on the body (and other elements) if they are not explicitly stated */ 
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, td, tr, form, fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
     }

/*Forcing Vertical Scrollbar Gutter to Show - Prevents Page Shift  */


html {
	overflow-y: scroll;
}

/* The body element provides you with an excellent opportunity to set some default settings. Take this opportunity to set your font properties and values and allow the rest of your document to inherit the settings you set here unless you override them. */

body
{
	color: #122B49;
	margin: 0px;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	background: #496D9D;
	text-align: center;	/*text-align: center; To force Microsoft Internet Explorer 5 to comply with the centering*/
     }

/*Find p elements in #content and if those p elements contain em elements, change the text color to #990000.*/

p em {
	color: #B6571F;
	font: normal 12px Arial, Helvetica, sans-serif;
}

/* Class styles let you set style attributes for any range or block of text, and can be applied to any HTML tag.*/

.bold {
	color: #914231;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
     }


.hilite {
	background: #496D9D;
     }

a:link {
	color: #8A0210;
	text-decoration: none;
     }

a:visited {
	color: #8A0210;
	text-decoration: none;
     }

a:hover {
     color: #122B49;
     text-decoration: underline;
     }

a:active {
	color: #8A0210;
	text-decoration: none;
     }

h1
{
	font-size: 220%;
     }
h2
{
	font-size: 190%;
     }

h3
{
	font-size: 160%;
     }
h4
{
	font-size: 130%;
     }
h5
{
	font-size: 100%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
     }
h6
{
	font-size: 70%;
     }

hr {
	border: 0;
	height: 1px;
	background: #CCCCCC;
    }	

.hr_footer {
	border-top: 2px solid #122B49;
     }

.hr_page_title {
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: 1px solid #122B49;
     }

.hr_top_border {
	border-top: 1px solid #CCCCCC; /* #E6E6E6;*/
	margin-bottom: 5px;
     }

.hr_dotted {
	border-top: 1px dotted #BDBDBD;
	margin: 10px 2px 5px;
     }

.hr_light {
	border-top: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-bottom: 10px;
     }

.hr_light2 {
	border-top: 1px solid #CCCCCC;
	margin-top: 8px;
     }

/*Dealing with Floats:  First, Internet Explorer currently has a double-margin bug. This affects the side of the div that you're floating toward. For a right float, it's the right margin; for a left float, it's the left margin. For this reason, I always zero that margin. If I need to create space, I use padding (remember that padding is inside the div and margin is outside the div). You can use the padding either inside that floated div or on the div's parent container, depending on the effect you want.

Second, floats may also need to be cleared. There are a variety of ways to clear your floats, but the one I personally prefer is this

NOTE: In your XHTML page, you would add <div class="clearit"></div> as the last element in the div you're clearing. In your page, that would be right before the close of the #content div. This causes the #content div to contain the float even if the float is taller.*/

/*Clearing Floats The Old Fashioned Way*/

.clearit{
     clear:right; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0;
     }

/*Clearing Floats when The Old Fashioned Way doesn't work (Float bug fix) - You float to the right the containers to which you apply this class. By doing this you avoid the problems caused by the clearing divs moving your content down below the left column. The width of 99% opens up the containers to almost the complete width of the content div. By not using a full width of 100% you avoid any possibility of the main content dropping down to find room to open to the given width. This scenario can occur if the browser introduces rounding errors into the page width.
*/

.container_clearit {
	width: 99%;
	float: left;
     }

.leftimage {
	margin-right: 10px;
	float: left;
	margin-top: 0px;
     }

.leftimage_detail {
	margin-right: 15px;
	float: left;
	margin-top: 3px;
	border: 1px dashed #496D9D;  /*#CCCCCC*/
	padding: 12px;
	margin-bottom: 5px;
	background: #F9FAFD;
	}
	
.banner_image {
	padding: 10px;
	border: 1px solid #FFFFFF;
	}	
	

/* .membersimage {
	border: 1px dashed #CCCCCC;
	padding: 15px;
	background: #F9FAFD;
	margin-bottom: 2px;
	} */

.security_image {
	border: 1px solid #CCCCCC;
	width: 161px;
	height: 45px;
     }

.rightimage {
	float: right;
	margin-left: 5px;
     }
	 
.rightimage_detail {
	margin-left: 15px;
	float: right;
	margin-top: 3px;
	border: 1px dashed #496D9D; /*#CCCCCC*/
	padding: 12px;
	margin-bottom: 3px;
	background: #F9FAFD;
	}
	 

/*Acts as a container element for all elements used on the page*/

#wrapper {
	text-align: left;
	width: 960px; /*width: 960px;  or width: 95%;*/
	margin: 10px auto;  /*The margins set to "auto," forces that #holder to be centered.*/
	background: #122349;
     }

#wrapper_chat {
	text-align: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
     }

#wrapper_popup {
	text-align: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
     }
	 
#header1 {
	background: url(../images/interface_header1and3_960.jpg) repeat;
	height: 30px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 2px dotted #CCCCCC;
	border-top: 2px dotted #CCCCCC;
     }

.nested_left_content-header1 {
	float: left;
	margin-top: 8px;
	margin-bottom: 5px;
     }

.nested_right_content-header1{
	float: right;
	margin-top: 8px;
	margin-bottom: 5px;
     }

#header1 p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 0.05em;
	}

#header1 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
     }

#header1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
     }

#header1 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font: 11px Arial, Helvetica, sans-serif;
     }

#header1 a:active {
	color: #FFFFFF;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
     }

#header2 {
	background: #FFFFFF url(../images/banner-final-960w.jpg) no-repeat;
	height: 149px;
	padding-right: 2px;
	padding-left: 2px;
     }

#header2 a:link {
	color: #AAAAAA;
	text-decoration: none;
	font-size: 12px;
     }

#header2 a:visited {
	color: #AAAAAA;
	text-decoration: none;
	font-size: 12px;
     }

#header2 a:hover {
	color: #8A0210;
	text-decoration: underline;
	font-size: 12px;
     }
	 
#header2 a:active {
	color: #AAAAAA;
	text-decoration: none;
	font-size: 12px;
     }

#header2 h1 {
	font: 24px Arial, Helvetica, sans-serif;
	color: #122B49;
     }

#header2 p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #122B49;
	letter-spacing: 0.03em;
	}

#header2 h2 {
	font: 15px Arial, Helvetica, sans-serif;
	color: #938676;
     }

.nested_left_content-header2 {
	float: left;
	margin-top: 2px;
     }

.nested_right_content-header2{
	float: right;
	margin-top: 1px;
	text-align: right;
     }

#header3 { /*nice blue color #2473A0*/
	background: url(../images/interface_header1and3_960.jpg) repeat;
	height: 60px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 2px dotted #CCCCCC;
     }

.nested_left_content-header3 {
	width: 55%;
	float: left;
	margin-top: 10px;
     }

.nested_right_content-header3{
	width: 44%;
	float: right;
	margin-top: 10px;
     }

#header3 p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 3px; /*added because there is a 3px margin top for the button - when a user logs in there is no shifting*/
	/*letter-spacing: .05em;*/
     }

#header3 h1 {
	font: 20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
     }
#header3 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
     }

#header3 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
     }

#header3 a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	font: 11px Arial, Helvetica, sans-serif;
     }

#header3 a:active {
	color: #FFFFFF;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
     }

/*container_left div width (180 pixels + applicable padding [5 left and 15 right] =  200 pixels) and is floated left*/

#leftcontent {
	width: 180px; /* original 150px */
	float: left;
	margin-top: 10px;
	height: 1250px; 
	padding-right: 5px;
	padding-left: 15px;
	/*display: inline; */  /* used in the petition site.  perhaps this is why the petition table borders show in Firefox - must test */
     }

/*container_right div is given a margin (215px)that clears the nav width 180px + (applicable padding: 5px + 15px). There's now room for them on one line. Notice that the left margin for the content div is 15 pixels wider than the width of the #nav. Always give the margin values at least 3–5 pixels more than they seem to need because Internet Explorer for Windows sometimes adds a phantom 3 pixels to the value*/

#rightcontent_nav {
	margin-left: 215px;  /* original 175px */
	margin-top: 10px;
     }

#rightcontent {
	margin-left: 215px;  /* original 175px */
	background: #FFFFFF;
	padding-right: 15px;
	border-top: 3px solid #B70000;
	border-right: 3px solid #B70000;
	border-bottom: 15px solid #B70000;
	border-left: 3px solid #B70000;
	padding-left: 15px;
     }

#rightcontent ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
     }

#rightcontent li
{
	padding-left: 0.6em;
	background: url(../images/bullet.gif) no-repeat 0 0.4em;
     }

.nested_left_content_page_title {
	float: left;
	margin-top: 8px;
     }

.nested_right_content_page_title {
	float: right;
	text-align: right;
	margin-top: 13px;
     }	

.page_title1 {
	font: 19px Arial, Helvetica, sans-serif;
	color: #122B49;
     }

.page_title2 {
	font: 19px Arial, Helvetica, sans-serif;
	color: #496D9D;
     }

.page_title3 {
	font: 20px Arial, Helvetica, sans-serif;
	color: #122349;
     }

.record_activity {
	font: 10px Arial, Helvetica, sans-serif;
	color: #72979F;
     }
	 
#footer {
	clear: both;
	text-align: center;
	margin-top: 10px;
	border-top: 2px dotted #CCCCCC;
	margin-bottom: 5px;
     }

#footer p{
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
     }

#footer a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
     }

#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
     }

#footer a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	font-size: 12px;
     }
#footer a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
     }

.content_holder {
	width: 99.5%;
	overflow: auto;
	/*padding: 1px;*/ /*1px added all around so that table and Hlooper borders will show in Firefox */
     }
	
.content_holder h1{
	font: 12px Arial, Helvetica, sans-serif;
	background: #F4F4F4 url(../images/table_th_bck.gif) repeat-x;
	height: 20px;
	padding: 5px;
	border: 1px solid #E6E6E6;
	margin-right: 2px;
     }

.content_holder_graph {
	background: url(../images/rainbow_bar.gif);
	margin-top: 3px;
	margin-bottom: 6px;
	width: 95%;
     }

.nested_left_content {
	width: 48%;
	float: left;
	margin-top: 0px;
	margin-bottom: 2px;
	}	
	
.nested_right_content {
	width: 48%;
	float: right;
	margin-top: 0px;
	margin-bottom: 2px;
	}	
	
.Hlooper_div {
	width: 49%; /*49.5%*/
	margin-right: 4px; /*.5%*/
	float: left;
	vertical-align: text-top;
	margin-top: 1px; /*1px added for Foxfire in order to view table top border */
     }

.Hlooper_SubCat_div {
	font: 11px Arial, Helvetica, sans-serif;
     }

.Hlooper_SubCat_div a:link {
	color: #122B49;
	text-decoration: underline;
     }

.Hlooper_SubCat_div a:visited {
	color: #122B49;
	text-decoration: underline;
     }

.Hlooper_SubCat_div a:hover {
	color: #8A0210;
	text-decoration: underline;
     }
.Hlooper_SubCat_div a:active {

	color: #122B49;
	text-decoration: underline;
     }

/* BEGIN Left Side Navigation */
#navlist {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 2px dotted #CCCCCC;
	margin-top: 20px;	/*margin-top: 28px; when no counter exists*/
     }

#navlist li
{
	list-style: none;
	margin: 0;
	padding: 5px;
	border-top: 2px dotted #CCCCCC;
	/* background: url(../images/bullet.gif) no-repeat left; */
     }
	 
#navlist p
{
	color: #FFFFFF;
     }	 
	 
	 
#navlist li a:link {
	color: #FFFFFF;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
     }

#navlist li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
     }

#navlist li a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	font-size: 12px;
     }
	 
#navlist li a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
     }

/* END Left Side Navigation */

/* ----------------- Start Sliding Curly Corner Container ----------------*/
/* ----------------- Source: Dynamic Drive CSS Library  ------------------*/
/* ----------------- URL: http://www.dynamicdrive.com/style/ -------------*/

.curlycontainer{
	border: 1px solid #CCCCCC;
	margin-bottom: 0.5em;
	width: 100%;
	margin-top: 0.5em;
     }

.curlycontainer .innerdiv{
	background: transparent url(../images/brcorner.gif) no-repeat right bottom;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 5px 2px 15px;
     }
/* ----------------- End Sliding Curly Corner Container ------------------*/


/* BEGIN Right Side Navigation */

#tabsB {
	font-size:95%;
	line-height:normal;
	width: 99%;
	margin-bottom: 2px;
	height: 25px;
	  }
	  
#tabsB ul {
	list-style:none;
     }
	 
#tabsB li {
	display:inline;
	margin:0;
	padding:0;
     }
	 
#tabsB a {
	float:left;
	background:url(../images/table_ftB.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	border-bottom: 1px solid #CCCCCC;
      }
	  
#tabsB a span {
      float:left;
      display:block;
      background:url(../images/tab_rightB.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
     }
	 
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {
	float:none;
     }
	 
/* End IE5-Mac hack */
#tabsB a:hover span {
      color:#000;
     }
#tabsB a:hover {
      background-position:0% -42px;
     }
	 
#tabsB a:hover span {
      background-position:100% -42px;
     }

/*- Menu Tabs E--------------------------- */



    #tabsE {
	float:left;
	font-size:100%;
	line-height:normal;
	width:99%;
	/*margin-bottom: 2px;*/
	/*background: #122349;*/	  
	/*height: 25px;*/
	  }
	  
    #tabsE ul {
	  margin:0;
	 /* padding:10px 10px 0 50px;*/
	  list-style:none;
      }
    #tabsE li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsE a {
      float:left;
      background:url(../images/tableftE-2.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
	  /*border-bottom: 1px solid #CCCCCC;*/
      text-decoration:none;
      }
    #tabsE a span {
      float:left;
      display:block;
      background:url(../images/tabrightE-2.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsE a span {float:none;}
    /* End IE5-Mac hack */
    #tabsE a:hover span {
      color:#FFF;
      }
    #tabsE a:hover {
      background-position:0% -42px;
      }
    #tabsE a:hover span {
      background-position:100% -42px;
      }  
	

/* End Right Side Navigation */

/*#E6E6E6 */
.StatsBox {
	width: 137px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #F4F4F4;
	margin-top: 0.5em;
	margin-bottom: 2px;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #E6E6E6;
     }

.BlueBox {
	border: 1px solid #496D9D;
	padding: 10px 10px 15px;
	background: #122349;
     }

/* Square cutout Borders*/
.square {
	background: transparent;
	width:99%;
	margin:4px auto 0;
     }

.square h1, .square p {
	margin:0 5px;
	color: #FFFFFF;
     }

.square h1 {
	font-size:2em; 
	color:#FFFFFF; 
	letter-spacing:1px;
     }

.square p {
	padding-bottom:0.2em;
	text-align: center;
	color: #FFFFFF;
     }
	 
.square .top, .square .bottom {
	display:block; 
	background:transparent; 
	font-size:1px;
     }

.square .b1t 
{
	margin:0 6px; 
	display:block; 
	overflow:hidden; height:5px; 
	border-left:1px solid #496D9D; 
	border-right:1px solid #496D9D; 
	border-top:1px solid #496D9D;
     }

.square .b2 {
	display:block; 
	height:1px; 
	margin:0; 
	border-left:7px solid #496D9D; 
	border-right:7px solid #496D9D; 
	overflow:hidden;
     }

.square .b1b {
	margin:0 6px; 
	display:block; 
	overflow:hidden; 
	height:5px; 
	border-left:1px solid #496D9D; 
	border-right:1px solid #496D9D; 
	border-bottom:1px solid #496D9D;
     }

.square .boxcontent {
	display:block;
	border-left:1px solid #496D9D;
	border-right:1px solid #496D9D;
     }
	 
.square .boxcontent p {
	color: #FFFFFF;	 
	     } 
	 
.square .boxcontent a:link {
	color: #8A0210;
	text-decoration: underline;
	font: 12px Arial, Helvetica, sans-serif;
     }

.square .boxcontent a:visited {
	color: #8A0210;
	text-decoration: underline;
	font-size: 12px;
     }

.square .boxcontent a:hover {
	color: #646361;
	text-decoration: underline;
	font-size: 12px;
     }
.square .boxcontent a:active {
	color: #8A0210;
	text-decoration: underline;
	font-size: 12px;
     }	

/*form fieldset {
	border: 1px solid #CCCCCC;
	padding: 3px 5px 10px;
	background: #F4F4F4 url(../images/table_tr_bck.gif) repeat;
     }*/

.form_border {
	margin-bottom: 2px;

	border: 1px solid #E6E6E6;
	background: #F9FAFD;
	padding: 6px 8px 3px;
     }

form { /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	width: 99.5%;
	font-family: Arial, Helvetica, sans-serif;
     }

form fieldset {
	border: 1px solid #CCCCCC;
	padding: 3px 5px 10px;
	background: #FFFFFF;
     }

form fieldset legend {
	font-size:1.1em;
	color: #122B49;  /* be careful with padding, it'll shift the nice offset on top of border  */
	font-weight: bold;
     }

form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 150px;
	padding: 0;
	margin: 6px 8px 0 0;
     }

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;     /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                   /* pseudo-class on legend elements, but do support it on label elements */
                                   /* we instead underline first letter on each label element and accesskey */
                                   /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
     }

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto; /* set margin on left of form elements rather than right of
                   label aligns textarea better in IE  - NOTE: I changed this as it was affecting 
				   the layout of the entire site*/
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #122B49;
	border: 1px solid #CCCCCC;
	}

form input#submit, form input#reset, form input#button  {
	color: #FFFFFF;
	cursor: hand;
	background: #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #122B49;
	border-bottom: 1px solid #122B49;
	border-left: 1px solid #999999;
	margin-right: 2px;
	margin-top: 5px;
     }

form input#image {
	cursor: hand;
	border-style: none;
	margin: 0px;
	padding: 0px;
     }

form textarea {
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
     }

form .form_required_field_info {
	display: block; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	margin-bottom: 5px;
	background: url(../images/icon_cloverleaf.gif) no-repeat left center;
	text-indent: 10px;
	margin-top: 5px;
     }

form .form_field_info {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	padding: 0;
	margin-top: 4px;
	margin-left: 0;
     }

form .form_required_field_label { /* uses class instead of div, more efficient */
	background: url(../images/icon_cloverleaf.gif) no-repeat right center;
     } 

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
     }

/* End Form Content */


/* Start Table Content/
/* 
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/
table
{
	width: 99.5%;  /*99.5% added for Opera in order to remove horizontal scroll*/
	margin-bottom: 3px;
	border: 1px solid #E6E6E6;
	margin-left: 1px; /*1px added for Firefox in order to view table left border */
     }

caption
{
	text-align: left;
	padding: 7px;
	background: #F9FAFD;
     }

table,td
{
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	border: 1px solid #E6E6E6;
     }

thead th,
tbody th
{
	background: #F4F4F4 url(../images/table_th_bck.gif) repeat-x;
	color: #122B49;
	padding: 5px;
	border-left: 1px solid #E6E6E6;
	text-align: center;
	font-weight: normal;
	/*border-bottom: 1px solid #CCCCCC;*/
     }

tbody th
{
  background: #FAFAFA;
  border-top: 1px solid #CCCCCC;
  text-align: center;
  font-weight: normal;
     }
tbody tr td
{
	padding: 5px 2px 5px 5px;
	color: #122B49;
     }
tbody tr:hover
{
  background: #FFF url(../images/table_tr_bck.gif) repeat;
     }

tbody tr:hover td
{
  color: #122B49;
     }
tfoot td,
tfoot th
{
	border-top: 1px solid #CCCCCC;
	padding: 5px;
	background: #F4F4F4 url(../images/table_foot_bck.gif) repeat;
	color: #122B49;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
     }

thead th a:link {
	color: #122B49;
	text-decoration: underline;
     }

thead th a:visited {
	color: #122B49;
	text-decoration: underline;
     }

thead th a:hover {
	color: #8A0210;
	text-decoration: underline;
     }
thead th a:active {
	color: #122B49;
	text-decoration: underline;
     }

/* End Table Content */

/* Usable Colors:

#B6571F - #B3720D (hover)
#9B906A
#534D3A
#BDBDBD - A shade lighter than #AAAAAA
#72979F - green

 */