/* A very simple CSS reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, small, strike, strong, b, u, i,  ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted;
}
a:hover { border-bottom: 1px solid; }

/* Basic CSS Styles */
body {
	background: #056839 url(images/main_back.jpg) top left repeat-y;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif ;
	color: #a3e0ab;
	line-height: 20px;
	font-size: 13px;
}
div#holder {
	width: 740px;
}

/* Sidebar Area */
div#sidebar {
	float: left;
	width: 240px
}

a#logo {
	background: url(images/Refresh_Logo.jpg) 0 0 no-repeat;
	width: 176px;
	height: 61px;
	margin: 40px 0 0 0;
	display: block;
	overflow: hidden;
	text-indent: -900em;
	float: right;
	position: relative;
	right: 17px;
	border: none;
}

/* Main Column Area */
div#main {
	float: left;
	width: 500px;
	margin: 0 0 40px 0;
}
div#main_col1 {
	float: left;
	width: 260px;
}
div#main_col2 {
	float: right;
	width: 180px;
}

img#description {
	display: block;
	margin: 52px 0 64px 18px;
}

div#main_col1 h1, div#main_col2 h1 {
	text-transform: uppercase;
	color: #FFF;
	font-weight: normal;
	letter-spacing: .025em;
	margin: 0 0 0 20px;
	height: 11px;
	text-indent: -900em;
	overflow: hidden;
}
h1#manifesto { background: url(images/Refresh_Manifesto.jpg) 0 0 no-repeat; }
h1#upcoming { background: url(images/upcoming_events.jpg)0 0 no-repeat; }
h1#involved { background: url(images/Get_Involved.jpg) 0 0 no-repeat; }
h1#tweet { background: url(images/latest_tweet.jpg) 0 0 no-repeat; }

div#main_col1 ul, div#main_col2 ul {
	margin: 5px 20px 0 20px;
	list-style-type: none;
	font-size: 12px;
	height: 184px;
}

div#dates {
	margin: 5px 20px 0 20px;
}

div#tweettop {
	background: url(images/Baloon_top.jpg) 0 0 no-repeat;
	margin: 5px 10px 0 10px;
	height: 11px;
}
div#thetweet {
	background: url(images/Baloon_back.jpg) 0 0 repeat-y;
	margin: 0 10px;	
}
div#thetweet p {
	font-size: 11px;
	margin: 0 10px;
	padding: 5px 0 8px 0;
}
div#tweetbottom {
	background: url(images/baloon_bottom.jpg) 0 0 no-repeat;
	margin: 0 10px;
	height: 11px;
}
div#tweeter {
	background: url(images/speech_leader.jpg) 20px 0 no-repeat;
	padding: 0 0 0 33px;
	color: #47c858;
	font-size: 11px;
}	
div#tweeter a { border: none; }
div#tweeter a:hover { border-bottom: 1px dotted; }