/*************************global TAG styles**************************/
hr {
	color: #003399;
	margin: 0;
	width: 100%;
}

h4 {
	padding-left: 10px;
	padding-right: 10px;
}

p {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

address {
	text-align: left;
	padding-left: 35px;
	font-style: italic;
}


ul li {
	list-style: none outside;
	line-height: 2em;
}

/* creates table/columns
The wider this li is, the fewer columns there will be --used with #list_wrapper*/
ul.multiple_columns li{
    text-align: left;
    float: left;
    margin-right: 15px;
    width: 20%;
    line-height: 1.5em;
  }



ul.mock_tablecolumns li{
    text-align: center;
    float: left;    
    margin-left: 3em;
    margin-right: 5em;
    width: 30%; /*80% */
    line-height: 1.5em;
   }
   
ul.mock_tablecolumnsNoWidth li{
    text-align: center;
    float: left;    
   }

ul.multi_addr li{
    text-align: left;
    float: left;
    margin-right: 5%;
    margin-left: 10%;
    width: 30%;
    line-height: 1.5em;
}

img {
	border: none;
}

fieldset {
	width: 90%;
	text-align: center;
	margin: 2em;
	border: double 4px #0066CD;
}

legend {
	background-color: #0066CD;
	color: #ffffff;
	font-weight: bold;
	font-size: 120%;
	padding: 5px;
}

fieldset fieldset {
	width: 25%;
	text-align: left;
	border: solid 2px #e4e4e4;
	margin: 0 20em .5em 20em;
	padding: .5em 2em 1em 2em;
}

fieldset fieldset legend {
	background-color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	color: #0066CD;
	text-align: left;
}

fieldset fieldset p {
	margin: 0 3em 0 4em;
}
/*container object: styles used for images on Tboard member bio page to line up text with image and/or caption horizontally (photo is on the left)*/
div.MemberPhoto {
	margin-top: 1%;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 3%;
	width: 90%;
	height: 18.5em;
	border: 1px solid #e4e4e4;
}

/*styles used for images on Tboard member bio page to line up text with image and/or caption--*/
.MemberPhoto img {
	float: left;
	margin: 5px 5px 5px 5px;
	padding: 7px;
	/*border: 1px solid blue;*/
	/*border: 1px solid #e4e4e4;*/
}

.MemberPhoto a:hover img  {
	border: 1px solid #003399;
	padding: 6px;/*this alievates the 'movement' of the text*/
	
}

.MemberPhoto p {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 10px;
}


/**************end of global TAG styles****************************/


/*-----------global CLASS styles--------------------*/
.tinyprint {
	font-size: x-small;
	font-style: italic;
}

.clearleft {
	clear: left;
}

.clearfloats {
	clear: both;
	/*min-height: 1px;*/
}

.leftfloat {
	float: left;
	margin-left: 4%;
	margin-right: 6%;
}

.faqheader {
	color: #003399;
	font: italic bold 110% Arial, Verdana, Helvetica, sans-serif;
}

.notice {
	margin-top: 1em;
	font-size: 110%;
	font-weight: bold;
	color: #003399;
}

.center {
	text-align: center;
	margin: auto;
}

.subtitle {
	font-size: 120%;
	font-weight: bold;
	color: #003399;
}

.footnote {
	font-size: 90%;
	font-style: italic;
}

.indent {
    margin-left: 3%;
      
}

/*used on input form pages*/
.label {
	float: left;
	color: #003399;
	width: 130px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	font-size: 110%;
	clear: left;
}

.asplabel { /*formats the labels/buttons*/
	font-weight:bold;
	font-size: 100%;
	color: #003399;
	margin-right: 2%;
	
}
.Outreachlabel {
    font-weight: bold;
    font-size: 100%;
    color: #336699;
    margin-right: 2%;
}

.button {
	margin: 5px;
	color: #003399;
}

.bluedots /* used for bullet graphics in unordered lists*/
{
	background: url(../../images/bluedot2.jpg) no-repeat;

	padding-left: 2%;
	margin-bottom: 1%;
}

.bullets /*regular bullets in unordered lists, no spacing b/t lines*/
{
   list-style-position: outside;
   margin: 0 1% 0 1%;
   list-style-type: disc;
   line-height: 1.3em;
    
}
.numberbullets /*number bullets in ordered lists*/
{
   list-style-position: outside;
   margin: 0 1% 0 1%;
   list-style-type: decimal;
   line-height: 1.3em;
    
}
.redtext {
	color: #FF0000;
}

.displayvalue {
	color: Black;
	font-size: 110%;
	text-align: left;
}


/*-----------end of global CLASS-----------------*/


/**************table styles************************/
/*table is list of people (staff, board members) in content sections*/
table.stafflist {
	width: 80%;
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

td.stafflist, th.stafflist {
	border: 2px solid #003399;
	color: #003399;
	padding: 2px 5px 4px 5px;
}

th.stafflist {
	font-weight: bold;
	background-color: #bedbf8;
}

/*regular table, no borders....*/
table {
	width: 85%;
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	margin-right: auto;
	margin-bottom:10px;
	margin-left: auto;
	text-align: left;
	color: #003399;
	padding: 10%;
}

th {
	text-align: center;
	background-color: #6699cc;
	font-weight: bold;
	color: #003399;
}

tr.alt td {
	background-color: #bedbf8;
}

/*used for tables w/ borders */
td.border,th.border {
	font-size: 1em;
	color: #003399;
	border: 1px solid #003399;
	padding: 3px 5px 2px 5px;
}
tr.altborder td {
	background-color: #bedbf8;
	border: 1px solid #003399;
}

tr.altblank td {
		background: none;
}
/************links in tables************/

a.table:link {
	color: #003399;
	font-weight: bold;
	font-size: 95%;
	text-decoration: none;
}

a.table:visited {
	text-decoration: underline;
	color: #000066;
}
a.table:hover {
	color: #6699cc;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
}
/**************end of table styles*********************/
/************ Class styles for images*******************/
.agencylogoright {
	float: right;
	margin: 0;
	}
	
.agencylogoleft {
	float: left;
	margin: 0;
}

/*.imgmaxwd {
	  max-height: 100px;
     height: expression(this.width > 100 ? 100: true);
      max-width: 100px;
     width: expression(this.width > 100 ? 100: true);
}*/

.imgright {
	float: right;
	padding: 10px;
}

.imgleft {
	float: left;
	padding: 10px;
}

#frame .thumbnail p {
	text-align: center;
	vertical-align: bottom;
	height: 3em;
	margin: 1% 2% 1% 2%;
}

.thumbnail {
	/*centers correctly in FF and IE w/out specifics width and height stated
	width: 20%; 90px;*
	/*height: 25%; 165px;*/
	margin: 3px 5px 6px 5px;
	text-align: center;
}
	
.thumbnail img {
	margin: 2px;
	padding: 5px;
	border: 2px double #8E6B23;/*sienna*/
	background-color: #eeeeee;/*   */
}	
	
/*img.auctionpic { /*for TRS Home page
	float: left;
	margin: 0 3% 0 1%;
}*/

/************ end class styles to images*******************/

/***************Named ID's **************************/
#yield {
	float: right;
	font-weight: bold;
	margin-right: 1%;/*1%??*/
	margin-left: 1%;
}

