/*
 * ----------------------------------------------------------------------------
 * General Styles
 */


.clear_both
        {
        clear: both;
        }

#centerColumn h1,
#centerColumn h2,
#centerColumn h3,
#twoColcenterColumn h1,
#twoColcenterColumn h2,
#twoColcenterColumn h3
	{
	margin-top: 0;
	}

#centerColumn h1,
#twoColcenterColumn h1
	{
	font-size: 20px;
	}

#centerColumn h2,
#twoColcenterColumn h2
	{
	font-size: 15px;
	}

#centerColumn h3,
#twoColcenterColumn h3
	{
	font-size: 14px;
	}

#centerColumn p,
#twoColcenterColumn p
	{
	margin: 0 0 1.5em 0;
	padding: 0;
	}

/*
 * ----------------------------------------------------------------------------
 * 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
 * ----------------------------------------------------------------------------
 */

/* ============================================================================ */
/* 3 Colun Layout Styles */
body
	{
	/*
	* If you want to have a stripe for the left side bar and the center column
	* uncomment this background specification and add your image here
	background: #edeff8 url(sidebar.left.bg.gif) top left repeat-y;
	*/
	margin: 0;
	padding: 0;
	/* IE 6.0 Addition */
	height: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
	}

/* IE requires the position to be absolute otherwise the div will render below */
/* the mainContainer div on the page and not under it in the z axis            */
#bg
	{
	position: absolute;
	/*
	background: url( art/right.sidebar.bg.gif) top right repeat-y;
	*/
	background-image: url( ../art/right.sidebar.bg.gif );
	background-position: top right;
	background-repeat: repeat-y;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 960px;
	/* IE 6.0 requires the -1 z-index so that the bg will render behind the scroll bar */
	z-index: -1;
	}

body > #bg
	{
	position: relative;
	z-index: 1;
	}

#mainContainer
	{
	position: relative;
	min-width: 960px;
	top: 0;
	left: 0;
	z-index: 2;
	}

#header
	{
	background-image: url( ../art/header.bg.jpg );
	background-position: top left;
        background-repeat: repeat-x;
	}

#logoBar
	{
	height: 82px;
	background-image: url( ../art/logo.bg.jpg );
        background-position: top left;
        background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	}
	
#logoBar #accountStripContainer
	{
	float: left;
	width: 100%;
	}
	
#logoBar #accountStrip
	{
	margin-left: 550px;
	/*
	 * Naitive height 82px
	 */
	height: 82px;
	padding: 0 10px 0 0;
	text-align: right;
	color: #8bb996;
	background-image: url( ../art/monitor.top.gif );
	background-position: bottom right;
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 12px;
	}

#accountStrip p
	{
	}

#accountStrip p strong
	{
	color: #ffffff;
	}

#accountStrip .fv_account_strip_global div.horiz ul.fv_std_list
	{
	float: right;
	margin-top: 13px;
	}

#accountStrip .fv_account_strip_global div.horiz ul.fv_std_list li.fv_std_item
	{
	border-right: #7fb38c 1px solid;
	}

#accountStrip .fv_account_strip_global div.horiz ul.fv_std_list li.lastItem
	{
	border: none;
	padding-right: 0;
	}

#accountStrip .fv_account_strip_global div.horiz ul.fv_std_list li a,
#accountStrip .fv_account_strip_global div.horiz ul.fv_std_list li a:visited
	{
	color: #ffffff;
	text-decoration: none;							  
	font-weight: bold;
	}



#logoBar #logo
	{
	float: left;
	width: 550px;
	height: 82px;
	margin-left: -100%;
	}

#logoBar #logo a.logo
	{
	display: block;
	width: 400px;
	height: 31px;
	top: 10px;
	left: 9px;
	position: relative;
	outline: none;
	}

#logoBar #logo a.byDTLink
	{
	display: block;
	width: 94px;
	height: 30px;
	top: 13px;
	left: 9px;
	position: relative;
	outline: none;
	}

#topNav
	{
	height: 32px;
	background-image: url( ../art/topnav.bg.gif );
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	}


