/***********************************************************************
------------------------Basic Elements------------------------------
************************************************************************/
/*This sets page background color to white*/
body{
font:12px "Arial", sans-serif;
color:#000000;
background-color: #CCCCCC;
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #006699;
SCROLLBAR-DARKSHADOW-COLOR: #006699;
SCROLLBAR-TRACK-COLOR: #EEEEEE;
SCROLLBAR-ARROW-COLOR: #0066cc;
}

/*This sets default attributes of text in any of these html elements*/
table,tr,th,td,p,ul,li,ol{
font:12px "Arial", sans-serif;
color:#000000;
}

/*Sets default for h1 Headings which should be the used at the top of every page*/
h1 {
font:20px "Arial", sans-serif;
color : #000000;
}

/*Sets default for h2 Headings which should be used for nested heading under an h1*/
h2 {
font:16px "Arial", sans-serif;
color : #000000;
} 

/*Sets default for h3 Headingswhich should be used for nested heading under an h2*/
h3 {
font:14px "Arial", sans-serif;
color : #000000;
}

/*Sets default for h4 Headingswhich should be used for nested heading under an h2*/
h4 {
font:12px "Arial", sans-serif;
color : #000000;
font-weight:bold;
display:inline;
}

/*Sets default the <strong></strong> tag. Should be used to make text stand out to the user.*/
strong{
font-weight: bold;
}

/*Set default for an <a href="">*/
a:link{
color: #0000CC;
text-decoration: underline;
}

/*Set default for an <a href=""> that has already been clicked and is in the users history*/
a:visited{
color:#2476FF;
text-decoration:underline;
}

/*Set default for an <a href=""> that is being moused over*/
a:hover{
color: #FFFFFF;
text-decoration: none;
}

/*Set default for an <a href=""> that is being clicked on*/


/*FOR STYLEING GLOBAL FOOTER*/
#gfooter {
font:10px "Arial", sans-serif;
color:#fff;
}
	#gfooter a{
	color:#fff;
	text-decoration:none;
	}
/***********************************************************************
---------------Class that can be used on p,span, and div tags------------
************************************************************************/

/*----------------Basic Content styles*/

/*This style is for Netscape 4.x. The style for Newer versions of IE and NN are set in ADVANCED.css. This class makes it so in NN 4.x extra indention is not added to ul or li.*/
.noindent{
margin-left:0;
padding-left:0;
}

/*This class should be put on a <p> tag around text that is footnoted. Footnoted text is text that typically is put at the bottom of the paragraph and is referred to by a special character from the body of the page. This text is usually just for reference or disclaimer and is meant to be de-emphasized on the page.*/
.footnote{
font:10px "Arial", sans-serif;
font-style:italic;
}


/*Class to be applied to text that acts as instructions on the page*/
.instructions{
}

/*Class can be put on a <p> or <span>, and should be used to make text bigger than the normal 12px text*/
.large {
font:14px "Arial", sans-serif;
}
	/*for when you have anchors with in an element with this class*/
	.large a{
	font:14px "Arial", sans-serif;
	}
	.large a:visited{
	font:14px "Arial", sans-serif;
	}		
	/*for when you assign this class to an anchor*/
	a.large{
	font:14px "Arial", sans-serif;
	}
	a:visited.large {
	font:14px "Arial", sans-serif;
	}		


/*Class can be put on a <p> or <span>, and should be used to make text bigger than the normal 12px text*/ 
.largebold{
font:14px "Arial", sans-serif;
font-weight:bold;
}
	/*for when you have anchors with in an element with this class*/	
	.largebold  a{
	font:14px "Arial", sans-serif;
	font-weight:bold;
	}	
	.largebold a:visited {
	font:14px "Arial", sans-serif;
	font-weight:bold;
	}			
	/*for when you assign this class to an anchor*/
	a.largebold  {
	font:14px "Arial", sans-serif;
	font-weight:bold;
	}	
	a:visited.largebold  {
	font:14px "Arial", sans-serif;
	font-weight:bold;
	}			
	