#yield .note{
	font-style: italic;
	float:none;
	font-size: 95%;
}

#yield .title {
	font-size: 115%;
}

#yield td {/*datalist is really a table--need to target td*/
	text-align: center;
}
	
#lists ol li /*gives space to each line item*/{
	margin-right: 2%;
	margin-bottom: 0.5em;
	margin-left: 2%; 
}

/* The wider the #list_wrapper is, the more columns will fit in it for an unordered list--used with ul li.multiple_columns*/
#list_wrapper {
    width: 85%;
}

.mocktable_wrapper {
    width: 75%; 
    margin-right: 5em;
    margin-left: 7em;
    padding-top: 2%;
    padding-bottom: 3em;     
    background-color: #cae1f7;/*#bedbf8;#B0C4DE;#99CDFF;*/
    border: double 1.5px #336699;
    display: inline-block;
}

	
#note {
	margin: 0 5% 0 5%;
	padding: 2px;
	border: double medium #003399;
	background-color: #e4e4e4;
}

#note p {
	text-align: center;
	color: #003399;
}

#note h2, #note h3 {
	color: #003399;
	text-align: center;
}


#sitemap {margin: 1.5em;}

#sitemap table {
	margin: 10px;
	padding: 5px;
	width: 10%
}

/*---------------TRS Headers------------------*/
#banner	{
	padding: 0px;
	margin: 0px;
	background-image : url('../../images/SiteImages/TRSlogo.jpg');
	background-repeat: no-repeat; 
	background-position: top left;
	height: 100px;
	background-color: #ffffff;/*#a9cfe9;#6699cc;*/
	}

