/* 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, 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: #666666;
	margin: 0px;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	background: #2B6EB1;
}

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

p em {
	color: #666666;
	font: 12px Arial, Helvetica, sans-serif;
	background: #F4F4F4;
}

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

.bold {
	color: #666666;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.hilite {
	background: #F4F4F4;
}

a:link {color: #FF9000; text-decoration: none;}
a:visited {color: #FF9000; text-decoration: none;}
a:hover {color: #003885; text-decoration: underline;}
a:active {color: #FF9000; text-decoration: none;}

h1 {
	font-size: 220%;
}

h2 {
	font-size: 190%;
}

h3 {
	font-size: 160%;
}

h4 {
	font-size: 130%;
	color: #003885;
}

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: 1px solid #666666;
}

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

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

.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 {             /* Used primarily to clear nested_right_content_page_title - prevents horizontal and vertical scroll in firefox */
     clear:right; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0;
}
	 
.clearit_right {             /* Same as .clearit - Used primarily to clear nested_right_content_page_title - prevents horizontal and vertical scroll in firefox */
     clear:right; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0;
}	 
	 
.clearit_left {            /* Used primarily to clear multi leftimage and leftimage_detail */
     clear:left; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0;
}	
	 
.clearit_both {
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0;
}	
	 
.image_border {
	margin-right: 15px;
	margin-top: 3px;
	border: 1px dashed #496D9D;  /*#CCCCCC*/
	padding: 12px;
	margin-bottom: 5px;
	background: #F9FAFD;
}

.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;
}
	
.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;
}
	
.image_media_player {
	background: url(../videos/images/media_player_125.gif) no-repeat;
	width: 125px;
	height: 123px;
}
	
.image_video {
	padding-top: 10px;
	padding-left: 8px;
}
	
.image_browser_window {
	background: url(../directory/images/browser_window_125.gif) no-repeat;
	width: 125px;
	height: 117px;
}
	
.image_link	{
	padding-top: 19px;
	padding-left: 5px;	
}
	
.image_link_detail {
	float: left;
	border: 1px dashed #496D9D;
	background: #F9FAFD; /*#F9FAFD;*/
	height: 137px;
	margin-right: 15px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
	
.image_picture_frame {
	float: left;
	border: 3px double #CCCCCC;  /*#CCCCCC*/
	padding: 10px 8px;
	background: #F9FAFD;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: center;
}
	
.image_picture_frame_detail {
	margin-right: 15px;
	float: left;
	margin-top: 3px;
	border: 3px double #CCCCCC;  /*#CCCCCC*/
	padding: 12px;
	margin-bottom: 5px;
	background: #F9FAFD;
}
	
.image_news_article {
	background: url(../news/images/news_background.gif) no-repeat;
	width: 125px;
	height: 134px;
}
	
.image_news	{
	padding-top: 22px;
	padding-left: 17px;	
}	
	
.image_classified {
	background: url(../classifieds/images/classifieds_bg.gif) no-repeat;
	width: 125px;
	height: 125px;
}
	
.image_classified_ad {
	padding-top: 30px;
	padding-left: 5px;
}	
	
.image_picture_voting {
	background: url(../pics/images/picture_voting_bg.gif) no-repeat;
	width: 125px;
	height: 125px;
}
	
.image_pic {
	padding-top: 23px;
	text-align: center; /*padding-left: 9px;*/
}	
	
.image_banner {
	margin-top: 6px;
	background: #003885;
	border: 1px solid #FFE11D;
	padding: 14px;
	margin-bottom: 2px;
}	
	 
.text_banner {
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFE11D;
}	

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


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

#wrapper {
	text-align: left;
	width: 900px;
	margin: 4px auto 10px;
}

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

#wrapper_popup {
	text-align: left;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
}
	 
#wrapper_popup ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}	 
	 
#wrapper_popup li {
	padding-left: 0.6em;
	background: url(../images/bullet.gif) no-repeat 0 0.4em;
}	 
	 
#header1 {
	background: #003885 url(../images/interface_header1_bg.jpg) repeat-x;
	height: 81px;
	padding-right: 10px;
	padding-left: 20px;
	border-bottom: 1px solid #FF9000;
}

.nested_left_content-header1 {
	float: left;
	margin-top: 20px;
}

.nested_right_content-header1{
	float: right;
	margin-top: 50px;
}
	
#header1 p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#header1 h1 {
	font: 22px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#header1 h2 {
	font: 15px Arial, Helvetica, sans-serif;
	color: #FFE11D;
	margin-left: 60px;
}

#header1 a:link {color: #FFFFFF; text-decoration: none; font-size: 12px;}
#header1 a:visited {color: #FFFFFF; text-decoration: none;}
#header1 a:hover {color: #FFE11D; text-decoration: underline; }
#header1 a:active {color: #FFFFFF; text-decoration: none; }
	 
#header2 {
	background: #C24600;
	height: 28px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #FFE11D;
}

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

.nested_right_content-header2{
	float: right;
	margin-top: 6px;
	color: #FFFFFF;
	text-align: right;
}

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


