.pageheader
{
    color: #444; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular 
}
.copy2    
{
	color: black; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}
.link2 
{
	color:	#c3000b; 
	display:inline-block;  
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border-collapse:separate;
}

a:active	
{	
	text-decoration:	none;
	color:	#FF0000;
}
a:visited		
{
	CURSOR: pointer;
	color: #c3000b;
	border-bottom-width: .05em ; 
	border-bottom-style: groove;
	border-bottom-color: #0000FF;
}
a:link		
{
	color: #c3000b;
	border-bottom-width: .05em ; 
	border-bottom-style: groove;
	border-bottom-color: #0000FF; 
	CURSOR: pointer;
	vertical-align: baseline;
}

a.linkImage:visited
{ 
	border-style: none;
}
a.linkImage:link
{ 
	border-style: none;
}

a.linkItem
{
	width:250px;
	border-bottom-color: #0000FF;
	margin-bottom: 10px;
}

a.indexlink:visited    
{ 
	color: #c3000b;
	border-bottom-color:#0000FF; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 	
}
a.indexlink:hover    
{ 
	color: #c3000b;
	border-bottom-color:#0000FF; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 	
}
a.langlink
{
	border-style: none;
}
a.langlink:visited
{		
	border-style: none;
}
.header1
{
	font-size:"2"; 
	color:#c3000b; 
	font-family:"Arial";
}
.largePageheader
{
	color: #444; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular 
}
/*Heading used at the top of modal boxes*/
.modalHeader
{
	margin:0px; 
	padding:0px;
	cursor: move;
	background-color:#DDDDDD;
	border:solid 1px Gray;
	color:Black;
}
.removeSpace
{
	margin:0px;
	padding:0px;
	text-align:center;
}
/*Used to format subsection headings within a page, */
.subhead
{
	color: #222; font-size: 12px;
	font-weight:bolder; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ;
	text-decoration:none;
}
.subheadIndent
{
	color: #222; font-size: 12px; padding:0px 0 0 2px;
	font-weight:bolder; 
	display:inline;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ;
	
}

.spacesubhead
{
	color: #222; font-size: 12px;
	font-weight:900; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ;
	padding-right:3px;
	
}
.bold
{
	color: #000; font-size: 12px;
	font-weight:bolder; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ;
}

/*Used in place of <br>, in case spacing needs to be changed later*/
.spacer
{
	margin-bottom:1em;
	width:auto;
}
/*Used in place of spacer when needed to clear a floating div*/
.clearspacer
{
	clear:both;
	margin-bottom:1em;
	width:auto;
}
.floatSpacer
{
	float:left;
	margin-bottom:1em;
	width:auto;
	
}
/*Creates a bottom margin twice as large as spacer*/
.doublespacer
{
	padding:0px;
	margin-bottom:2em;
}
.dataPadder
{
	padding:5px 15px 5px 0px;
}
/*Centers an element as well as any text element underneath it(as a side effect to centering)
  for IE */
.center
{
	margin:0 auto;
	clear:both;
	text-align: center;
}
.labelShifter
{
	float:left;
	clear:both;
	margin:0 0 0 148px;
}
.larger
{
	font-family:Serif;
	font-size:16px;
}
/*Used as container for a row of items that have to be centered even when the width 
  isn't known*/
.featurecontainer 
{
	display: table;
	margin: 0 auto;
	text-align: center; /* center inline blocks for IE */
	border-spacing: 10px 0; /* cellspacing distance - horizontal/vertical 
                               NOTE this only spaces the firefox/opera, ie is spaced by
                               margin inside .featurecontainer .featurebox in all-ie.css*/
}
.featurecontainer .featurebox {
display: table-cell; /* FF and Opera, IE will ignore this and use the above two rules */
text-align: left; /* only if required to override center on container */
padding: 0px;
font-size: 1.3em;

/*width: 180px;*/
} 
/*Mainly used as class for holding all page content, also holds values for 
 copy class*/