#breadcrumb {
	background-color: #000;
	padding: 8px 0 8px 5px;
	max-height: 25px;
	color: #ffffff;
	min-width: 16%;
	/*border: solid 3px green;
	font-size: 85%;*/
	} 

#breadcrumb .breadcrumbleft {
	margin-right:300px;
	/*float: left;
	margin-right:75%;
	/*margin-left: 10px;
	padding-top: 13px;*/
}

#breadcrumb #SearchForm {
	margin: 0;
}

#breadcrumb #SearchForm p {
	margin: 0;
	padding: 0;
}

#breadcrumb #TRSSearchSection {
	/*float:right;
	margin-left: 60%;
	top: 21%;*/
	top:145px;
	position:absolute;
	right:20px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}	


#breadcrumb #SearchForm #searchTRSSite {
	background:url("http://www.virginia.gov/images/virginia_seach_txt-bg.jpg") no-repeat;
	background-color:transparent;
	border:0;
	font-weight:bold;
	height:14px;
	width:172px;
	padding:3px;
}

#breadcrumb #SearchForm #siteSearchBtn {
	background:url("http://www.virginia.gov/images/virginia_seach_button-bg.jpg") no-repeat transparent;
	border:0;
	height:20px;
	width:28px;
	height:20px;
	margin-left:2px;
	margin-right: 5px;
}

#breadcrumb #hidden {
	display:none;
	}
/*-------------breadcrumb links-------------------*/
/*breadcrumb path and styles defined in control, this is for the right side (search contents)*/
#breadcrumb a 
{
	color: #99ccff;/*3399cc, 6699cc;*/ 
	text-decoration: none;
}
	
#breadcrumb a:visited {
	color : #33ccff; /* was bedbf8;*/ 
	text-decoration : underline; 
	} 

#breadcrumb a:hover {
color : #ffffff; 
text-decoration : none; 
font-weight : bold; 
} 


/*--------------end of breadcrumb styles-----------*/
	
/*----------------Navigation & Sidebars------------------------*/
#MainNav {
	float: left;
	min-width: 16%; /*9.69em;155px;*/
	width: 16%;/*11.56em;185px;*/
	margin-top: 15px; /*0.94em;*/
	margin-left: 1%;/*10px;0.63em; */
	margin-bottom: 2%;/*12.50em;200px;*/
	background: #6699cc url(../../images/SiteImages/tls.gif) 0% 0% no-repeat;
}

/******************* popout menus (submenus)**********************/
#MainNav ul {
	list-style-type: none; /*no bullets*/
	padding: 0em;/*0px;  so list won't indent so much--*/
	margin: 0em;/*0px;  so list won't indent--*/
}

