/*	Connect
	Author: Seth Baur
	Last modified: Sat Apr 5 2008, 10:00PM
	
	CONTENTS:
		GENERIC
		HEADER
		NAVIGATION
		SIDEBAR
		CONTENT-BODY
		FOOTER
	
	COLORS:
		background: #776f4f
		text: #464646
		purple: #6a3862
		
	Notes:
		Internet Explorer prefers absolute positioning to be done with coordinate points (i.e. top or bottom).
		Do not use margins for absolute positioning.
*/

/* =GENERIC
	----------------------------------------------------------------*/
	
body 
{
	margin:0 0 0 0;
	background-image:url('images/bg_texture.png');
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#776f4f;
	font-family: helvetica;
	min-width:900px;
}

div.container
{
	
	width:900px;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}


#no-padding /* Used to remove padding around images. Only available with XHTML Transitional */
{
	padding:0px;
	margin:0 0 0 0;
}

img {
	border:0;
}

a:link, a:visited {
	color:#6a3862;
	border:0;
}

/* =HEADER
	----------------------------------------------------------------
	The header includes all content above the navigation bar.
*/

div.header
{
	width:900px;
}

div.dblpic
{
	float:left;
	position:absolute;
	left:20px; top:20px;
	z-index: 1;
}

div.logo
{
	margin-top:6px;
	margin-left:359px;
	position:absolute;
}

div.tag
{
	margin-top:0;
	float:right;
	margin-right:-15px;
}

#houses
{
	padding:0 0 0 0;
	margin:0 0 0 -2px;
	
}

/* =NAVIGATION
	----------------------------------------------------------------
	The two nav-container classes are responsible for the green bars on the sides of the content blocks.  They 
	continue all the way to the footer.
*/
	
div.nav-container
{
	margin:-3px 0 0 0;
	width:620px;
	background:url('images/left_bar.png') repeat-y top left;
}

div.nav-container2
{
	margin-left:1px;
	width:673px;
	background:url('images/right_bar.png') repeat-y top right;
	padding-right:0px;
}

div.nav
{
	width:609px;
	height:30px;
	background:url('images/nav_bar.png') repeat-x top left;
	margin-left:32px;
}

div.navtext
{
	text-align:center;
	padding-top:10px;
}

div.navtext a:link, div.navtext a:visited
{
	color:white;
	text-decoration:none;
}

div.navtext a:hover
{
	color:#b5ce83;
}

pre.nav
{
	margin-top:-1px;
	font-family:arial;
	font-weight:normal;
	font-size:11px;
	color:white;
	letter-spacing:1px;
}

/* =SIDEBAR
	----------------------------------------------------------------
	For the time being, the sidebar refers to the image of three polaroids that act as links to other pages.
*/

div.right
{
	width:206px;
	margin-left:754px;
	margin-top:175px;
	position:absolute;
	top:0;
}

div.right img
{
	border:0;
}

	
/* =CONTENT-BODY
	----------------------------------------------------------------
	Most elements in this section, especially elements involving purpose and latest news, apply only to index.html. For
	specifics involving particular pages, refer to the style sheets for the individual pages located in the "style"
	directory.
*/

div.content-container
{
	margin-top:0px;
	margin-left:95px;
	width:590px;
}

div.content
{
	margin-top:125px;
	float:left;
	position:absolute;
	top:0px; 
	left:95px;
}

div.main
{
	width:609px;
	background-color:white;
	margin-left:32px;
}

div.maincontent
{
	padding:10px 20px 20px 20px;
}

div.main p
{
	
	margin-top:5px;
	margin-left:4px;
	font-family:helvetica;
	font-weight:normal;
	font-size:13px;
	color:#464646;
	letter-spacing:1px;
}

div.main a:link, div.main a:visited
{
	text-decoration:none;
}

div.latest
{
	margin-top:5px;
	width:118px;
	float:left;
	padding-right:0px;
}

#divider
{
	position:relative;
	left:10px;
	margin-top:10px;
	float:left;
}

div.purposecontainer
{
	margin-left:159px;
}

#our-purpose
{
	margin-left:-15px;
}

#latest-news
{
	margin-top:-4px;
	margin-left:-9px;
	padding-bottom:4px;
}

div.latest p 
{
	margin-left:0px;
	margin-top:0px;
	font-size:11px;
	font-family:helvetica;
	color:#464646;
	letter-spacing:1px;
	padding-right:10px;
	line-height:13px;
}

div.latest p span
{
	color:#6a3862;
	font-weight:bold;
	font-size:11px;
	margin-left:0px;
}

#twitter_div {
	
}

#twitter_update_list {
	margin:0;
	margin-right:10px;
	padding:0;
	list-style:none;
	font-size:11px;
	color:#464646;
}

#twitter_div li {
	font-size:11px;
	color:#464646;
	padding-bottom:15px;
}

div.twitter_div a:link, div.twitter_div a:visited {
	color:#6a3862;
}

/* =FOOTER
	----------------------------------------------------------------*/

div.mainbottom
{
	margin-left:14px;
	margin-right:15px;
	background:url('images/bottom_bar.png') repeat-x top left;
	width:630px;
}

div.bottombar
{
	margin-left:0px;
}