.contentwrapper
{
	height:100%;
	float:left;
	width:751px;
	margin-left:35px;
	clear:both;
	color: black;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 12px;
	display:inline;	 
	
}
/*Used to wrap contentwrapper if a page is short enough that the footer overlaps
  with the left menu*/
.linkSpacer
{
	 min-height:400px;
}
/*Makes an element stick to the right side, as well as ensuring it's the only floating item
  in that row*/
.rightSide
{
	float:right;
	clear:both;
}
.paddedRightSide
{
	float:right;
	clear:both;
	padding-bottom:3px;
}
.emphasis
{
	font-weight:bolder;
	text-decoration:underline;
}
/*Used to format a label for a text box or similar control where the label needs to be right
  next to the control it describes*/
.label
{
	text-align:left;
	color: black; font-size: 12px; 
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    float:left;
}
/*Used to format a label for a text box or similar control where numerous labels need to be
  aligned without knowing the exact length of the labels*/
.baselabel
{
	width:148px;
	text-align:left;
	color: black; font-size: 12px; 
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    float:left;
}
/*Used to format a label for a text box or similar control where numerous labels need to be
  aligned without knowing the exact length of the labels, and where space is at a premium*/
.shortbaselabel
{
	width:75px;
	text-align:left;
	color: black; font-size: 12px; 
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    float:left;
}
/*Used to wrap a line so that the items are stuck on the left side and no other element will
  be on the same line as it*/
.contentline
{
	float:left;
	margin-bottom:5px;
	clear:both;
	display:inline;
}
.centeredContentLine
{
	
	float:left;
	margin-bottom:5px;
	width:100%;
	
	display:inline;
}
.box
{
	color: black; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	float:left;
	display:inline;
	margin:0 10px 0 0;
}

.clearright
{
	clear:right;
	float:left;
}
.clearall
{
	clear:both;
}
.clearbox
{
	color: black; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	clear:right;
	float:left;
	display:inline;
}

/*Used to easily space buttons out, and by wrapping all the buttons in a div, the row
  of buttons can be easily centered as well*/
.buttonFloatSpacer
{
	padding:0 0 2px 0;
	margin:0px 20px 0px 0px;
	float:left;
	display:inline-block;
}
/*Similar to largeFloatSpacer, but the padding increased*/
.largeFloatSpacer
{
	padding:0 0 2px 0;
	margin:0px 80px 0px 0px;
	float:left;
	display:inline-block;
}
/*Frames a div with a thin grey line at the very bottom, with a small margin seperating
  from other elements on the bottom*/
.seperator
{

	border-width: 0px 0px 1px 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse:separate;
	float:left;
	clear:both;
	margin-bottom:1em;
	width:100%;
	display:inline;
}
/*Like seperator, but it switches the 1em margin on the bottom for the .5em padding on each
  side*/
.equalseperator
{

	border-width: 0px 0px 1px 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse:separate;
	float:left;
	clear:both;
	padding:.5em 0;
	width:100%;
	display:inline;
}
/*Much like seperator, only it centers the object and also puts a grey line on the top and
  bottom*/
.doubleDivider
{
	float:left;
	border-width: 1px 0px 1px 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse:collapse;
	margin:auto;
	clear:both;
}
/*Like doubleDivider, only it's designed to take the whole page, instead of just expanding
  to the widest item contained*/
.fullDoubleDivider
{
	float:left;
	border-width: 1px 0px 1px 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse:collapse;
	margin:0 auto 1em auto;
	clear:both;
	width:755px;
	display:inline;
}
/*This is basically used to get the effects of link2 when wrapping a line of text
  without using a class named link for it*/
.attentionText
{
	color:	#c3000b; 
	display:inline-block;  
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border-collapse:separate;
}
.highlight
{
	 background-color:#ffffcc;
}
.highlightHeader
{
	clear:both;
	text-align:center;
	background-color:#ffffcc;
	color:	#c3000b;
	font-size: 12px;
	font-weight:bolder; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ;
}
/*Similar to highlightHeader only it doesn't center the text*/
.highlightLeftHeader
{
	background-color:#ffffcc;
	color:	#c3000b;
	font-size: 12px;
	font-weight:bolder; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ;
}
.padder
{
	margin-bottom:5px;
}
.smallPadder
{
	float:left;
	clear:both;
	padding-bottom:3px;
}
/*Used as the default class for header columns in tables, as well as putting some space  
  inbetween the next header to come*/