#MainNav li {position: relative;}/*creates containing block for ancestor UL UL */


/*second level pop out*/
#MainNav ul ul {
	position: absolute;
	top: 0;
	left: -999em;	/*better to use this instead of display:none for screen readers*/
	width: 110%;
	/*display:none;hides the popouts*/
	/*background-color:not needed b/c removed b. marg in popover block*/
}

#MainNav ul li:hover ul {
	display: block;
	left: 100%;
}


/******link styles 3/25/09*/
/*-----------------------Nav links-------------------------*/
/*link formatting falls under UL LI styles.  Nav menu and pop over menus/blocks have different syles.*/ 

/****************main nav bar*********************/
#MainNav ul li a {
	height: 1%; /*need this for pop over to line up*/
	text-decoration: none;
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
	display: block;
	background-color: #003399;
	line-height: 25px;
	margin: 0 0 10px 0;
	padding: 0 5px 0 5px;
}

#MainNav ul li a:visited {
	text-decoration: underline;
	color:#99ccff;
}

#MainNav ul li a:hover {
	background-color: #ffffff;
	color :#003399;
	font-weight: bold;
}

/**********popover/submenu and link formatting******/
#MainNav ul li ul li a:link {
	text-decoration: none;
	color: #003399 ;
	font-size: 100%;
	font-weight: bold;
	display: block;
	background-color: #6699cc;
	line-height: 25px;
	margin: 0;
	padding: 0 5px 0 5px;
	}

#MainNav ul li ul li a:visited {
	text-decoration: underline;
	color: #CED7E0;
	background-color: #6699cc;
	margin: 0;
	padding: 0 5px 0 5px;
}
	
#MainNav ul li ul li a:hover {
	text-decoration: none;
	color: #ffffff ;
	font-weight: bold;
	background-color: #6699cc;
}

#MainNav a img /*fixing the styles from a.*/
{
    margin-right: 5px;
    margin-left: 5px;
	padding: 0em;
	border: 0em;	
	/*width: 10em; helps with scalability
	height: 12em;*/
}

/*-----------end Nav links---------------------*/	


/*----------Right Sidebars---------------------*/
.SideBar {
	float: right;
	background: #6699cc url(../../images/SiteImages/tls.gif) 0% 0% no-repeat; 	
	margin-top: 15px; /* total width should equal 20%*/
	margin-right: 1%; /*15px;*/
	margin-left: 1%; /*20px;*/
	width: 17%;/*min-width: 14%; /*130px;*//*max-width: 16%; /*180px;*/
	display: inline;/*IE6 fix*/
}

.indexSideBar { /*allows for multiple sidebars stacked*/
	clear: right;
	float: right;
	background: #6699cc url(../../images/SiteImages/tls.gif) 0% 0% no-repeat; 
	margin-top: 15px; /* total width should equal 20%*/
	margin-right: 1%; /*15px;*/
	margin-left: 1%; /*20px;*/
	width: 17%;
	display: inline;/*IE6 fix*/
}


.sidebarcontents {
	margin: 5px;
	color: #ffffff;
	text-align: center;
}

.sidebarheader {
	font-size: 110%;
	font-weight: bold; 
	color: #ffffff; /*#CED7E0; */
	text-decoration: none;
	background-color:#003399;
	margin-bottom: 2%;
	text-align: center;
	line-height: 1.5em;
}

/*--------------sidebar links----------------------*/
/*a:link.sidemenu  {
	color : #003399; 
	text-decoration : none;
	font-size : 90%;
	font-weight : bold; 
} 

a:visited.sidemenu {
	color : #bedbf8; 
	text-decoration : none; 
	font-size : 90%;
	font-weight : bold; 
}

a:hover.sidemenu {
	color : #ccffff; 
	text-decoration : none; 
	font-weight : bold; 
} */
/************* top choice***************/
a.SBlinks {
color: #003399; 
text-decoration: none; 
font-weight : bold; 
} 

