/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */

html, p, h1, h2, h3, h4, h5, h6 {

	color: #000;
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8.5pt;
    
}

body

{
	font-family:Verdana, Arial, Times, serif;
	font-size:8.5pt;
    background: url(Images/main_bg.gif) #ffffcc;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    
    }

#wrapper

{

    position:absolute;
    width:767px; 
    left:50%; 
    margin-left:-383px;
    padding: 0 0 0 0;
	border:1px solid #CCC;
	background-color:#FFF;
	padding-bottom:0px;
	text-align:left;
	
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
	width: 767px;
	wid\th: 765px;
}


/* Text Elements */


.PageTitle
{
    position:relative;
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
    font-weight: bolder;
    text-transform: uppercase;
    color: #3A5298;
}

.SubHeading

{   
    
    Font-size: 8.5pt;
    font-weight: bolder;
    color: #000;
    
}


.DateLabel
{
    font-size: 7pt;
    font-style: italic;
}

.whitetxt 
{
    font-family:Verdana, Arial, Times, serif;
	font-size:8.5pt;
    color: #FFF;  
    
}

.whitetxtlogout 
{
    position: relative;
    top: 5px;
    right: 10px;
    font-family:Verdana, Arial, Times, serif;
	font-size:8.5pt;
    color: #FFFFFF;  
    
}

li
{
    list-style-image: url(Images/icons/BlueSquare.gif);
}


.HorizontalDivider
{
    border: none 0; 
	border-top: 1px dashed #CCC;/*the border*/
	width: 100%;
	text-align: center;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top: 10px;
	margin-bottom:10px;
    
}


/* General A HREF Elements */


a:visited

{
    
    color: #000;
    text-decoration:none;
    font-weight: normal;
  
}

a:link

{
    
    color: #000;
    text-decoration:none;
    font-weight: normal;
  
}

a:active
{
    
    color: #000;
    text-decoration: underline;
    font-weight: normal;
 
}

a:hover 
{
    text-decoration:underline;
    color: #666;
    font-weight: normal;
    
}

a.whitetxt:visited 
    {
    color: #FFF;
    text-decoration:none;
    }

a.whitetxt:link 
    {
    color: #FFF;
    text-decoration:none;
    }

a.whitetxt:hover 
    {
    color: #FFF;
    text-decoration:underline;
    }
    
    
    a.whitetxtlogout:visited 
    {
    float:right;
    color: #FFF;
    text-decoration:none;
    }

a.whitetxtlogout:link 
    {
        float:right;
    color: #FFF;
    text-decoration:none;
    }

a.whitetxtlogout:hover 
    {
    float:right;
    color: #FFF;
    text-decoration:underline;
    }
    
    
    
    
a.leftnavlink:visited
    
    {
  
    color: #39529C;
    font-size: 8.5pt;
    line-height:20px;
    text-decoration:none;
    font-weight:bold;
    padding-left: 2px; 
        
    }
  
a.leftnavlink:link
    {
    color: #39529C;
    font-size: 8.5pt;
    line-height:20px;
    text-decoration:none;
    font-weight:bold;
    padding-left: 2px;
    }
    
a.leftnavlink:selected
    {
    color: #39529C;
    font-size: 8.5pt;
    line-height:20px;
    text-decoration:none;
    font-weight:bold;
    padding-left: 2px;
    }

a.leftnavlink:hover
    {
    color: #39529C;
    font-size: 8.5pt;
    line-height:20px;
    text-decoration:underline;
    font-weight:bold;
    padding-left: 2px;
 }
 
 
 a.BlackLink:visited
 
  {
    color: #000000;
    font-size: 8pt;
    font-weight:normal;
    line-height:20px;
    padding-left: 2px;
  
  }
 
  a.BlackLink:link
  
  {
    color: #000000;
    font-size: 8pt;
    font-weight:normal;
    text-decoration:underline;
    }
    
    a.BlackLink:hover
    {
    color: #666;
    font-size: 8pt;
    font-weight:normal;
    text-decoration:underline;
    }
 
 
 a.BlueLink:visited
 
  {
    color: #39529C;
    font-size: 8pt;
    font-weight:bold;
    line-height:20px;
    padding-left: 2px;
  
  }
 
  a.BlueLink:link
  
  {
    color: #39529C;
    font-size: 8pt;
    font-weight:bold;
    line-height:20px;
    padding-left: 2px;
    }
    
    a.BlueLink:hover
    {
    color: #39529C;
    font-size: 8pt;
    font-weight:bold;
    line-height:20px;
    padding-left: 2px;
    }

a.BlueTreeLink:visited

{
    color: #39529C;
    font-size: 8pt;
    line-height:20px;
    padding-left: 2px;
    
 }
   a.BlueTreeLink:link, a.BlueTreeLink:selected 
    {
    color: #39529C;
    font-size: 8pt;
    line-height:20px;
    text-decoration:none;
    padding-left: 2px;
    }

