/* ============================================================================
 * General Styles
 */

body
	{
	background-image: url( ../art/bluegray.columns.bg.gif );
	background-repeat: repeat-y;
	border-top: #000000 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0;
	padding: 0;
	}

body.fv_popup_detail
	{
	background-image: none;
	border-top: none;
	}

h1
	{
	line-height: 22px;
	font-size: 18px;
	margin-top: 0;
	}

p
        {
        margin-top: 0px;
        margin-bottom: 20px;
        }

.clear_both
        {
        clear: both;
        }

/* ========================================================================= */
/* Template Design Styles */

/* ---------------------------------------------------------------------------- */
/* You are free to modify and use this CSS layout in accordance with the        */
/* Creative Commons 3.0 licence (see links to details of the license below) as  */
/* long as you include this comment, the link to the license, and it's          */
/* attribution.                                                                 */
/*                                                                              */
/* This CSS layout is licensed under the Creative Commons 3.0 licence.          */
/* Abstract: http://creativecommons.org/licenses/by/3.0/us/                     */
/* Full License: http://creativecommons.org/licenses/by/3.0/us/legalcode        */
/*                                                                              */
/* By: Ryan Chapin, Nuts & Bolts Interactive, Inc. http://nbinteractive.com */
/* Version: 1.0                                                                 */
/* Date: 2008-03-24                                                             */
/*                                                                              */
/* If you'd like to contact Ryan with questions or comments, please go to:      */
/* http://nbinteractive.com/contactryan.html                                    */
/* ---------------------------------------------------------------------------- */

/* ============================================================================ */
/* Layout Styles */	
#mainContainer
	{
	min-width: 960px;
	padding: 0;
	margin: 0;
	}

/*
 * We need the border-top so that IE 6.0 will render the background image
 */
#header
	{
	border-top: #cccccc 1px solid;
	background-image: url( ../art/bluegray.header.bg.gif );
	background-repeat: repeat-y;
	min-height: 75px;	
	margin: 0;
	padding: 0;
	border-bottom: #000000 1px solid;
	}

#header h1,
#header h2,
#header h3
	{
	margin: 0;
	}

#header h1
	{
	font-size: 24px;
	}

#header h2
	{
	font-size: 19px;
	}

#header h3
	{
	font-size: 16px;
	}

/*
 * Removing the top border for compliant browsers
 */
#mainContainer > #header
	{
	border-top: none;
	}

#header #headlineContainer
	{
	float: left;
	width: 100%;
	}
	
#header #headline
	{
	margin-left: 190px;
	padding: 10px;
	font-size: 22px;
        line-height: 24px;
        text-align: center;
	}

#header #logo
	{
	float: left;
	width: 190px;
	margin-left: -100%;
	}

#colorBar1
        {
        border-top: #3c6bc9 15px solid;
        background-color: #ffffff;
        height: 1px;
        border-bottom: #204998 7px solid;
        }

/* You must include at least a border-top and border-bottom on this rule.        */
/* Otherwise IE 6 and IE 7 will not render the background properly.              */
#sideBarContentWrapper
	{
	/*
	background-image: url( ../art/columns.bg.gif );
	background-repeat: repeat-y;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	*/
	border-top: #ffffff 1px solid;
	}
	
#contentContainer
	{
	float: left;
	width: 100%;
	}
	
#content
	{
	margin-left: 190px;
	padding: 20px;
	}

#sideBar
	{
	float: left;
	width: 190px;
	margin-left: -100%;
	}

/* We have to include some sort of height attribute for IE 6 and 7 to render  */
/* the columns background properly, and prevent additional, unwanted          */
/* whitespace from being rendered.                                            */
#footer
	{
	margin: 50px 0 30px 0;
	padding: 20px 10px;
	clear: both;
	text-align: center;
	}

#footer #copyright
	{
	font-size: 11px;
	}

#footer #copyright .copyright_start_year div
	{
	display: inline;
	}

#footer #copyright .copyright_start_year div.item_end
	{
	display: none;
	clear: none;
	}

#footer #siteby
	{
	font-size: 10px;
	color: #2e7fc1;
	}

#footer #siteby a,
#footer #sideby a:visited
	{
	color: #2e7fc1;
	}

#footer #footer_text
	{
	font-size: 11px;
	}

/* ============================================================================
 * Side Nav
 */

#sideBar #navtree_wrapper
	{
	}

#sideBar #navtree_wrapper .fv_nav_treelist ul
	{
	margin: 0;
	padding: 0;
	width: auto;
	height: 1%;
	}