a:visited.SBlinks {
	color: #0066cc; /*336699*/
	text-decoration: none; 
}

a:hover.SBlinks  {
	color: #CED7E0;/*#bedbf8 */
	text-decoration: underline; 
	font-weight: bold; 
} 

/***********tables in sidebar (background color give diff definitions)******/
table.sidebar {
	width: 95%;
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}

td.sidebar, th.sidebar {
	border: none; /*1px solid #bedbf3;*/
	color: #ffffff;
	padding: 5px;
	text-align: left;
	font-size: .95em;
}

th.sidebar {
	font-weight: bold;
}

/***********end of sidebar tables******************/
 
/*--------------end of sidebars---------------------*/

/*----------------Main Body-------------------------*/
body {
	margin: 0 0 10px 0;
	padding: 0;
	background-image: url(../../images/SiteImages/mainbg.jpg);
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 76%;
} 

body.plain {/*  use this body tag in procurement pages   */
	 background-image: none;
}
	

#maincontent /* contains middle area AND the right side bars*/
	{
	background: #FFFFFF url(../../images/SiteImages/tl.gif) 0 0 no-repeat;
	margin-top: 15px;
	margin-left : 18%;/*21%=168 was fine at 185px; was210px;---starts at 18% from left side*/
	margin-right: 19%;  /*18%;/*175px;*/
	padding-bottom: 1%;
	/*padding-left: 10px;
	/*min-width: 48%; /*385px;*/
	/*max-width: 70%; /*950px;--should avoid setting width for main content*/
	/* total width = 60%*/
	}

#maincontent_full /* contains ONLY the middle area-- no right side bar NOR left side bar*/
	{
	background: #FFFFFF url(../../images/SiteImages/tl.gif) 0 0 no-repeat;/*left corner*/
	margin-top: 15px;
	margin-left : 1%; 
	margin-right: 1%;
	padding-bottom: 1%;
	}
	
#maincontent_wide /* contains ONLY the middle area-- no right side bar*/
	{
	background: #FFFFFF url(../../images/SiteImages/tl.gif) 0 0 no-repeat;/*left corner*/
	margin-top: 15px;
	margin-left : 18%; /*210px; or 195px*/
	margin-right: 1%;/*30px;*/
	padding-bottom: 1%;
	/*min-width: 600px;--should avoid using min/max width since not float---*/
	}
#maincontent_wide hr, #maincontent hr {
	width: 80%;
	color: #003399;
}	
	/*-------links inside main content area-----------------*/
#maincontent a:link, #maincontent_wide a:link {
	color: #0066FF; 
	text-decoration : none; 
	font-weight: bold;
} 

#maincontent a:visited, #maincontent_wide a:visited {
	color : #6699cc; 
	text-decoration : underline; 
} 

#maincontent a:hover, #maincontent_wide a:hover {
	text-decoration : none; 
	background-color: #e4e4e4;
} 

#maincontent a:link.bktop, #maincontent a:hover.bktop, #maincontent a:visited.bktop,
#maincontent_wide a:link.bktop, #maincontent_wide a:hover.bktop, #maincontent_wide a:visited.bktop  {
	font-size: 95%;
	color: #003399;
	margin-left: auto;
	margin-right: auto;
}

/***************end of links in main content********************/


div.subhdr { /*allows background to go all the way across*/
	background-color : #e4e4e4;
	margin: 1px 0 1px 0;
}

div.subhdr h2 {/*section headings*/
	color: #003399; 
	font-size : 130%;  
	padding: 10px;
} 
/*-------------------Footer-----------------------------*/
#footer_wide {
	
	font-size : 95%; 
	background-color: #ffffff;
	margin-left :18%; /*18% from left side-- 210px;*/
	margin-right: 1%;/*30px;*/
	
}