/*Class can be put on a <p> or <span>, and should be used to make text larger than the normal 12px text and italic*/	
.largeitalic {
font:14px "Arial", sans-serif;
font-style:italic;
}
	/*for when you have anchors with in an element with this class*/	
	.largeitalic a{
	font:14px "Arial", sans-serif;
	font-style:italic;
	}
	.largeitalic a:visited{
	font:14px "Arial", sans-serif;
	font-style:italic;
	}	
	/*for when you assign this class to an anchor*/
	a.largeitalic {
	font:14px "Arial", sans-serif;
	font-style:italic;
	}
	a:visited.largeitalic {
	font:14px "Arial", sans-serif;
	font-style:italic;
	}		
	
/*Class can be put on a <p> or <span>, and should be used to make text larger than the normal 12px text, italic, and bold*/
.largeitalicbold {
font:14px "Arial", sans-serif;
font-style:italic;
font-weight:bold;
}
	/*for when you have anchors with in an element with this class*/	
	.largeitalicbold a{
	font:14px "Arial", sans-serif;
	font-style:italic;
	font-weight:bold;
	}
	.largeitalicbold a:visited{
	font:14px "Arial", sans-serif;
	font-style:italic;
	font-weight:bold;
	}
	/*for when you assign this class to an anchor*/
	a.largeitalicbold {
	font:14px "Arial", sans-serif;
	font-style:italic;
	font-weight:bold;
	}
	a:visited.largeitalicbold {
	font:14px "Arial", sans-serif;
	font-style:italic;
	font-weight:bold;
	}
	
	
/*Class can be put on a <p> or <span>, and should be used to make text smaller than the normal 12px text*/
.small {
font:10px "Arial", sans-serif;
}
	/*for when you have anchors with in an element with this class*/	
	.small a{
	font:10px "Arial", sans-serif;
	}
	.small a:visited{
	font:10px "Arial", sans-serif;
	}
	/*for when you assign this class to an anchor*/	
	a.small {
	font:10px "Arial", sans-serif;
	}
	a:visited.small {
	font:10px "Arial", sans-serif;
	}	
	
.smallwhite {
font:10px "Arial", sans-serif;
color:#fff;
}
	/*for when you have anchors with in an element with this class*/	
	.smallwhite a{
	color:#fff;
	}
	.smallwhite a:visited{
	color:#fff;
	}
	/*for when you assign this class to an anchor*/	
	a.smallwhite {
	color:#fff;
	}
	a:visited.smallwhite{
	color:#fff;
	}			

/*Class can be put on a <p> or <span>, and should be used to make text smaller than the normal 12px text*/	
.smallbold {
font:10px "Arial", sans-serif;
font-weight:bold;
}
	/*for when you have anchors with in an element with this class*/	
	.smallbold a{
	font:10px "Arial", sans-serif;
	font-weight:bold;	
	}
	.smallbold a:visited{
	font:10px "Arial", sans-serif;
	font-weight:bold;	
	}
	/*for when you assign this class to an anchor*/
	a.smallbold {
	font:10px "Arial", sans-serif;
	font-weight:bold;	
	}
	a:visited.smallbold {
	font:10px "Arial", sans-serif;
	font-weight:bold;	
	}	
	
/*Class can be put on a <p> or <span>, and should be used to make text smaller than the normal 12px text and italic*/			
.smallitalic {
font:10px "Arial", sans-serif;
font-style:italic;
}
	/*for when you have anchors with in an element with this class*/	
	.smallitalic a{
	font:10px "Arial", sans-serif;
	font-style:italic;
	}
	.smallitalic a:visited{
	font:10px "Arial", sans-serif;
	font-style:italic;
	}	
	/*for when you assign this class to an anchor*/
	a.smallitalic {
	font:10px "Arial", sans-serif;
	font-style:italic;
	}
	a:visited.smallitalic {
	font:10px "Arial", sans-serif;
	font-style:italic;
	}	
	
	