#topNav .fv_std_list
	{
	margin: 0;
	padding: 0;
	}

#topNav .fv_std_list_horiz ul.fv_std_list li a,
#topNav .fv_std_list_horiz ul.fv_std_list li a:visited
	{
	line-height: 32px;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	outline: none;
	padding: 0 10px 0 0;
	margin: 0;
	}

#topNav .fv_std_list_horiz ul.fv_std_list li a:hover
	{
	text-decoration: underline;
	color: #266635;
	}


	
#centerRightColumnContainer
	{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	}
	
#centerRightColumnPositioner
	{
	margin-left: 160px; /* To fit the left side bar. was 215. see below. */
	padding: 0;	
	}

#sideBarLeft
	{
	float: left;
	/*
	 * Total width: 215px - padding 
	 * 
	 * Adjusted for navless design. banner ad spot now.
	 */
	width: 120px;
	margin-left: -100%;
	padding: 20px;
	}

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

#centerColumn
	{
	margin-right: 200px;
	padding: 20px 20px 20px 0;
	}
	
#sideBarRight
	{
	float: left;
	/*
	 * Total width: 200px - padding 
	 */
	width: 200px;
	margin-left: -200px;
	padding: 35px 0 10px 0;
	background-image: url( ../art/right.side.bar.monitor.jpg );
	background-position: top right;
	background-repeat: no-repeat;
	/*
	 * the height is specified so that when there is no content in the sidebar
	 * that the background image is still rendered
	 */
	height: 100px;
	overflow: visible;
	}

/* ------------------------------------
 * navtree
 */

#sideNav
	{
	width: 175px;
	border-top: #a9c9ac 1px solid;
        border-left: #a9c9ac 1px solid;
        border-right: #a9c9ac 1px solid;
	}

#sideNav ul.fv_nav_treelist
	{
	margin: 0;
	padding: 0;
	}

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

#sideNav ul.fv_nav_treelist li.fv_nav_treeitem a,
#sideNav ul.fv_nav_treelist li.fv_nav_treeitem a:visited
	{
	display: block;
	width: inherit;
	height: 1%;
	background-color: #f4f8f4;
	border-bottom: #a9c9ac 1px solid;
	text-decoration: none;
	font-size: 12px;
	line-height: 16px;
	color: #266635;
	padding: 2px 5px;
	}	

#sideNav ul.fv_nav_treelist li.fv_nav_treeitem a:hover,
#sideNav ul.fv_nav_treelist li.fv_nav_treeitem a.selected:hover,
#sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a:hover,
#sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a.selected:hover,
#sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a:hover,
#sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a.selected:hover,
#sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a:hover,
#sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a.selected:hover
	{
	background-color: #266635;
	color: #ffffff;
	}

#sideNav ul.fv_nav_treelist li.fv_nav_treeitem a.selected,
#sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a.selected,
#sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a.selected
	{
	background-color: #e2ecde;
	}

#sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a
	{
	padding: 2px 5px 2px 15px;
	}

#sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a
        {
	padding: 2px 5px 2px 25px;
        }

#sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a
        {
	padding: 2px 5px 2px 35px;
        }

/*
 * ----------------------------------------------------------------------------
 * Page Title and Feature buttons for all sub pages
 */
#titleFeatureWrapper
        {
	margin: 0 0 10px 0;
	padding: 0;
        }

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

#title
	{
	margin-right: 360px;
	padding: 0;
	}

#feature
	{
	float: left;
	width: 360px;
	margin-left: -360px;
	text-align: right;
	}

/*
 * ============================================================================
 * Footer Styles
 */