#footer {
	font-size : 95%; 
	background-color: #ffffff;
	margin-left : 18%; /*185px; was210*/
	margin-right: 19%;/*170px;*/
	/*margin-bottom: 20px;
	padding-left: 10px;
	padding-bottom: 20px;*/
	/*min-width: 48%; /*385px;*/
	/*max-width: 1000px;--shouldn't use set width since not float*/

}

#footer p, #footer_wide p {
	text-align: center;
	}

/*---------------corner graphics--------------------*/
.trc_content{
	background: url(../../images/SiteImages/tr.gif) 100% 0% no-repeat;
	margin-bottom: 3px;
	}
	
.trc_sidebars {
	background: url(../../images/SiteImages/trs.gif) 100% 0% no-repeat;
	}

.blc_content {
	background: url(../../images/SiteImages/bl.gif) 0% 100% no-repeat;
	}
	
.brc_content {
	background: url(../../images/SiteImages/br.gif) 100% 100% no-repeat;
	padding-bottom: 3px;
	
	}
	
.blc_sidebars {
	background: url(../../images/SiteImages/bls.gif) 0% 100% no-repeat;
	}

.brc_sidebars {
	background: url(../../images/SiteImages/brs.gif) 100% 100% no-repeat;
	padding-bottom: 3px;
	
	}
	
	
	/***********UCP STYLES***********************/
/*Outreach Details for form alignment*/
.Outreachform {
	width: 100%;
}
/*styles the text at the top of the page over exclamation watermark graphic*/
div.exclamation  p{
	font-weight: bold;
	font-size: 130%;
	padding-top: .85em;
	color: black;
	text-align: center;
	background: url(../../Images/SiteImages/exclamation.gif) repeat;
	width: 90%;
	height: 3em;
}


/*styles the text at the top of the page over question mark watermark graphic*/
div.questionmark  p{
	font-weight: bold;
	font-size: 130%;
	padding-top: .85em;
	color: #0033cc;
	text-align: center;
	background: url(../../Images/SiteImages/questionmark.gif) repeat;
	width: 90%;
	height: 2em;
}


#auctionlink {/*background graphic that's linkable*/
   background: url(../../Images/transparent.gif);
   display: block;
   height: 100px;
   width: 300px;
   position: absolute;
   text-indent:-9999px;
   margin-left: 10%;/*fixes the issue with the navigation bar*/
}

#auctionlink_nohover a:link, #auctionlink_nohover a:hover{
    text-decoration: none;
    background-color: Transparent;
}/*second ID defined to override the #Maincontnet a:link/hover class define http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css*/

div.auctioninfo {
   margin-left: 1%;
   padding: 1% 3% 1% 20%;
   background: url(../../Images/SiteImages/auction_gradient.gif);
   margin-left: 1%;
   padding: 1% 3% 1% 20%;
  
}
div.auctioninfo p {
   	font-weight: bold;
	font-size: 110%;	
	color: #333;
	text-align: center;
	height: 5em;
	}
	
	
/*styles for UCP images in 3 x 3 layout
#gallery .wrapper {
	width: 95%;
	border: dashed 2px green;
	text-align: center;
}*/


#gallery .figure p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	text-align: center;
	vertical-align: bottom;
	line-height: normal;
	margin: 0;
	height: 3em;
}

.figure {
	float: left;
	width: 16em;/*18em;185px;230*/
	height: 15em;/*15em;175px; 250*/
	margin: 2% 4% 2% 4%;/*7px 43px 20px 43px;*/
	text-align: center;
	/*border: dotted 2px purple;*/
}

/*styles used for images on UCP site for lining up text with image and/or caption--styles any img that's contained in another tag w/ class 'figure' w/out having to name the class to the img tag*/
.figure img {
	margin: 3px;
	padding: 5px 8px 5px 8px;
	border: 1px solid #e4e4e4;

}

.figure a:hover img {
	border: 2px solid #003399;
	padding: 4px 7px 4px 7px; /*this alievates the 'movement' of the text and shifts it to the image*/
}