a.BlueTreeLink:hover
    {
    color: #39529C;
    font-size: 8pt;
    line-height:20px;
    text-decoration:underline;
    padding-left: 2px;
 }


/* Table Elements */


.ItemFooterLinkTable

{
   color: #39529C; 
   font-size: 8.5pt;

}


.MiddleContentCol

{
    
 width: 443px;
 vertical-align:top;   
    
}


.LeftContentCol 
{
    position:relative;
    top:0px;
    width: 157px;
    background-color:#EEF0F2; 
    vertical-align: top;
}

.LeftContentColAdmin
{
    position:relative;
    top:0px;
    width: 200px;
    background-color:#E7EBEF; 
    vertical-align: top;
    
}

.RightContentCol 
{
    position:relative;
    top:0px;
    width: 167px;
    background-color:#E7EBEF; 
    vertical-align: top;
}

.LoginBox 

{
        border: solid 1px #CCC;
        background-image:url(images/tablecontentBG.gif); 
        background-repeat: no-repeat;
        width:300px;        
}


.SmallBgGreyTable

{
    border: solid 1px #CCC;
    background-image:url(images/tablecontentBG.gif); 
    padding: 5 5 5 5;
    width: 560px;
    background-repeat: repeat-x;  
       
}

.BgImgContainerTable

{
    border: solid 1px #CCC;
    background-image:url(images/tablecontentBG.gif); 
    width: 420px;
    background-repeat: repeat-x;       
}

.BgImgBasketContainerTable

{
    border: solid 1px #CCC;
    background-image:url(images/tablecontentBG.gif); 
    width: 190px;
    background-repeat: repeat-x;       
}


.GreyBGTable

{
    border: solid 1px #CCC;
    background-color:#F7F7F7; 
    padding: 5 5 5 5;
    width: 560px;
       
}

.FormBG 
{

    border: solid 1px #CCC;
    background-color:#F7F7F7; 
    width: 400px;
    
}


.DataTable

    {
        
     Background-color:#404040;
     border-color: #CCC;
     border-width:1px thin;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     
    }

    
.HeaderDataTable 
{
     background-color:#666;
}
    
    
.HeaderDataTable , a:HeaderDataTable
    
    {

    background-color:#666;
    color: #FFF;
  
    }
    
.DataRowStyle

    {
        
    padding-left:3px;
    padding-top:3px;
    padding-bottom:3px;

   
    }
    
    
.AltDataRow 

    {
    
    padding-left:3px;
    padding-top:3px;
    padding-bottom:3px;
    height: 30px;
    Background-color:#F7F7F7;
    
    }
    
    
   
#PagerDataStyle, .a:Link
{
    
    color: #CCC;
    text-decoration: underline;
 
}



.GridView  

    {
      margin-bottom: 20px;
    }
    
    
.FormTable

    {
        
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    border-collapse: collapse;
    width: 560px;
    
    }
    
.QuestionFormTable

    {
        
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    border-collapse: collapse;
    width: 420px;
    
    }
    
    
.UserGroupLoginFormTable
    
    
    {
        
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    border-collapse: collapse;
    width: 420px;
        
        
    }

.HeaderFormTable 
    
    {

    padding-left: 10px;
    height: 30px;
    background-color:#666;
    font-weight:bold;
    color: #FFF;
  
    }

.FormRow
    
    {
    padding-left: 10px;
    height: 30px;
     -moz-border-radius: ;
        
    }
    
.AltFormRow 

    {
    
      padding-left: 10px;
      height: 30px;
      Background-color:#F7F7F7;
     -moz-border-radius: ;
    
    }
    
.FormSpacer 

    {

    Background-color:#F7F7F7;
    height: 10px;    
    
    }
    
    
.PubCell
    
    {
        width: 264px;
        vertical-align: top;
    }
     
.AltPubCell 
    
    {
    
    width: 420px;
    vertical-align: top;
    
    }
    
.PubCell1
    
    {
        width: 156px;
    }
    
    
.QandA 

 {
    padding-right:3px;
    font-weight: bold;
    color: #000;
    
 }
    
    
/* Header Elements */

#header

    {
        
	position:relative;
	height:102px; 
	background-image:url(Images/Banner_BG.gif);
	
    }
#logo

{
	position:absolute;
	top:0px;
	left:0px;
}

#SubNav
{
    position: relative;
    top: 0px;
    height: 30px;
    left: 0px;
    background-image:url(Images/Top_utility_BG.gif);
}

#search

{
    float: right;
    position: relative;
    top: 4px;
    right: 8px;
}

#breadcrumbs

{
    float: left;
	position:relative;
	top:6px;
	left:16px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:8.5pt;
}

#breadcrumbs a 

{
	color:#FFF;
	text-decoration:underline;
}

#breadcrumbs a:hover {text-decoration:none;}

