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

Title:			style.css
Author: 		Michael Tosetto
Created: 		28.02.08

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

/* @import url(niceforms-default.css); */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Removes outline from links in Firefox */
a { outline: none; }


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: transparent url(images/bg-diag-dash.jpg) 0 0 repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

#container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 960px; 
	/* background: transparent url(images/border.gif) 0 20px repeat-y; */
	margin: 15px auto;
	text-align: left;
} 

/* =wrapper */
#wrapper { 
	margin: 0; padding: 0; 
	background: #FFF url(images/border.gif) 0 0 repeat-y;
}

/* =header */
#header { 
	height: 180px; /* if changing source order of the columns, use height on header so you can give the columns a top value */
	background: transparent url(images/rounded-border.gif) 0 0 no-repeat;
} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0;
	background: url(images/dfs-logo.gif) 10px 11px no-repeat;
	width: 150px;
	height: 180px;
	text-indent: -9999px;
}

#header p {
	width: 793px;
	height: 121px;
	position: absolute;
	top: 13px;
	left: 155px;
}

#header_sub {
 	background: #333366;
	color: #FFF;
	height: 19px;
	font-size: 70%;
	padding: 6px 8px 0 8px;
}

/* =nav */
#nav {
	width: 804px;
	height: 40px;
	position: absolute;
	top: 140px;
	left: 155px;
}

#nav ul li { 
	list-style-type: none;
	padding: 0;
	margin: 0 2px 0 0;
	display: block;
	float: left;
	font-size: 80%; 
	font-weight: bold;
	text-align: center;
	width: 132px; 
	height: 40px;
}

#nav ul li a {
	color: #FFF; 
	padding: 16px 0 0 0;
	text-decoration: none;
	display: block;
	width: 132px;
	height: 22px;
	background: url(images/btn-nav-main.gif) 0 0 no-repeat;
}

#nav ul li a:hover { background-position: 0 -40px; text-decoration: underline; }

#nav ul li#active a { background-position: 0 -80px; text-decoration: underline; }


/* =sidebar1 */
#sidebar1 {
	position: absolute;
	top: 206px;
	left: 0;
	width: 155px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 320px;
	border-left: 1px #333366 solid;
}

#sidebar1 ul { 
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-size: 70%;
letter-spacing: 0;
font-weight: bold;
}

#sidebar1 ul li a { 
display: block;
margin: 1px 0 0 0;
width: 155px;
height: 18px; /* Making sure this height and the padding in #sidebar1 a:link add to 24px will ensure the stability of the image bg */
color: #FFF;
background: url(images/btn-nav-sub.gif) 0 0 no-repeat;
}

#sidebar1 a:link, #sidebar1 a:visited  {
text-decoration: none;
padding: 6px 0 0 4px; /* Making sure this height and the padding in #sidebar1 a:link add to 24px will ensure the stability of the image bg */
}

#sidebar1 a:hover { text-decoration: underline; background-position: 0 -24px; }

#sidebar1 #active_sub a { text-decoration: underline; background-position: 0 -48px; } /* active link in the sub nav */



#sidebar1 ul.img_links { margin: 10px 0 0 0; }

#sidebar1 ul.img_links li a { width: 155px; height: 35px; background: none; padding: 0; margin: 12px 0; display: block; }



/* =sidebar2 */
#sidebar2 {
	/* position: absolute;
	top: 205px;
	right: 0; */
	float: right;
	width: 202px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 400px; 
	/* background: #ccccff;  Before removing Dow Jones Chart */
		background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	border-right: 1px #333366 solid;
	overflow: hidden;
}

#sidebar2 img { float: right; /* padding: 10px 10px 0 0; before removing Dow Jones Chart */ padding: 10px; background: #ccccff; }

#sidebar2 p { font-size: 70%; font-weight: bold; float: left; padding: 10px 10px 0 10px; }

#sidebar2 a:link, #sidebar2 a:visited { color:#333399; text-decoration: none; }

#sidebar2 a:hover, #sidebar2 a:active { color:#333399; text-decoration: underline; }

/* =content_main */
#content_main { 
	margin: 0 214px 0 167px; /* right and left margins on this div element creates the two outer columns on the sides of the page. */
	font-size: 80%;
	line-height: 1.5em;
	/* min-height: 392px; */
	/*  
	min-height: 392px;
  	height: auto !important;
  	height: 392px;
	*/

}

#content_main h2 { padding: 10px 0 10px 0; font-size: 140%; background-color: transparent; color: #333366; } 

#content_main h3 { margin: 0; padding: 10px 0 0 0; font-size: 110%; font-weight: bold; background-color: transparent; color: #333366; }

#content_main h4 { padding: 0px 0 10px 0; font-size: 90%; font-style: italic; background-color: transparent; color: #669933; }

#content_main p { padding: 0 0 10px 0; } 

#content_main a:link, #content_main a:visited { color: #3333CC; text-decoration: none; }

#content_main a:hover, #content_main a:active { color:#3333CC; text-decoration: underline; }

#content_main img { float: right; margin: 0 0 10px 10px; border: 3px #333366 double; } 

#content_main table { table-layout: fixed; margin: 0 10px 10px 10px; border: 3px #333366 double; }

#content_main td { padding: 2px 5px; border: 1px #333366 solid; }

#content_main ul { margin: 0 0 10px 30px; list-style: disc outside; }

#content_main ol { margin: 0 0 10px 30px; list-style: decimal outside; }

#content_main blockquote { margin: 0 10px 10px 30px; }



/* =content_sub */
#content_sub { margin: 0; }

#content_sub img { margin: 13px 0 10px 10px; border: 3px #333366 double; } 


/* start form xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx start form */

form { margin: 0; }

/* =input */
fieldset input, textarea { border : 1px solid #333366; margin-bottom: 20px; }
fieldset input:hover, textarea:hover { border-color : #669933; }
fieldset input:active, input:focus, textarea:active, textarea:focus { border-color : #669933; }


/* =label/labelspan */
label, label span { margin-bottom: 10px; }
label span.textred { color: red; font-size: 70%; }

form div { margin-bottom: 10px; }


/* end form xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx end form */


/* =siteinfo */
#site_info {
	height: 50px; 
	padding: 0 15px 0 15px; /* This padding stops the footer links from touching the sides */
	background: transparent url(images/rounded-border-footer.gif) left bottom no-repeat;
	margin-bottom: 20px;
	clear: both;
} 

#site_info ul { padding: 25px 0 0 0; list-style-type: none;
}

#site_info li {
	display: inline;
	list-style-type: none;
	padding: 0 5px 0 5px;
	font-size: 70%;
}

#site_info a:link, #site_info a:visited { color: #3333CC; text-decoration: none; }

#site_info a:hover, #site_info a:active { color:#3333CC; text-decoration: underline; }

/* =classes */
.fltrt { float: right; }

.fltlft { float: left; }

.normal_line { border-bottom: 1px #333366 solid; } /* This class is for underlined paragraphs in Contribute */

.bold { font-weight: bold; }

.italic { font-style: italic; }

/* .image_other { float:right; margin: 0 0 10px 10px; border: 3px #333366 double; }   This class is for the first image in a page. */