/*container object: styles used for images on UCP site to line up text with image and/or caption horizontally (photo is on the right)*/
div.photolinks {
	margin: 5px 15px 30px 20px;
	width: 90%;
	height: 12em;
}

/*styles used for images on UCP site to line up text with image and/or caption--styles any img that's contained in another tag w/ class 'photolinks' w/out having to name the class to the image*/
.photolinks img {
	float: right;
	margin: 3px 5px 3px 3px;
	padding: 10px;
	border: 1px solid #e4e4e4;
}

.photolinks a:hover img  {
	border: 1px solid #003399;
}

.photolinks p {
	margin-right: 3px;
}

.photolinks h3 {
	color: #003399;
	font-size: 110%;
}

/***********------------end of UCP styles--------------*/

/*--------------------------IE Fixes--------------------- */

/* remove annoying gaps*/
* html #MainNav li {	
	display: inline; 
} 

/* force hover on entire width of link */
* html #MainNav a {
	height: 5px;
}

* html #MainNav {
	display: inline; /*fixes IE double margin for floats bug*/
}
/*from VITA STANDARD, in code*/
* html #breadcrumb {
	height:25px;
}

* html .clear_subheader {
	height: 1px;
}

.OutreachEventItemGroupLabel
{
    font-weight: bold;
    font-family: Arial;
    font-size: medium;
    color: #003399;
    
}
.OutreachEventItemLabel
{
    font-weight:normal;
    font-style:italic;
    font-family: Arial;
    font-size: small;
    color: #003399;
}
.OutreachEventItem
{
    font-weight:normal;
    font-family: Arial;
    font-size: small;
    color: #003399;
}

/* -------------- BEGIN DEBT ---------------- */

/* Css Menu - Horizontal List */
/* http://users.tpg.com.au/j_birch/plugins/superfish/#examples */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			20em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		500;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			white !important; 
}
.sf-menu li {
	/*background:		#BDD2FF;*/
	background: #69C;
}
.sf-menu li li 
{
	z-index:10000;
	/*background:		#AABDE6;*/
	background: #69C;
}
.sf-menu li li li {
	/*background:		#9AAEDB;*/
	background: #69C;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
	z-index:10000;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../../images/menu/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../../images/menu/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* stuff for FAQ */
/* http://davidwalsh.name/jquery-sliders */
#accordion { position:relative; }
#accordion h3	{ cursor:pointer; color:#003399;padding-left:10px;padding-right:10px;
width:90%;
	background-color : #e4e4e4;
	margin: 1px 0 4px 0;
 }
#accordion h3.active	{ color:#d74646; }
#accordion div   { position:relative; }
#accordion div p	{ margin-bottom:15px; }

.nextBondSale {
    padding: 3px;   
    background-color: #cae1f7;/*#bedbf8;#B0C4DE;#99CDFF;*/
    border: double 1.5px #336699;
    display: inline-block;
    vertical-align:middle;
	position:relative;
    float:right;
    margin-right:10px;
}

.treasurerWelcome
{
	height:220px;
	width:100%;	
	display:inline-block;
}

.treasurerWelcomeText
{
	width:70%;	
}
.treasurerWelcomeImage
{
	width:30%;	
	margin-top:15px;
}

.AccordionTitle
{
  height:20px;
  cursor:pointer;
  background-color:#C1C1C1;
  -moz-user-select:none;
  margin-left:5px;
  margin-right:5px;
}

.AccordionContainer
{
  border-top: solid 1px #C1C1C1;
  border-bottom: solid 1px #C1C1C1;
  border-left: solid 2px #C1C1C1;
  border-right: solid 2px #C1C1C1;
  margin-left:5px;
  margin-right:5px;
  margin-top:-15px;
}

.ratesTable td
{
	border-bottom:solid 1px black;
}

/* -------------- END DEBT ---------------- */