@charset "iso-8859-1";
/*******************************************************************************
* visual_consistencies.css
*
* Most of this style was borrowed from: Ruthsarian Layouts, 09.07.2005
* -----------------------------------------------------------------------------
*  sets colors and borders on page containers so that every browsers
*  has the same values rather than relying on the default values which vary
*  between browsers

*   You can make changes anywhere you want and it shouldn't affect the layout if modified
*   Put HTML and other classes into /components/styles/default.css 
*******************************************************************************/
#page-container
{
	font-size: 80%;			/* font attributes set here so that
					   the font sizer javascript bit can
					   operate on the body element and not
					   fubar things */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#page-container, #masthead, #mainnav, #breadcrumb, #footer
{
	border-color: #99a;		/* all the borders within the layout */
}
#masthead
{
	background: url(../images/bg_header_a.jpg) repeat-x;	/* masthead background color */
}
#mainnav
{
	background: #ed9e28 /*url(../images/bg_top_nav.png) repeat-x;	 mainnav background color */
}
#breadcrumb
{
	background: #e6e6e6 url(../images/bg_breadcrumb.gif) repeat-x;	/* breadcrumb background color */
}

/*
.content-left 
{
	font-size: .89em;
	background-color:#F6F6F6; 
	border-right:1px solid  #D0D0BF;
}

.content-right 
{
	background-color:#F6F6F6; 
    border-left:1px solid #D0D0BF;
    overflow:hidden

}

#content 
{
    background-color:#FFFFFF;
}
*/

#footer
{
	background: #ffffff url(../images/bg_breadcrumb.gif) repeat-x;	/* footer background color */
	text-align: center;
	font-size: .89em;
}

/**********************************************************************
MAIN NAVIGATION LINKS

LINK VISTED HOVER ACTIVE selectors must remain in this order to work 
Do not combine them, they must remain seperated to work correctly.

***********************************************************************/


/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#mainnav a {text-decoration:none;}
#mainnav a:link {
	background: transparent;
	color:#FFF;
	}

#mainnav a:visited {
	background: transparent;
    color:#F6F6F6;
	}

#mainnav a:hover {
	background: transparent;
	color:#fff; /*#9592fe*/
	text-decoration:none;
	}

#mainnav a:active {
	background: transparent;
	color:#ffffff;
	}


/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#mainnav-side a:link {
	background: transparent;
	color:#ff9933;
	text-decoration:underline;
	
	}

#mainnav-side a:visited {
	background: transparent;
	color:#ff9933;
	text-decoration:underline;
	
	}

#mainnav-side a:hover {
	background: transparent;
	color:#FFF;
	text-decoration:none;
	}

#mainnav-side a:active {
	background: transparent;
	color:#880000;
	}	

#mainnav
{
    padding-top: 1px; /* hack to force the entire mainnav toreceive the background color */
    border-bottom: solid 1px #000; /* three of the four sides of this block will already have borders courtesy of the #page-container element so we only need to render the bottom. */
}

#mainnav-container {
	width:100%;
	padding:0px 0px 0px 0px;
	/*border-bottom:2px solid #7F7F7F;*/
	margin:0px;
	/*background: url(bg-topnav.jpg); bg-topnav.gif*/
	table-layout:fixed;
	}


/*******************************************************************************
* LIST STYLES FOR ENTIRE PAGE
*
* Page Contents (middle, right, left) and footer
* -----------------------------------------------------------------------------
* 
* Style was copied from the MSDN (Simple HTML Tables) example. 
*
* MAIN CONTENT (MIDDLE COLUMN)
*********************************************************************************/
.content ul.list, #content ul.link-list-vertical
{
    margin: 0px 0px 15px 15px;
    padding: 0px;
}

.content ul.list li
{
    list-style: none;
    padding: 2px 0px 2px 12px;
    margin: 0px;
    background: url(../images/bullet.gif) no-repeat;
    background-position: 0 .6em;
}

.content ul.link-list-vertical li
{
    list-style: none;
    margin: 0px;
    padding: 2px 0px;
}

.content ul.link-list-vertical li a:link
{
    padding: 2px 0px 2px 12px;
    background: url(../images/bullet-link.gif) no-repeat;
    background-position: 0 .6em;
}

.content ul.link-list-vertical li a:visited
{
    padding: 2px 0px 2px 12px;
    background: url(../images/bullet-link-visited.gif) no-repeat;
    background-position: 0 .6em;
}

.content ul.link-list-vertical li a:hover
{
    padding: 2px 0px 2px 12px;
    background: url(../images/bullet-link-hover.gif) no-repeat;
    background-position: 0 .6em;
}

.content ul.link-list-vertical li a:active
{
    padding: 2px 0px 2px 12px;
    background: url(../images/bullet-link-active.gif) no-repeat;
    background-position: 0 .6em;
}

/*********************************************************************************
LISTS - IN THE RIGHT OR LEFT COLUMNS
***********************************************************************************/


.content-right ul.list, .content-right ul.link-list-vertical, .content-left ul.list, .content-left ul.link-list-vertical
{
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

.content-right ul.list li, .content-left ul.list li
{
    list-style: none;
    padding: 2px 0px 2px 12px;
    margin: 0px;
    background: url(../images/bullet.gif) no-repeat;
    background-position: 0 .6em;
}

.content-right ul.link-list-vertical li, .content-left ul.link-list-vertical li
{
    list-style: none;
    margin: 0px;
    padding: 2px 0px;
}

.content-right ul.link-list-vertical li a:link, .content-left ul.link-list-vertical li a:link
{
    padding: 2px 0px 2px 12px;
    background: url(../images/bullet-link.gif) no-repeat;
    background-position: 0 .6em;
}

.content-right ul.link-list-vertical li a:visited, .content-left ul.link-list-vertical li a:visited
{
    padding: 2px 0px 2px 12px;
    background: url(../images/bullet-link-visited.gif) no-repeat;
    background-position: 0 .6em;
}

.content-right ul.link-list-vertical li a:hover, .content-left ul.link-list-vertical li a:hover
{
    padding: 2px 0px 2px 12px;
    background: url(../images/bullet-link-hover.gif) no-repeat;
    background-position: 0 .6em;
}

.content-right ul.link-list-vertical li a:active, .content-left ul.link-list-vertical li a:active
{
    padding: 2px 0px 2px 12px;
    background: url(../images/bullet-link-active.gif) no-repeat;
    background-position: 0 .6em;
}

/*********************************************************************************************
LISTS IN THE FOOTER 
**********************************************************************************************/
#footer ul
{
    
    margin-left: 0;
    padding-left: 0;
    display: inline;
}
#footer ul li
{
    margin-left: -5;
    margin-right: 5;
    padding: 5px 15px 5px 20px;
    background: url(../images/bullet.gif) no-repeat;
    background-position: 0px 10px;
    display: inline;
}
#footer ul li.first
{
    margin-left: 0;
    margin-right: 0;
    border-left: none;
    list-style: none;
    display: inline;
    background: none;
}

.smallbutton {	
	background-color: #fff;
	color:	#2169AD;
	font-size:	1.0em;
	cursor:	hand;
}