/*Class can be put on a <p> or <span>, and should be used to make text smaller than the normal 12px text and italic*/	
.smallitalicbold {
font:10px "Arial", sans-serif;
font-style:italic;
font-weight:bold;
}
	/*for when you have anchors with in an element with this class*/	
	.smallitalicbold a{
	font:10px "Arial", sans-serif;
	font-style:italic;
	font-weight:bold;
	}	
	.smallitalicbold a:visited{
	font:10px "Arial", sans-serif;
	font-style:italic;
	font-weight:bold;
	}		
	/*for when you assign this class to an anchor*/
	a.smallitalicbold {
	font:10px "Arial", sans-serif;
	font-style:italic;
	font-weight:bold;
	}	
	a:visited.smallitalicbold {
	font:10px "Arial", sans-serif;
	font-style:italic;
	font-weight:bold;
	}		
	
	
/*Class can be put on a <p> or <span>, and should be used to make text red, typically used on information that the user must see.*/
.red {
COLOR: #cc0000;
}

 /*Class can be put on a <p> or <span>, and should be used to make text white, typically used on text that is displayed on a dark background.*/
.white{
COLOR: #ffffff;
}


/*-------------------FORM CLASSES*/

/*Defines what the td of the form header should look like such as background color and padding ,as well as how the Header text should be formatted*/
.formheader{
font:12px "Arial", sans-serif;
color:#fff;
background:#AA0033;
font-weight:bold;
padding:3px;
text-align:left;
}


/*OLD STYLE MANINTAINED ONLY TO PREVENT OLD USSAGE FROM BREAKING... REMOVE ANY INSTANCE WHEN YOU SEE IT AN USE formlabeltop or formlabelmid NOTE: bottom-border, and padding are all set in Advanced.css*/
.formlabel{
font:11px "Arial", sans-serif;
color:#333;
text-align:right;
vertical-align:top;
background:#e4e4e4;
font-weight:bold;
}

/*Defines what the td of the form label that only spans one row, such as Job Title: should look like as well as how the label text should be formatted. NOTE: bottom-border, and padding are all set in Advanced.css*/
.formlabeltop{
font:11px "Arial", sans-serif;
color:#333;
font-weight:bold;
text-align:right;
vertical-align:top;
background:#e4e4e4;
}


/*Defines what the td of the form label that spans multiple rows, such as Full Name: or Street Address should look like as well as how the label text should be formatted. NOTE: bottom-border, and padding are all set in Advanced.css*/
.formlabelmid{
font:11px "Arial", sans-serif;
color:#333;
font-weight:bold;
text-align:right;
vertical-align:middle;
background:#e4e4e4;
}
	.formlabelmidleft{
	font:11px "Arial", sans-serif;
	color:#333;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	background:#e4e4e4;
	}

/*Defines what the td of the form field should look likeNOTE: line-height, and padding are all set in Advanced.css*/
.formfield{
font:12px "Arial", sans-serif;
vertical-align:top;
}

/*This class should be used in a <span> that is wrapping an asterisk [*] that denotes a field that the user is required to fill out.*/
.requiredfield{
font-weight:bold;
font:12px "Arial", sans-serif;
color:red;
}

/*This class can be used on a <p> or <span> that surrounds text accompanied by a check box that the user checks if they agree to do something */
.agreement{
font:10px "Arial", sans-serif;
font-style:italic;
}

/*-------------------Discussion Group Classes*/

/*Used to show the user that there are new posts in the discussion on the main page*/
.dgnewpost{
font:10px "Arial", sans-serif;
color:#FF0000;
}

/*Used to display a preview of a post while viewing the discussion tree*/
.dgpostpreview{
font:10px "Arial", sans-serif;
color:#8f8f8f;
font-style:italic;
}


/*-------------------Table Classes Classes: To be used on data that is displayed in a matrix or grid.*/
.grid td  {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

td.head {
background:#990000;
font:12px "Arial";
color:#fff