.tableColCenter
{
	padding:0 10px 0 10px;
	text-align:center;
}
/*Used as the default class for formatting data columns within a table*/
.tableColLeft
{
	margin:0 20px 0 0;
	text-align:left;
}
.brightHeader
{
	color:	#c3000b; 
	display:inline-block;  
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border-collapse:separate;

}
/*Used to format the headers for tables of data(usually in GridView or custom controls)*/
.defaultTableHeader
{
	color:	#c3000b; 
	background-color:#ffffcc;
	display:inline-block;  
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border-collapse:separate;
	padding:0 10px 0 10px;
	text-align:center;
}
/*Used to give each header more space then tableHeader, but otherwise essentially the same
  Used more where the data is much longer then the header name*/
.wideTableHeader
{
	color:	#c3000b; 
	background-color:#ffffcc;
	display:inline-block;  
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border-collapse:separate;
	padding:0 25px 0 25px;
	text-align:center;
}
/*Used to center table data, usually in the case where text is not used. */
.tableEleCenter
{
	display:block;
	margin:0 auto;
}
.floatParagraph
{
	float:left;
	width:100%;
	clear:both;	
	color: black; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	margin:0px 0px 1em 0px;
}

.indentListItem
{
	margin-top:15px;
}


/*Used to format a single column list without having the bullets for each item*/
.listColumn
{
	list-style-type:none;
	overflow: auto;
	margin:5px 5px 5px 0px;
	padding:4px 4px 4px 0px;
}
/*Similar to listColumn, only there is no additional indentation*/
.plainListColumn
{
	list-style-type:none;
	overflow:auto;
}
/*Similar to listColumn, only there is minor indentation*/
.compactListColumn
{
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}
.leftBulletColumn
{
	list-style-type:disc;
	margin:0 0px 0px 1px;
	padding:0 0px 0 1px;
	float:left;
	clear:left; list-style-position:inside;
}
.rightBulletColumn
{
	list-style-type:disc;
	margin:0 0 0px 1px;
	padding:0 0 0 1px;
	float:left;
	clear:right;
	display:inline;
	list-style-position:inside;
}
/*Used for a two column list approach with rightLinkColumn */
.leftLinkColumn
{
	float:left;
	clear:left;
	list-style-type:none;
	padding:4px 8px 4px 0px;
	font-family:serif;
	font-size: 16px;
	margin:0px;
	
}

.rightLinkColumn
{
	float:left;
	clear:right;
	list-style-type:none;
	padding:4px 0px 4px 8px;
	font-family:serif;
	font-size: 16px;
	margin:0px;
}
/*Used for a two column list approach with rightListColumn, differences compared to
  leftLinkColumn is that the font is bigger and red*/
.leftListColumn
{
	float:left;
	clear:left;
	list-style-type:none;
	margin:5px 0px 5px 0px;
	padding:4px 4px 4px 0px;
}

.rightListColumn
{
	float:left;
	clear:right;
	list-style-type:none;
	margin:5px 5px 5px 0px;
	padding:4px 4px 4px 4px;
	
}
/*Like left/rightListColumn except the widths are explicitly set*/
.leftHalfListColumn
{
	float:left;
	clear:left;
	list-style-type:none;
	margin:5px 0px 5px 0px;
	padding:4px 4px 4px 0px;
	width:47%;
}
.rightHalfListColumn
{
	float:left;
	clear:right;
	list-style-type:none;
	margin:5px 5px 5px 0px;
	padding:4px 4px 4px 4px;
	width:47%;
}
/*Similar to leftListColumn, only the space between the equivalent right column are much
 smaller */