#header2 a:link {color: #FFFFFF; text-decoration: none; font: 11px Arial, Helvetica, sans-serif;}
#header2 a:visited {color: #FFFFFF; text-decoration: none; font: 11px Arial, Helvetica, sans-serif;}
#header2 a:hover {color: #FFFFFF; text-decoration: underline; font: 11px Arial, Helvetica, sans-serif;}
#header2 a:active {color: #FFFFFF; text-decoration: none; font: 11px Arial, Helvetica, sans-serif;}

#header3 { 
	background: #FF9000 url(../images/interface_header3_bg.jpg) repeat;
	height: 74px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #003885;
}

.nested_left_content-header3 {
	float: left;
	margin-top: 14px;
	width: 54.5%;  /* a value has been added to prevent float drop in IE6 */
}

.nested_right_content-header3 {
	float: right;
	margin-top: 14px;
	width: 45%;   /* a value has been added to prevent float drop in IE6 */
}

#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: #003885; text-decoration: underline; font: 11px Arial, Helvetica, sans-serif;}
#header3 a:active {color: #FFFFFF; text-decoration: none; font: 11px Arial, Helvetica, sans-serif;}

/*leftcolumn div width (195 pixels + applicable padding [0 left and 0 right] =  195 pixels) and is floated left*/

#leftcolumn {
	width: 195px;
	float: left;
	background: #003885 url(../images/interface_left_nav_bg3.jpg);
	/*display: inline; */  /* used in the petition site.  perhaps this is why the petition table borders show in Firefox */
}

/* BEGIN Left Side Navigation */

	
#navlist {
	border-bottom: 1px solid #003885;
}

#navlist li {
	list-style: none;
	border-top: 1px solid #003885;
}

#navlist li a {
	text-decoration: none;
	color: #FFFFFF;
}

#navlist li a:hover {
	text-decoration: none;
	color: #FFE11D;
}

/*.menutitle - for nav items with SubCategories*/

.menutitle {
	cursor:pointer;
	background: url(../images/interface_left_nav_bg.jpg) repeat-y;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 12px;
	color: #FFFFFF;
}
	
.menutitle :hover {
	color: #FFE11D;
	text-decoration: none;
	background: url(../images/bullet_ffe11d_2.gif) no-repeat right;
}	
	
/*.menutitle2 - for nav items w/o SubCategories*/

.menutitle2 {
	cursor:pointer;
	background: url(../images/interface_left_nav_bg.jpg) repeat-y;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 12px;
}

.menutitle2 a:link {display: block;}
.menutitle2 a:hover {text-decoration: none; display: block; background: url(../images/bullet_ffe11d.gif) no-repeat right;}
.menutitle2 a:visited {text-decoration: none; display: block;}
.menutitle2 a:active {text-decoration: none; display: block;}	
	
.submenu{
	padding-left: 18px;
	background: url(../images/interface_left_nav_bg.jpg) repeat-y;
	padding-bottom: 6px;
	padding-right: 12px;
}

.submenu p {
	color: #FFFFFF;
}	
	 
/* ********* START STYLE FOR ORIGINAL NAVIGATION (inc_navigation.asp) ********** 	 
	 
.menutitle {
	cursor:pointer;
	width:100%;
	background: #FFFFFF;
	border: 1px
}
	
.menutitle_hilight {
	cursor:pointer;
	width:100%;
	background: #F1F0FE;
}

.menutitle:hover {
	background: #F1F0FE;  
}
______________________

.menutitle2 {
	cursor:pointer;
	width:100%; 
	background: #FFFFFF;
}

.menutitle2:hover {
	background: #FFFFFF url(../images/bullet6.gif) no-repeat right;
}

.menutitle2 a:link {
	text-decoration: none;
	display: block;
	color: #646361;
}	

.menutitle2 a:hover {
	text-decoration: none;
	display: block;
	color: #646361;
}
	
.menutitle2 a:visited {
	text-decoration: none;
	display: block;
	color: #646361;
}

.menutitle2 a:active {
	text-decoration: none;
	display: block;
	color: #646361;
}	
	
.submenu{
	margin-top: 0.2em;
	padding-left: 0.2em;
}	 
	 
********** END STYLE FOR ORIGINAL NAVIGATION (inc_navigation.asp) ********** */	 

/* END Left Side Navigation */

/*rightcolumn div is given a margin (198px)that clears the nav width 195px + (applicable padding: 0px + 0px). There's now room for them on one line. Notice that the left margin for the content div is 3 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*/

#rightcolumn {
	margin-left: 198px;
	padding-left: 5px;
	background: #FFFFFF url(../images/interface_right_column_bg.gif) repeat-x;
	padding-right: 5px;
}
	 
.nested_left_content {
	width: 48%;
	float: left;
	margin-top: 0px;
	margin-bottom: 2px;
	height: 531px; /*height added to prevent float drop at default.asp page IE6 */
}	
	
.nested_right_content {
	width: 49%;
	float: right;
	margin-top: 0px;
	margin-bottom: 2px;
	height: 530px; /*height added to prevent float drop at default.asp page IE6 */
}
	
/*  For Pic Voting ~~~~~~~~~~~~~~~~~~~~~~~	*/
	