#footer
	{
	margin-top: 50px;
	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_nav
	{
	margin-bottom: 20px;
	}

#footer #footer_nav .fv_std_list_horiz ul.fv_std_list
	{
	margin: 0;
	padding: 0;
	text-align: center;
	}

#footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_std_item,
#footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_firstItem,
#footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem
	{
	border-right: #000000 1px solid;
	width: auto;
	float: none;
	display: inline;
	/*
	 * Non IE browsers render spurious 5px left margin
	 * this is removed for the IE browsers in the ie6 and 7 specific stylesheet
	 */
	margin-left: -5px;
	padding: 0 10px;
	}

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

#footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_std_item a,
#footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_std_item a:visited,
#footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_firstItem a,
#footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_firstItem a:visited,
#footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem a,
#footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem a:visited
	{
	font-size: 12px;
	font-weight: bold;
	outline: none;
	color: #296d38;
	}

#footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_std_item a:hover,
#footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_firstItem a:hover,
#footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem a:hover
	{
	text-decoration: none;
	color: #000000;
	}

#footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem
	{
	border-right: none;
	}

/*
 * ============================================================================
 * Bottom Navigation
 */

#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;
	background-color: #ffffff;
	}

#bottom_nav .fv_std_list_horiz ul.fv_std_list
	{
	margin: 0;
	padding: 0;
	text-align: center;
	}

#bottom_nav .fv_std_list_horiz ul.fv_std_list li
	{
	margin: 0;
	padding: 0 8px;
	}

#bottom_nav .fv_std_list_horiz ul.fv_std_list li a,
#bottom_nav .fv_std_list_horiz ul.fv_std_list li a:visited
	{
	font-size: 11px;
	}

/*
 * ============================================================================
 * 2 Column Layout Styles
 */

body.twoCol
	{
	/*
	 * add a background image here if you want to layer one under the background
	 * image below
	 */
	margin: 0;
	padding: 0;
	
	/*
	 * IE 6.0 Addition
	 */
	height: 100%;
	}

/*
 * IE requires the position to be absolute otherwise the div will render below
 * the mainContainer div on the page and not under it in the z axis
 */
#twoColbg
	{
	position: absolute;
	background-image: url( ../art/right.sidebar.bg.gif );
	background-position: top right;
	background-repeat: repeat-y;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 960px;
	/*
	 * IE 6.0 requires the -1 z-index so that the bg will render behind the scroll bar
	 */
	z-index: -1;
	}

body.twoCol > #twoColbg
	{
	position: relative;
	z-index: 1;
	}

#twoColmainContainer
	{
	position: relative;
	min-width: 960px;
	top: 0;
	left: 0;
	z-index: 2;
	}

#twoColcenterRightColumnContainer
	{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	}
	
#twoColcenterRightColumnPositioner
	{
	margin: 0;
	padding: 0;	
	}

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

#twoColcenterColumn
	{
	margin-right: 200px;
	padding: 20px;
	}

 #twoColsideBar
	{
	float: left;
	/*
	 * Total width: 200px - padding 
	 */
	width: 200px;
	margin-left: -200px;
	padding: 35px 0 10px 0;
	background-image: url( ../art/right.side.bar.monitor.jpg );
	background-position: top right;
	background-repeat: no-repeat;
	/*
	 * the height is specified so that when there is no content in the sidebar
	 * that the background image is still rendered
	 */
	height: 100px;
	overflow: visible;
	}




/*
 * ============================================================================
 * Home Page Specific Styles
 */

.homeFeature
 	{
	float: right;
	width: 360px;
	margin: 0 0 20px 20px;
	}

.homeFeature img.freeDownload,
#feature img.freeDownload
	{
	float: left;
	}

.homeFeature img.moreInfo,
#feature img.moreInfo
	{
	float: right;
	}

.homeFeature .screenshot
	{
	margin: 20px 0 0 0;
	}

#homeButtons
	{
	margin: 10px 0 20px 0;
	}

#homeButtons ul
	{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}

#homeButtons ul li
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline
	}

#homeButtons ul li div.fv_std_list
	{
	display: inline;
	}

#homeButtons ul li.freeDownload,
#homeButtons ul li.moreInfo
	{
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0 0 5px 0;
	}

#homeButtons ul li.freeDownload
	{
	background-image: url( ../art/Download_Button_1.gif );
	margin-right: 5px;
	}

#homeButtons ul li.moreInfo
	{
	background-image: url( ../art/Question_Button_1.gif );
	margin-left: 5px;
	}

#homeButtons ul li a,
#homeButtons ul li a:visited
	{
	line-height: 30px;
	padding-left: 25px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	}

