/* Patricia Serrao's Website CSS v1.0 */
/* Authored by John Serrao */
/* This document is covered under this license - http://creativecommons.org/licenses/by-nc-nd/3.0/us/ */

/*sixtruths.org main_css*/
	* { margin:0; padding:0; border:0; } /*...so we are all on the same page (yes Im talking to you IE5) */

	body {
		background-color: #FFFFFF;
		color: rgb(45,45,45); /*font color - dark grey helps readability/eye strain vs black*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	    height: 100%;
		line-height: 150%; /*text readability enhancement*/
		width: 100%;
	}

	blockquote {font: italic 14px 'Palatino Linotype', 'Book Antiqua', Palatino, serif; line-height: 130%; padding: 25px;}
	img {display: block;} /*forces IE to stop creating a 1px wide phantom padding around all images by turning all images into block elements instead of in-line elements*/
	p {clear: both; padding: 10px 0px 15px 0px;}
	ul {margin-left: 0; padding-left: 2em;}

	/*Link Styles*/
		a {color:blue;}
		a:link {color:blue;}
		a:visited {color:blue;}
		a:hover {color: #FFFFFF; background: blue;}

	/*Text Sizers*/
		h1 {font-size: 28px;}
		h2 {font-size: 22px;}
		h3 {font-size: 18px;}
		h4 {font-size: 14px;}
		h5 {font-size: 12px;}
		h6 {font-size: 10px;}
		

/*############ Structural DIVs ###########*/
/*meta-structure of the site is a 100% banner/header (network_bar) below which is a (site_container) box*/
/*the box contains a standard header (header_box) with 2 columns */
/*footer matches network bar structurally and stylistically */

		#site_container {
			display: block;
			margin: 0px auto 0px auto;
			width: 980px; /*pixel width MUST count margins*/
		}

		#left_column_container {
			float: left;
			margin: 50px 0px 25px 31px; /*31px left margin comes from = 980px total width - (right column + title banner width)*/
			position: relative;
			width: 514px;
		}

	/*FYI - Titlebar + Menubar + Main Column are actually INSIDE of header_box*/
		#titlebar {
			height: 64px;
			width: 514px;
		}
		
		#menubar {
			height: 29px;
			width: 514px;
		}

		#main_column_container {
			margin: 35px 50px 0px 31px;
			width: 464px;
		}

		#right_column_container {
			display: inline; /*makes floated box respect margin property in IE5*/
			float: right;
			margin: 50px 0px 0px 0px;
			width: 435px;
		}

		#footer {
			bottom: 0;
			clear: both;
			height: 167px;
			width: 980px;
		}
		
		#footer2 {
			bottom: 0;
			clear: both;
			height: 35px;
			text-align: center;
			width: 980px;			
		}
		
		#footer3 {
			bottom: 0;
			clear: both;
			height: 36px;
			margin: 10px auto 25px auto;
			width: 184px;				
		}

/*############ Header DIVs ###########*/
/*Menubar Lists go sideways to accomodate navigation*/
		#menubar ul{
			padding: 0;
			margin: 0;
			list-style: none;
		}

		#menubar li{
			float: left;
			position: relative;
		}

		#menubar li ul {
			display: none;
			position: absolute;
			top: 1em;
			left: 0;
		}

		/*For little screwy IE*/
		#menubar li > ul {
			top: auto;
			left: auto;
			}

		#menubar li:hover ul, li.over ul { /* lists nested under hovered list items */
			display: block;
		}