.nested_left_content2 {
	float: left;
	margin-top: 0px;
	width: 70%;
	height: 510px;  /*height added to prevent float drop IE6 */
}	
	
.nested_right_content2 {
	width: 25%;
	float: right;
	margin-top: 0px;
	padding: 12px;
	background: #F9FAFD;
	height: 480px;  /*height added to prevent float drop IE6 */
	border: 1px solid #E6E6E6;
}	
	
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	*/	

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

#rightcolumn 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_left_content_page_title a:link {color: #003885; text-decoration: underline;}
.nested_left_content_page_title a:visited {color: #003885; text-decoration: underline;}
.nested_left_content_page_title a:hover {color: #C24600; text-decoration: underline;}
.nested_left_content_page_title a:active {color: #003885; text-decoration: underline;}	

.nested_left_content_page_title p {
	color: #64638B;
	font-style: italic;
} 

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

.nested_right_content_page_title a:link {color: #003885; text-decoration: none;}
.nested_right_content_page_title a:visited {color: #003885; text-decoration: none;}
.nested_right_content_page_title a:hover {color: #C24600; text-decoration: underline;}
.nested_right_content_page_title a:active {color: #003885; text-decoration: none;}	 

.page_title1 {
	font: 20px Arial, Helvetica, sans-serif;
	color: #64638B;
}

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

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

.record_activity {
	font: 10px Arial, Helvetica, sans-serif;
	color: #72979F;
}
	 
#footer {
	clear: both;
	text-align: center;
	background: #003885;
	height: 70px;
	padding-right: 10px;
	padding-left: 10px;
}

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

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

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

.content_holder {
	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: 18px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #E6E6E6;
	margin-right: 2px;
	margin-left: 1px;
}

.content_holder_graph {
	background: url(../images/rainbow_bar.gif);
	margin-top: 3px;
	margin-bottom: 6px;
	width: 95%;
}
	
.Hlooper_div {
	width: 49%;
	margin-right: 4px; 
	float: left;
	vertical-align: text-top;
	margin-top: 1px; /*1px added for Foxfire in order to view table top border */
}
	 
.Hlooper_div_3 {
	width: 32.5%; 
	margin-right: 4px; 
	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: #666666; text-decoration: underline;}
.Hlooper_SubCat_div a:visited {color: #666666; text-decoration: underline;}
.Hlooper_SubCat_div a:hover {color: #003885; text-decoration: underline;}
.Hlooper_SubCat_div a:active {color: #666666; text-decoration: underline;}


/* ----------------- 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%;
	height: 24px;
	margin-left: 1px;
	  }
	  
#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;
 }
	  
#tabsB a span {
      float:left;
      display:block;
      background:url(../images/tab_rightB.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666666;
}
	 
/* 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 */

.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 {
	width: 90%;
	margin: 5px auto;
}

/* Square cutout Borders*/
.square {
	/* background:transparent; */
	margin:8px auto 10px;
	width: 91%;
}

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

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

.square p {
	padding-bottom:0.2em;
	color:#00c; 
	text-align: center;
}

.square .top, .square .bottom {
	display:block; 
	/* background:transparent; */
	font-size:1px;
}

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

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

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

.square .boxcontent {
	display:block;
	border-left:1px solid  #FFE11D;
	border-right:1px solid  #FFE11D;
	background: #003885;
}
	
.boxcontent p{
	color: #FFFFFF; 
}	
	
	

/*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 { 
	width: 100%; /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	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: #666666;  /* 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: #666666;
	border: 1px solid #CCCCCC;
}

form input#submit, form input#reset, form input#button  {
	color: #FFFFFF;
	cursor: hand;
	background: #768396;
	border-top: 1px solid #999999;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	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 */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.commentbox {
	background-color: #F9FAFD;
	padding: 10px;
}

.commentfooter {
    background: url(../images/comment_arrow.gif) no-repeat 20px 0; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
    padding-left: 58px;
    padding-top: 1px;
    margin-bottom: 1em;
    font-size: 90%;
    color: #4A4A4A;
}

/* Start MyTable Content - table style in order to accommodate Rich Text Editor*/

table.mytable {
	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 */
	margin-top: 1px; /*1px added for Firefox in order to view table left border */
     }

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

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

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

tbody.mytable th.mytable {
  	background: #FAFAFA;
  	border-top: 1px solid #CCCCCC;
  	text-align: center;
  	font-weight: normal;
     }

tbody.mytable tr.mytable td.mytable {
	padding: 5px 2px 5px 5px;
	color: #666666;
     }

tbody.mytable tr.mytable:hover {
  	background: #FFF url(../images/table_tr_bck.gif) repeat;
     }

tbody.mytable tr.mytable:hover td.mytable{
	color: #666666;
     }

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

thead.mytable th.mytable a:link {color: #666666; text-decoration: underline;}
thead.mytable th.mytable a:visited {color: #666666;	text-decoration: underline;}
thead.mytable th.mytable a:hover {color: #003885; text-decoration: underline;}
thead.mytable th.mytable a:active {color: #666666; text-decoration: underline;}
	 
/* End MyTable Content */