@charset "utf-8";
/* CSS Document */

body  {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	background: #666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	background:url(images/bkgd1.gif);
	border:thin solid #000;
}

/*  ***TEXT STYLES****  */
		a {
				color:#000
		}
		a:hover {
				color:#900;
		}
		h1 {
				font-size:1.5em;
				padding-bottom:-10px;
		}


#container { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

/*  ***HEADER****  */
			#header {
				background-image:url(images/header.png);
				background-color: #999; 
				padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. 
				If an image is used in the #header instead of text, you may want to remove the padding. */
				width:960px;
				height:346px;
			} 
			#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: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
			}
		
#mainContent { 
	margin: 14px 350px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#mainContentNoRightGutter {
	margin: 14px 0 0 20px;
	padding: 0 0 0 0px;
}
		
/*  ***NAVIGATION****  */
			#nav {
					font-size:1.25em;
					top:73px; 
					left:340px; 
					width: 630px;
					position:relative;
			}
			#nav a {
					color:#000;
					text-decoration:none;
					padding:0 10px;
			}
			#nav a:hover {
					color:#900;
					text-decoration:none;
			}



/*  ***RIGHT GUTTER****  */
		#sidebar1 {
			float: right; /* since this element is floated, a width must be given */
			width: 300px; /* 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 */
			background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
			padding: 10px 10px;
			border:medium double #000;
			margin:0 10px 0;
		}

/*  ***TWITTER****  */
		#twitter ul {
			list-style-type: none;
		}
		
		#twitter p, ul, input, button {
		font-family:"DejaVu Sans","Bitstream Vera Sans","Liberation Sans","Verdana","Verdana Ref",sans-serif;
		}
		
		#twitter li {
			font-size: 0.7em;
			line-height: 1.3em;
			padding-bottom:8px;
		}
		#twitter_update_list {
				padding: 0 5px;
				margin-bottom:0;
		}
		#twitter h2 {
			padding-top:5px;
		}



/*  ***FOOTER****  */
		#footer {
			padding: 0 10px 10px 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
			background:#fff;
			text-align:center;
			font-size:0.85em;
		} 
		#footer p {
			margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
			padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
		}
		
		#footer a {
				color:#000;
				text-decoration:none;
		}
		#footer a:hover {
				color:#900;
				text-decoration:none;
		}
		.fineprint {
				font-size:.75em;
		}


/*  ***EXTRAS****  */
		.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
			float: right;
			margin-left: 8px;
		}
		.fltlft { /* this class can be used to float an element left in your page */
			float: left;
			margin-right: 8px;
		}
		.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
			clear:both;
			height:0;
			font-size: 1px;
			line-height: 0px;
		}