#sideBar #navtree_wrapper .fv_nav_treelist ul li
	{
	margin: 0;
	padding: 0;
	height: 1%;
	list-style-type: none;
	}

#sideBar #navtree_wrapper .fv_nav_treelist ul li a,
#sideBar #navtree_wrapper .fv_nav_treelist ul li a.selected
	{
	display: block;
	padding: 5px 10px 5px 10px;
	line-height: 16px;
	font-weight: normal;
        text-decoration: none;
        background-color: #0c2e71;
        border-right: #000000 1px solid;
        border-bottom: #000000 1px solid;
	color: #cccccc;
	font-size: 12px;
	outline: none;
	height: 1%;
	}

#sideBar #navtree_wrapper .fv_nav_treelist ul li a.selected
	{
	color: #ffffff;
	}

#sideBar #navtree_wrapper .fv_nav_treelist ul li a:hover
	{
	color: #000000;
	background-color: #9db8ee;
	text-decoration: underline;
	}

#sideBar #navtree_wrapper .fv_nav_treelist ul li ul li a,
#sideBar #navtree_wrapper .fv_nav_treelist ul li ul li a.selected
	{
	padding: 5px 10px 5px 20px;
	}

#sideBar #navtree_wrapper .fv_nav_treelist ul li ul li ul li a,
#sideBar #navtree_wrapper .fv_nav_treelist ul li ul li ul li a.selected
        {
        padding: 5px 10px 5px 30px;
        }

#sideBar #navtree_wrapper .fv_nav_treelist ul li ul li ul li ul li a,
#sideBar #navtree_wrapper .fv_nav_treelist ul li ul li ul li ul li a.selected
        {
        padding: 5px 10px 5px 40px;
        }

#sideBar #navtree_wrapper .fv_nav_treelist ul li ul li ul li ul li ul li a,
#sideBar #navtree_wrapper .fv_nav_treelist ul li ul li ul li ul li ul li a.selected
        {
        padding: 5px 10px 5px 50px;
        }

/*
 * ============================================================================
 * Bottom Navigation for legal page links
 */

#bottom_nav
	{
	/*
	 * Because this element is rendered below the content area, it must contain
	 * some sort of specified height otherwise IE 6 and IE 7 will not render the
	 * background image in the preceeding div
	 */
	height: 1%;
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 11px;
	}

#bottom_nav .fv_std_list_horiz ul.fv_std_list li.fv_std_item,
#bottom_nav .fv_std_list_horiz ul.fv_std_list li.fv_firstItem,
#bottom_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem
	{
	float: none;
	display: inline;
	}

#bottom_nav .fv_std_list_horiz ul.fv_std_list li.fv_std_item .item_end,
#bottom_nav .fv_std_list_horiz ul.fv_std_list li.fv_firstItem .item_end,
#bottom_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem .item_end
	{
	display: none;
	clear: none;
	}


/* ============================================================================
 * Account Strip and Page Title Styles
 */

#pagetitle_account_strip_container
        {
	margin: 0 0 10px 0;
        }

#pagetitle_container
        {
        float: left;
        width: 100%;
        }

#pagetitle
	{
	margin-right: 300px;
	padding: 0px;
	}

/*
 * to enable the pagetitle div to render without any content
 */
#pagetitle .null
	{
	height: 1px;
	}

#accountStrip
	{
	float: left;
	width: 290px; /* Native width 300 - x padding */
	padding: 0 10px 0 0;
	margin-left: -300px;
	text-align: right;
	}

#accountStrip
	{
	text-align: right;
	font-size: 10px;
	line-height: 12px;
	color: #204998;
	padding-top: 7px;
	}
	
#accountStrip ul
	{
	float: right;
	margin: 0;
	padding: 0;
	}
	
#accountStrip ul li
	{
	margin: 0;
	padding: 0 5px;
	list-style-type: none;
	float: left;
	border-right: #3c6bc9 1px solid;
	}
	
#accountStrip ul li.lastItem
	{
	border-right: none;
	padding-right: 0;
	}

#accountStrip ul li a
	{
	padding: 0;
	margin: 0;
	color: #174298;
	font-weight: bold;
	text-decoration: none;
	}

#accountStrip p
	{
	margin: 5px 0 0 0;
	padding: 0;
	}
	
#accountStrip strong
	{
	
	}

/* ============================================================================
 * 3 Column Layout Styles
 */