#homeButtons ul li a:hover
	{
	text-decoration: underline;
	}


#homeWhatsNew
	{
	/*
	 * Native width 720px
	 * width below if native - padding - borders 
	 */
	width: 698px;
	padding: 10px;
	background-color: #d9e7d5;
	border: #276c37 1px solid;
	margin: 0 auto;
	}

#homeAd
	{
	/*
	 * Native width 748px
	 * width below if native - padding 
	 */
	width: 728px;
	padding: 10px;
	margin: 0 auto;
	}

/*
 * ----------------------------------------------------------------------------
 * Three column audience list
 */

#homeAudiences .fv_std_list_plain ul.fv_std_list
	{
	margin: 20px auto 0 auto;
	padding: 0;
	width: 720px;
	}

#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem
	{
	list-style-type: none;
	/*
	 * The width is the total of the container 720, - the aggregate width of the borders 6,
	 * divided by three
	 */
	width: 232px;
	height: 340px;
	margin: 0 9px;
	background-image: url( ../art/home.audience.bg.jpg );
	background-position: bottom left;
	background-repeat: repeat-x;
	border: #276c37 1px solid;
	float: left;
	position: relative;
	font-size: 12px;
	}

#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem
	{
	margin: 0;
	}

#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item img.fv_image,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem img.fv_image,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem img.fv_image
	{
	float: left;
	}

#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item img.fv_image,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item .fv_body,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem img.fv_image,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem .fv_body,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem img.fv_image,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem .fv_body
	{
	margin: 50px 0 0 0;
	}

#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item img.fv_image,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem img.fv_image,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem img.fv_image
	{
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}

#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item .fv_body,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem .fv_body,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem .fv_body
	{
	margin-left: 10px;
	margin-right: 10px;
	}

#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item a.fv_title,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem a.fv_title,
#homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem a.fv_title
	{
	background-image: url( ../art/home.audience.title.bg.gif );
	background-position: top left;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	display: block;
	height: 40px;
	line-height: 40px;
	background-color: #ffffff;
	width: 100%;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-bottom: #000000 1px solid;
	}

/*
 * list item of links within the graphic_link_text_list instance
 */
#homeAudiences .fv_std_list_plain ul.fv_std_list li .fv_body ul
	{
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	}

/*
 * list item of links within the graphic_link_text_list instance
 */
#homeAudiences .fv_std_list_plain ul.fv_std_list li .fv_body ul li
	{
	margin: 0;
	padding: 0 5px;
	list-style-type: none;
	display: inline;
	}

/*
 * ============================================================================
 * 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;
	}


/*
 * ----------------------------------------------------------------------------
 * account_strip_global
 */

.fv_account_strip_global div.horiz ul.fv_std_list
	{
	float: right;
	}

/*
 * ----------------------------------------------------------------------------
 * blog
 */

.fv_blog_sidebar
	{
	margin: 0 10px;
	}

.fv_blog .wrapper .content ul.fv_blog_list li.fv_blog_item
	{
	border-top: #666666 1px dotted;
	background-image: url( ../component_theme/art/green.blog.item.bg.jpg );
	background-position: top left;
	background-repeat: repeat-x;
	}

.fv_blog .wrapper .content .comments ul.fv_blog_list li.fv_blog_item
	{
	background-image: none;
	}

/*
 * ----------------------------------------------
 * tabbed navigational component
 */

div.tabnav
	{
	padding: 2px 0;
	border-bottom: #3b824b 1px solid;
	}

div.tabnav ul
	{
	margin-left: 5px;
	}

div.tabnav ul li
	{
	padding: 0;
	margin: 0;
	}

div.tabnav ul li a,
div.tabnav ul li a:visited
	{
	background-color: #f5f9f5;
	padding: 2px 5px;
	border: #3b824b 1px solid;
	margin-left: 5px;
	}

div.tabnav ul li a:hover
	{
	color: #1947a9;
	}

div.tabnav ul li.current a,
div.tabnav ul li.current a:visited
	{
	padding: 2px 5px 3px 5px;
	background-color: #ffffff;
	border-bottom: none;	
	}