/*
 * ----------------------------------------------------------------------------
 * 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
 * ----------------------------------------------------------------------------
 */
 
 
 
 
/* ============================================================================ */
/* Navigation Styles */	
 #nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;

}

#nav {
	margin-top: 25px;
}

#nav a {
	display: block;
	width: 118px;
    color:#333333;
    text-decoration:none;
    text-align: left;
    padding-left:5px;
    	padding-top: 3px;
	padding-bottom: 3px;

}

#nav a:hover {
    color: #000000;
    background-color: #990000;
    display:block;
    color:#ffffff;


}


#nav li {
	float: left;
	width: 118px;

}




#nav li ul {
	position: absolute;
	width: 118px;
	left: -999em;
    background-color: #ffffff;
    padding:2px;


}

#nav li ul a{
	padding-top: 3px;
	padding-bottom: 3px;


}

#nav li:hover ul {
	left: auto;


}

#nav li:hover ul {


}


/* ============================================================================ */
/* Column Styles */	
#column1
	{
	width: 228px;
	min-width: 228px;

	float: left;
	margin: 0 auto;
	margin-right: 16px;
	}
	
#column2
	{
	width: 228px;
	min-width: 228px;

	float:left;


	margin: 0 auto;
	}	
/* ============================================================================ */
/* Layout Styles */	
#mainContainer
	{

	width: 719px;
	min-width: 719px;
	margin: 0 auto;
	
		background-repeat: repeat;
	background-image: url(img/sidebarbg.jpg);
	                                                  
	}
	
#menu
	{

background-color: #f5f7f8;
min-height: 49px;
height: 49px;
	padding: 10px;
	padding-left: 206px;
	}
#header
	{
	background-image: url(img/header.jpg);
	background-position: top;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0px;
	height: 176px;
	min-height: 176px;
	}
	
#sideBarContentContainer
	{
	/* For a "two-stripe" look with columns of equal height, add your bg.gif here" */
                               
	background-color: #b8292f;
		background-repeat: repeat;
	background-image: url(img/sidebarbg.jpg);

	margin: 0 auto;
	padding: 0;
	width: 717px; /* Original width of 750px (the total width of the page) - the width of the border (2px)*/
	position: relative;
	border-right: #000000 1px solid;
	border-left: #b8292f 1px solid;
	}

#sideBar a:visited, a:hover, a:link
{
	text-decoration: underline;
	color: white;

}

#sideBar
	{
	background-repeat: repeat;
	background-image: url(img/sidebarbg.jpg);

	width: 206px; /* Width of your nav column */
	color: #f6e4e5;
	float: left;
	margin: 0;
	padding: 0;
	}
	 
#sideBar h3
	{
	margin-left: 25px;
	color: #f6e4e5;

	}	
	
#sideBar h4
	{
	margin-left: 25px;
	color: #f6e4e5;

	}	
	

/* 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                       */
#sideBar p
	{
	margin: 10px auto;
	margin-left: 25px;
	width: 170px;
	}


#sideBar form
	{
	margin: 10px auto;
	margin-left: 25px;
	width: 170px;
	}
#sideBarContentWrapper > #sideBar p
	{
	padding: 10px;
	margin: 0;
	
	}
	
#content
	{
	float: right;
	width: 491px; /* Width of your content column (560px) - the 2 pixels border - the padding */
	margin: 0;
	padding: 10px;
    color:#333333;
	background-color: #ffffff;
	}

#content td {

	height: 10px;

}
#content a:visited, #content a:link
	{
	color: #990000;
	background-color: #ffffff;
	text-decoration: none;
	}


#content a:hover
	{
	color: #990000;
	background-color: #ffffff;
	text-decoration: underline;
	}

#footer
	{
	margin: 0;
	padding: -1px 10px;
	clear: both;
	border: #000000 0px solid;
	background-color: #d2cbbd;
	}

/*
 * ----------------------------------------------------------------------------
 * NBI Layout/Design styles
 */

body
        {
        font-family: Verdana;
        font-size: 10px;

        margin: 0;
        padding: 0;
        background-color: #f5f7f8;
        }



h1
	{
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	font-style: italic;
	
	font-size: 2.6em;
	line-height: 1em;
	text-align: left;
    color: #990000;
	}

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

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

h3
        {
        text-align: left;
        color: #990000;
        font-size: 12px;
        
        }

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

.clear_both
        {
        clear: both;
        }

.code
	{
	font-family:"Courier New", Courier, monospace;
	}


#sideBar ul
	{
	margin: 0;
	padding: 0;
	border-bottom: #978e7c 1px solid;
	width: 189px;
	}

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

#sideBarContentContainer> #sideBar
	{
	height: auto;
	}
	
#sideBar ul li a, #sideBar ul li a:visited
	{
	display: block;
	border-top: #978e7c 1px solid;
	padding: 5px 10px;
	background-image: url(sidenav.bg.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	background-color: #fffbf7;
	color: #59503e;
	text-decoration: none;
	font-weight: bold;
	}
	
#sideBar ul li a:hover
	{
	color: #000000;
	text-decoration: underline;
	}