/*
 * ----------------------------------------------------------------------------
 * The top level wrapper for the content area.  It contains all of the other
 * column related divs.  This div's primary purpose is to render the background
 * for the left column and the center column's background color.
 * It requires the following:
 *  . A background image that is the width of the left column (see sideBarLeft
 *    width and other style settings).
 *
 * IE 6.0 Fix:  The height: 1%; fixes some spurious white space that is
 * otherwise rendered between this and the footer div, or bottom of the page.
 */
#leftColumnBg
	{
	margin: 0;
	padding: 0;
	/*
	background: #edeff8 url(sidebar.left.bg.gif) top left repeat-y;
	*/
	height: 1%;
	}

/*
 * Style settings for all other browsers for #leftColumnBg.
 */
#mainContainer > #leftColumnBg
	{
	height: auto;
	}	

/*
 * ----------------------------------------------------------------------------
 * The secondary wrapper for the content/columns area.  Its primary purpose is
 * to render to background for the right column.
 * It requires the following:
 *  . A background image that is the width of the right colunm (see
 *    sideBarRight style settings).
 *  . A border on all edges; top, right, bottom, and left. Otherwise, it will
 *    not render the background images/colors properly in IE 6 and 7.  Using
 *    the color transparent does not work as IE 6.0 will simply render that as
 *    black.  In this case, I simply set the border color for each edge to
 *    match the background color of that edge of the page.  For the bottom
 *    border, I picked a color that closely approximates the grey that is used
 *    in most browsers for the chrome surrounding the pages.  This way, it is
 *    less obvious and blends in better.
 */
#rightColumnBg
	{
	margin: 0;
	padding: 0;
	/*
	background: url(sidebar.right.bg.gif) top right repeat-y;
	border-top: #000000 1px solid;
	border-bottom: #d4d0c8 1px solid;
	border-left: #efeafd 1px solid;
	border-right: #cfd5f5 1px solid;
	*/
	}

/*
 * We can get away without a left and right border for IE 7 and all other
 * compliant browsers so we will set the left and right border to none.
 */
#leftColumnBg > #rightColumnBg
	{
	border-left: none;
	border-right: none;
	}
	
#centerRightColumnContainer
	{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	}
	
#centerRightColumnPositioner
	{
	/*
	 * To fit the left side bar
	 */
	margin-left: 190px;
	padding: 0;	
	}

/*
#sideBarLeft
	{
	float: left;
	width: 190px;
	margin-left: -100%;
	padding: 0;
	}
*/
	
#centerColumnContainer
	{
	float: left;
	width: 100%;
	}

#centerColumn
	{
	margin-right: 260px;
	padding: 20px 10px 20px 20px;
	}
	
#sideBarRight
	{
	float: left;
	width: 240px; /* Total width: 260px - padding * 2 */
	margin-left: -260px;
	padding: 10px;
	}


/*
 * ----------------------------------------------------------------------------
 * formVista /component styles
 */

.fv_std_form fieldset.formfieldset,
.fv_member_inbox fieldset.formfieldset,
.fv_member_notifications fieldset.formfieldset,
.fv_member_profile fieldset.formfieldset,
.fv_member_thread_view fieldset.formfieldset
	{
	margin: 0;
	padding: 0;
	border: none;
	}

.fv_std_form fieldset.formfieldset legend,
.fv_member_inbox fieldset.formfieldset legend,
.fv_member_notifications fieldset.formfieldset legend,
.fv_member_profile fieldset.formfieldset legend,
.fv_member_thread_view fieldset.formfieldset legend
	{
	display: none;
	}

.fv_blog .fv_wrapper .fv_content ul.fv_blog_list li.fv_blog_item
	{
	background-image:url(../component_theme/art/bluegray.blog.item.bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	}




#logos
        {
        margin: 20px 0;
        text-align: center;
        }

#logos ul
        {
        margin: 0;
        padding: 0;
        }

#logos ul li
        {
        background-color: transparent;
        margin: 0 0 20px 0;
        padding: 0;
        list-style-type: none;
        }

#logos ul li a,
#logos ul li a:visited
        {
        background-color: transparent;
        border: 0;
        outline: none;
        }

#logos ul li a img
        {
        border: none;
        }

.intranet
        {
        font-family: "Courier New", Courier, monospace;
        font-size: 11px;
        text-align: center;
        margin: 10px 0 0 0;
        }

#hitCounter
        {
        text-align: center;
        margin: 15px auto;
        font-size: 13px;
        background-color: #cccccc;
        border: #000000 1px solid;
        width: 150px;
        }