/*
===============================================================================
nt650.com 2008-08-24 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;
	}

#header
	{
	background-color: #000000;
	background-image: url(../art/header.bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	height: 81px;
	}
	
/* ---------------------------------------------------------------------------- */
/* 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                           */
#leftColumnBg
	{
	margin: 0;
	padding: 0;
	background: #ffffff url( ../art/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 used a color that works well delinating the footer from the     */
/*    rest of the layout.                                                       */
#rightColumnBg
	{
	margin: 0;
	padding: 0;
	background: url(../art/sidebar.right.bg.gif) top right repeat-y;
	border-top: #ffffff 1px solid;
	border-bottom: #ffffff 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
	{
	margin-left: 200px; /* To fit the left side bar */
	padding: 0;	
	}

#sideBarLeft
	{
	float: left;
	width: 200px; /* Total width: 190px - padding *2 = 170px; */
	margin-left: -100%;
	padding: 0;
	}
	
/* IE 6.0: For some reason, if you just specify padding here it'll add 10 px  */
/* to the entire layout and cause the page to scroll horizontally. So we have */
/* to specify the width and then set a margin on it.  The width is equal to   */
/* the width of the column, 190px - the 10px margin * 2                       */
#sideBarLeft p
	{
	margin: 10px auto;
	width: 170px;
	}
	
#rightColumnBg > #sideBarLeft p
	{
	padding: 10px;
	margin: 0;
	}

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

#centerColumn
	{
	margin-right: 220px;
	padding: 0;
	background-image: url(../art/center.bg.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}
 
#sideBarRight
	{
	float: left;
	width: 200px; /* Total width: 220 - padding * 2 */
	margin-left: -220px;
	padding: 10px;
	text-align: center;
	}

#sideBarRight iframe
	{
	margin-bottom: 10px;
	}

#sideBarRight p.text_link
	{
	/*
	 * Native width: 120px;
	 */
	width: 110px;
	background-color: #ffffff;
	padding: 5px;
	margin: 0 auto 10px auto;
	}

#sideBarRight p.text_link a
	{
	}

#footer
	{
	margin: 0 0 40px 0;
	padding: 20px 0 0 10px;
	clear: both;
	background-image: url(../art/footer.bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #000000;
	height: 162px;
	color: #cccccc;
	text-align: center;
	}

#footer a, #footer a:visited
	{
	color: #ffffff;
	}
	
/* ============================================================================ */
/* NBI Layout/Design styles                                                     */


body
        {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 17px;
        margin: 0;
        padding: 0;
	background-color: #000000;
        }

h1, h2, h4
        {
        text-align: center;
        color: #ffffff;
        }

h1
	{
	font-size: 2em;
	line-height: 1em;
	}

h4 a, h4 a:visited
        {
        color: #d9dcec;
        }

h4 a:hover
        {
        color: #ffffff;
        text-decoration: none;
        }

h2
        {
        font-size: 18px;
        }

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

.clear_both
        {
        clear: both;
        }

/* IE 6.0 specific style */
#sideBarLeft ul
	{
	margin: 0;
	padding: 0;
	/* width: 201px; */
	width: auto;
	}

#sideBarLeft > ul
	{
	/* width: 200px;  */
	}

/* IE fix for additional padding that otherwise get's rendered between list items */
#sideBarLeft ul li
	{
	height: 1%;
	margin: 0;
	padding: 0;
	list-style-type: none;

	}

#rightColumnBg > #sideBarLeft
	{
	height: auto;
	}
	
#sideBarLeft ul li a, #sideBarLeft ul li a:visited
	{
	display: block;
	margin: 0;
	height: 1%;
	border-bottom: #5e0000 1px solid;
	padding: 5px 10px;
	color: #e70000;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	width: auto;
	background-image: url(../art/sidenav.bg.gif);
        background-position: bottom;
        background-repeat:repeat-x;

	/*
	background-image: url(../art/sidenav.bg.gif);
        background-position: bottom;
        background-repeat:repeat-x;
	*/
	}

/* First item in the sidebar nav */
#sideBarLeft ul li a.first
	{
	background-image:url(../art/sidenav.first.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	}
	
#sideBarLeft ul li a:hover
	{
	color: #ffffff;
	text-decoration: underline;
	outline: none;
	}

/* 2nd Tier */
#sideBarLeft ul li ul li a, #sideBarLeft ul li ul li a:visited
        {
	margin: 0;
	padding: 0;
        padding: 5px 10px 5px 20px;
        }

#pageTitle
	{
	padding: 10px 0 0 15px;
	margin: 0;
	height: 18px; /* 28 minus padding */
	border-bottom: #cccccc 1px solid;
	font-size:15px;
	font-weight: bold;
	color: #000000;
	}
	
#contentContainer
	{
	margin: 0;
	padding: 15px 15px 20px 15px;
	overflow-x:auto;
	}


/*
 * ----------------------------------------------------------------------------
 * Account Strip
 */

#account_strip
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 20px 0 0;
	font-size: 11px;
	line-height: 13px;
	color: #767676;
	}

#account_strip
	{
	font-size: 13px;
	line-height: 15px;
	}

#account_strip ul
	{
	float: right;
	margin: 0;
	padding: 0;
	}
	
#account_strip ul
	{
	margin-top: 5px;
	}

#account_strip ul li
	{
	margin: 0;
	padding: 0 5px 0 5px;
	list-style-type: none;
	float: left;
	border-right: #cccccc 1px solid;
	}

#account_strip ul li.lastItem
	{
	border-right: none;
	padding-right: 0;
	}

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

#account_strip p
	{
	margin: 0;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right;
	}
	
#account_strip strong
	{
	color: #000000;
	}

#legal
        {
        margin: 10px 0;
        padding: 0;
        }

#legal .fv_std_list_horiz ul.fv_std_list li.fv_std_item a,
#legal .fv_std_list_horiz ul.fv_std_list li.fv_std_item a:visited,
#legal .fv_std_list_horiz ul.fv_std_list li.fv_firstItem a,
#legal .fv_std_list_horiz ul.fv_std_list li.fv_firstItem a:visited,
#legal .fv_std_list_horiz ul.fv_std_list li.fv_lastItem a,
#legal .fv_std_list_horiz ul.fv_std_list li.fv_lastItem a:visited
        {
        color: #ffffff;
        font-size: 11px;
        margin: 0 5px;
        }

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

#legal .fv_std_list_horiz ul.fv_std_list li.fv_std_item,
#legal .fv_std_list_horiz ul.fv_std_list li.fv_firstItem,
#legal .fv_std_list_horiz ul.fv_std_list li.fv_lastItem
        {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: inline;
        float: none;
        }

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



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

/*
 * ----------------------------------------------------------------------------
 * Blog
 */

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