.compactLeftListColumn
{
	float:left;
	clear:left;
	list-style-type:none;
	margin:0 10px 0 0;
	padding:0px 4px 0px 0px;
}
.compactRightListColumn
{
	float:left;
	clear:right;
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0px 4px 0px 4px;
	
}
.spacedRightListColumn
{
	float:left;
	clear:right;
	list-style-type:none;
	overflow: auto;
	margin:5px 5px 5px 200px;
	padding:4px 4px 4px 4px;
	
}

.baseModal
{  
    background-color:Gray;
	filter:alpha(opacity=60);
	opacity:0.6;    
}
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.largeModalPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:740px;
}
/*Used to hide items that still need to be rendered, but shouldn't be shown. Used mainly for
  hidden buttons used to launch modal controls, since setting them to Visible=false causes
  an error in the launch of the popup */
.hiddenItem
{
	visibility:hidden;
}
.greyHeader
{
	width:100%;
	text-align:left;
	background-color:Gray;
	margin:0 auto;
	color:White;
}
/*Used by when inside a large modal panel so that the sub items can be seen */
.modalHeightContainer
{
	height:500px;
	overflow:scroll;
}

.itemHeader
{
	 font-weight: bold;
	 text-decoration:underline;
	 font-size: 14px; 
	 font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular 
}

.leftItemClear
{
	float:left;
	clear:both;
	margin:0;
}
.leftItem
{
	float:left;
	margin:auto;
	display:inline;
}
/*Similar to leftItem, only a small margin is placed on the right side*/
.leftSpacedItem
{
	float:left;
	margin:0px 10px 0px 0px ;
	display:inline;
}
.leftLargeSpaced
{
	float:left;
	margin:0px 70px 0px 0px ;
	display:inline;
}
.calendar
{
	padding:0 5px 0 5px;
}
.smtxt 
{ 
	color: black; 
	font-size: 10px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular 
}

.pophdr 
{ 
	color: white; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
}


div.mainMenuWrapper a{margin: 10px 15px 0 15px;}


div.mainMenuWrapper 
{ text-align: center;  
                      margin: 27px 0 0 0; 
                       
} 

/*Used to make the ajax Calender Extender controls not get clipped by the footer*/
.ajax__calendar_container {
    z-index:20000;
}


/* Accordion added by SD 1-15-08 */
.accordionHeader
{
    border: 1px solid #2F4F4F;  
    cursor: pointer;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;    
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px; 
    padding-bottom:10px;   
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.leftSpaceHorzDivider
{
	margin:0 0px 0 0px;
	padding: 0 0px 0 5px;
	border-width:0 0px 0 1px;
	border-collapse:collapse;
	border-style:solid;
	border-color:Black;
}
.horzDivider
{
	padding: 0 5px 0 5px;
	border-width:0 0px 0 1px;
	border-collapse:collapse;
	border-style:solid;
	border-color:Black;
}
a.imagelinkanchor 
{
	color: #666666;
	border:solid 3px Gray;
	padding: 2px 3px;
	font-weight: 600;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	float:left;
}

a.imagelinkanchor:hover	
{
	color: #FFFFFF; 
	background-color: #333333;
}
/* Ajax tab style 1/18/08 */
.CustomTabStyle .ajax__tab_header {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
}

.CustomTabStyle .ajax__tab_body 
{
	background-color:#D3DEEF;
	border:1px;
	height:50px;
}
.CustomTabStyle .ajax__tab_inner 
{
	background-color:#5078B3;
}
/*.CustomTabStyle .ajax__tab_outer { }
.CustomTabStyle .ajax__tab_tab {}*/


.newspageTitles
{
	/*color:#c90016;*/
	font-size:large;
	font-weight:normal;
	color:Gray;
}
/*Used to space out */
.leftCareerColumn
{
	width:187px;
	color:Red;
	float:left;
	clear:left;
}

.rightCareerColumn
{
	width:550px;
	float:left;
	clear:right;
}
.watermarked
{
    height: 20px;
    width: 150px;
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
}
.unwatermarked
{
    height: 20px;
    width: 150px;
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    background-color: #FFFFFF;
}
/******************************************************************************************
***************************************DataColumn Section*************************************************/