#mainnav
{
    top: 0px;
    height: 30px;
    padding: 0 0 0 0;
    background-image: url(Images/TopNav_BG.gif);
}

* html #mainnav tr {height:1.4em;}

#mainnav .item 
{
	height: 28px;
	padding: 5px;
	font-family:Verdana, Arial, Times, serif;
	font-size:8pt;
	color:#FFF; 
	font-weight:bold; 
}

* html #mainnav .item {padding:0 0 0 0;}

#mainnav .selected {color:#FFF;}

#mainnav .hover {
	color:#CCC; 
	text-decoration:none;
}

#mainnav .DynamicMenu

{
    padding-top:7px;
	padding-left: 10px;
	padding-right: 5px;
	background-image: url(images/DDMenuBG.gif);
    background-repeat: repeat-y;
	background-color: #6B7584;
	border-top:1px solid #313839;
    border-right:1px solid #313839;
    border-bottom:1px solid #313839;
    
}

#mainnav .DynamicItem 
{
    height: 30px;
	padding-top:1px;
	padding-bottom:1px;
	font-family:Verdana, Arial, Times, serif;
	color:#FFF;
	font-size:8pt;
	overflow: auto;

}

#mainnav .DynamicHover {
    
    padding-top:1px;
	padding-bottom:1px;
	font-family:Verdana, Arial, Times, serif;
	color:#CECFCE;
	font-size:8pt;
	overflow: auto;
	
}

/* Main Content Elements */

#leftContent 

{
  position:relative;
  top: 10px;
  padding-top: 10px;
  padding-left:7px;
  padding-bottom:20px;
  vertical-align: top;
}


#RightContent 

{
  position:relative;
  top: 10px;
  padding-top: 10px;
  padding-left:7px;
  padding-bottom:20px;
  vertical-align: top;
}


#Content 
{

  position:relative;
  top: 8px;
  padding-top: 10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:30px;
  vertical-align: top;
}

/* Footer Elements */

#footer

    {
	width: 767px;
	height: 38px;
	background-image: url(images/footer_BG.gif);
	background-repeat: no-repeat;
	background-color: #687787;
    }

#footer a 

{
	margin:1px 5px;
	color:#FFF; 
}

#footertxt 

{
Position:relative;
top: 15px;
left: 230px;    
}

/* Form Elements */

.button 

{
    border:1px solid #CCC;
    color:#666;
    background-color:#CCC;
    font-size:1em;
}

.txtBox
 
{
    
    border:1px solid #CCC;
    color:#000;
    width:230px;
    font-family: Verdana,Arial;
    font-size:8.5pt;
}

.TextBox 

{
    
    border:1px solid #CCC;
    color:#000;
    width:230px;
    font-size:8.5pt;
    
    
    }
    
.TextBoxLarge

{
    
    border:1px solid #CCC;
    color:#000;
    width:340px;
    font-size:8.5pt;
    
    
    } 
    

.select 

{
    
    border:1px solid #CCC;
    color:#000;
    font-size:8.5pt;
    
}

.ErrorLabel

{

    color: #BB2F09;
    font-weight: bold;
    padding-bottom: 5px;

}

.NewsImage 
    
{
    margin-left: 10px;
    margin-top:5px;
    margin-bottom:5px;
    
}


/* PRINT CSS **************************************************************/
/* ********* **************************************************************/

@media print {	

/*	*/	
	body
	
	{
	     position: static;
		font-size:11pt;
		line-height:13pt;
		background:#FFFFFF !important;
		overflow: visible;  
		height:auto; 
		
		
	}	

	#wrapper

    {
         position: static;
	    width:767px;
        margin: 0 0;
	    border:0px solid #FFF;
	    background-color:#FFF;
	    padding-bottom:0px;
	    text-align:left;
	    overflow: visible;  
    	height:auto; 
    }
	

    .maincontent
    
    {
        
      position: static;
      overflow: visible; 
      height:auto; 

        
    }
	
	
	.MiddleContentCol

    {
     
     position: static;
     width: 767px;
     vertical-align:top;   
     border-style:none;
     overflow: visible;
     height:auto; 

        
    }
    
    
    .Content
    
    {
        position: static;
        overflow: visible;
        height:auto; 

        
    }
    
	      
	#leftContent 
    
    {
        
        visibility: hidden;
        display:none;
        
        
    }
    
     #RightContent 
    
    {
        visibility: hidden;
        display:none;
        
    } 
	     

    
    #header    
    
    {
        visibility: hidden;
        display:none;
            
     } 

    #mainnav    
   
      {
         visibility: hidden;
         display:none;
            
      } 
      
      
      #search
      
      {
         visibility: hidden;
         display:none;
         
      }
      
      
      #breadcrumbs
      
      {
        visibility: hidden;
        display:none;
        
       }
       
       #footer 
       
       {
        
        visibility: hidden;
        display:none;
        
       }