body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#acacac;
	min-width:982px;
	text-align: center;
}

/* Fix table problems */
table {
	font-size:100%;
	border-collapse: collapse;
	width:100%;
}
table td,
table tr {
	vertical-align: top;
}
input.checkbox { vertical-align:middle }
input.radio { vertical-align:middle }

/* Fixes alignment and spacing problems for embedded media */
object {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
embed {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
iframe {
	margin:0;
	padding:0;
}

/* Clear Fix */
/* Apply the floatwrapper class to any element which acts as a container for floats. */

.floatwrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.floatwrapper {
    display:inline-block;
}
/* Hides from IE-mac \*/
.floatwrapper {display:block;}
* html .floatwrapper {height: 1px;}
/* End hide from IE-mac */

/* Old-fashioned float clear */
.clearfloat {
	clear: both;
}


/* Holly hack fix for IE 6 problems \*/
* html .hollyfix {height: 1%;}
/* */



/* General styles */
img { 
	display:block; 
	border:0; 
}
img.inline { 
	display:inline 
}
p { 
	margin:0 0 .7em 0; 
}
p.intro  {
	color:#898989;
	font-size: 1.3em;
	line-height:1.25em;
	margin-bottom: 33px;
}
h1,h2,h3 {margin:0; padding:0;}

ul {list-style:outside }
ol {list-style:outside decimal}

a {
	color:#f97c10;
	text-decoration:none;
}
	a:hover {
		color:#f97c10;
		text-decoration:underline;
	}

	a#skipnav {
		display: block;width: 0; height: 0; overflow: hidden;
	}
.printonly {
	display:none;
}

.centered {
	margin-left:auto;
	margin-right:auto;
}


/* Forms */
form {
	margin:0;
	padding:0;
}

fieldset {
	border:0;
	margin:0;
	padding:0;
	padding-bottom:15px;
	padding-top:15px;
	/*margin-bottom:14px;*/
	margin-bottom: 0;
	border-top: 1px dashed #D7C4AD;
	border-bottom: 1px dashed #D7C4AD;
}

.formrow {
	margin-bottom:19px;
}
.formrow label {
	float:left;
	display:inline;
	width:163px;
	text-align:right;
	margin-top:.5em;
}
	#sidebar .formrow label {
		width: 53px;
	}
	
	#sidebar fieldset a.arrow {
		margin-left: 62px;
	}
.formrow input.text {
	float:left;
	display:inline;
	margin-left:15px;
	font-size:1em;
	padding-top:2px;
	padding-bottom:2px;
	width:188px;
}
	#sidebar .formrow input.text {
		margin-left: 9px;
	}
fieldset .disclaimer {
	margin-left: 178px;
	font-family: Arial,Helvetica,sans-serif;
}
fieldset .disclaimer p {
	font-size: .9em;
}

fieldset.checkbox {
	border-top: 0;
	border-bottom: 0;
	margin-left: 178px;
}
	fieldset.checkbox input {
		margin-right: 15px;
	}
	fieldset.checkbox legend {
		display: block;
		margin: 0;
		padding: 0;
		line-height: 1;
		color: #040404;
	}
	#content fieldset.checkbox ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#content fieldset.checkbox ul li {
			margin: 0;
			padding: 0;
			background: none;
			margin-bottom: .7em;
		}


.reverse div.label  {
	float:left;
	display:inline;
	width:163px;
	text-align:right;
	margin-top:.5em;
}
.reverse label {
	float:left;
	display:inline;
	margin-left:15px;
	font-size:1em;
	padding-top:2px;
	padding-bottom:2px;
	width:300px;
	text-align: left;
}

.buttons {
	margin-left:178px;
	margin-top: 14px;
}
	#sidebar .buttons {
		margin-left: 60px;
	}
	.buttons a.button {
		display:block;
		width:87px;
		height:0;
		padding-top:28px;
		overflow:hidden;
		float:left;
		display:inline;
		margin-right: 18px;
	}
	.buttons a.cancel {
		background:url("../images/btn_cancel.gif") no-repeat top left;
	}
	.buttons button {
		float:left;
		margin-right: 18px;
		display: block;
		height: 28px;
		padding: 0;
		text-indent: -1000em;
		border: 0;
		cursor: pointer; /* hand-shaped cursor */
	}
	.buttons button.login {
		width: 77px;
		background: url("../images/btn_login.gif") no-repeat 0 0;
	}
	.buttons button.signup {
		width: 86px;
		background: url("../images/btn_signup.gif") no-repeat 0 0;
	}
		.buttons button:hover,
		.buttons a.button:hover,
		.buttons button.sfhover {
			background-position: 0 -28px;
		}

/* Structural IDs */
#container {
	width:982px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Masthead area */
#masthead {
	background:url("../images/bg_masthead.jpg") no-repeat top left;
	position:relative;
	min-height:137px;
	font-size:11px;
}
	* html #masthead {
		height:137px;
	}

	#masthead #utility {
		width:50%;
		float:right;
		display:inline;
	}
	#masthead #utilitynav ul {
		margin-top:12px;
		padding-top:0;
		padding-bottom:17px;
	}
		#masthead #utilitynav ul li,
		#footer #footernav ul li {
			margin:0;
			padding:0;
			float:right;
			display:inline;
			margin-left:16px;
		}
			#masthead #utilitynav ul li a,
			#footer #footernav ul li a {
				text-decoration:none;
				color:#f97c10;
			}
				#masthead #utilitynav ul li a:hover,
				#footer #footernav ul li a:hover {
					text-decoration:underline;
					color:#f97c10;
				}
	#masthead #login {
		clear:right;
		margin-bottom:20px;
		font-weight:bold;
		text-align:right;
	}
		.loggedout #masthead #login {
			text-align:left;
		}
		#masthead #login .loggedinas {
			color:#8cc63f;
		}
		#masthead #login .loggedinas strong {
			font-size:14px;
		}
		#masthead #login a {
			color:#f97c10;
			text-decoration:none;
		}
			#masthead #login a:hover {
				color:#f97c10;
				text-decoration:underline;
			}
		#masthead #login input.text {
			float:right;
			display:inline;
			width: 89px;
			margin-left:8px;
			margin-top: 2px;
			color:#a3a3a3;
			padding-left:5px;
			padding-right:5px;
		}
		#masthead #login input.loginbutton {
			float:right;
			margin-left:7px;
			display: block;
			height: 26px;
			width: 72px;
			padding: 0;
		}
	
		
	#masthead #logo {
		position:absolute;
		top:13px;
		left:1px;
		z-index:1;
	}
	
/* Main navigation bar */

	#mainnav {
		position:absolute;
		top:85px;
		right:0;
		border-bottom:1px solid #e8f4d9;
		width:100%;
		height:32px;
	}
		* html #mainnav {
			overflow:hidden;
		}
	#mainnav ul {
		float:right;
		display:inline;
		margin:0;
		padding:0;
		list-style:none;
	}
		#mainnav ul li {
			float:left;
			display:inline;
		}
			#mainnav ul li a {
				float:left;
				display:block;
				height:13px;
				color:#f97c10;
				font-size:13px;
				font-weight:bold;
				padding:10px 12px 9px 12px;
				text-decoration:none;
			}
				#mainnav ul li a:hover {
					background:url("../images/bg_mnrollover.jpg") repeat-x top left;
					color:#ffffff;
				}
				#mainnav ul li span {
					display:block;
				}

		
/* Content */
			
#contentcontainer {
	padding-top:22px;
	padding-bottom:32px;
}	
#content {
	position:relative;
}
	#content p, #promos p, #groupmessagesbox p {
		line-height:1.6em;
	}

#breadcrumb {
	font-size: .85em;
	font-family: Arial, Helvetica, sans-serif;
	color: #9A9A9A;
	margin-bottom: 16px;
}	
	#breadcrumb a {
		color: #9A9A9A;
		font-weight: normal;
	}
	
#subnav {
	
}
#pagetools {
	
}
#footer {
	background:url("../images/bg_footer.jpg") no-repeat top left;
	padding-top:8px;
	height: 82px;
	font-size:11px;
}
	#footer .copyright {
		width:50%;
		float:left;
		display:inline;
	}
	#footer #footernav {
		width:50%;
		float:right;
		display:inline;
	}
	#footer #footernav ul {
		padding-top:0;
		margin-top:0;
	}

/* Homepage, logged out */
.home #feature {
	position:absolute;
	top:-24px;
	right:37px;
}
.home #contentcontainer {
	padding-top:0;
}
.home #content {
	padding-top:63px;
}
	.home #content #featurecontent {
		width:486px;
	}
.home h1 {
	color:#8cc63f;
	font-size:3em;
	margin-top:0;
	padding-top:0;
}
.home a.startsharing {
	display:block;
	overflow:hidden;
	height:0;
	padding-top:33px;
	width:143px;
	background:url("../images/btn_startsharing.jpg") no-repeat top left;
	margin-top:23px;
	margin-bottom:10px;
}

/* Homepage, logged in */
.homeloggedin #content {
	float:left;
	display:inline;
	width:515px;
	font-size:11px;
}
.homeloggedin #sidebar {
	float:right;
	display:inline;
	width:461px;
}
.homeloggedin h2 {
	font-size:24px;
	color:#8cc63f;
	margin-top:0;
	padding-top:0;
	margin-bottom:12px;
}
.homeloggedin #content h3 {
	font-size:16px;
	color:#8cc63f;
	margin-top:0;
	padding-top:0;
}
.homeloggedin table {
	margin-bottom:15px;
}
	.homeloggedin table.last {
		margin-bottom:0;
	}
	.homeloggedin table th {
		color:#8cc63f;
		font-size:13px;
		text-align:left;
		font-weight:bold;
	}
#searchform {
	margin-bottom:11px;
}
#search {
	float:left;
	display:inline;
	width:248px;
	margin-right:8px;
	margin-top: 2px;
}
.searchbutton {
	float:left;
	display:inline;
}
#searchbox ul {
	list-style: none;
	margin:0;
	padding:0;
	float:left;
	width:248px;
	margin-right:12px;
}
	#searchbox ul li {
		margin:0;
		padding:0;
	}
	
a.button {
	display:block;
	height:0;
	padding-top:26px;
	overflow:hidden;
}
#yourgroupsbox h2 {
	width:50%;
}
#yourgroupsbox a.creategroup {
	background:url("../images/btn_creategroup.jpg") no-repeat top left;
	float:right;
	width:167px;
}
#yourgroupsbox table tr.odd td {
	background-color:#f0fcdf;
}
#yourgroupsbox table tr td {
	padding:3px;
}
#peoplesearchbox a.showall {
	float:left;
	display:inline;
	margin-top:22px;
	font-size:11px;
}
#yourgroupsbox #peoplesearchbox div {
	float:right;
	display:inline;
	width:269px;
}
#peoplesearchbox input {
	float:left;
	display:inline;
}
#peoplesearchbox input#peoplesearch {
	margin-top: 2px;
	margin-right:8px;
}
#yourgroupsbox h3 {
	color:#8cc63f;
	font-size:14px;
}
#groupmessagesbox h3 {
	font-size:13px;
}

/* Shaded box, homepage logged in */
.shadebox {
	margin-bottom:5px;
}
	.homeloggedin #content .shadebox {
		background:url("../images/sbox_515_mid.gif") repeat-y top left;
	}
	.homeloggedin #content .shadebox .boxbody {
		background:url("../images/sbox_515_top.gif") no-repeat top left;
		min-height:138px;
	}
		* html .homeloggedin #content .shadebox .boxbody {
			height:138px;
		}
	.homeloggedin #content .shadebox .inner {
		background:url("../images/sbox_515_bot.gif") no-repeat bottom left;
		padding:20px 15px 15px 15px;
		min-height:103px;
	}
		* html .homeloggedin #content .shadebox .inner {
			height:103pxx;
		}

/* Plain box, homepage logged in */
.box {
	margin-bottom:5px;
}
	.homeloggedin #sidebar .box {
		background:url("../images/box_461_mid.gif") repeat-y top left;
	}
	.homeloggedin #sidebar .box .boxbody {
		background:url("../images/box_461_top.gif") no-repeat top left;
	}
	.homeloggedin #sidebar .box .inner {
		background:url("../images/box_461_bot.gif") no-repeat bottom left;
		padding:20px 15px 15px 15px;
	}



/* Promos (as seen on not-logged-in homepage) */
#promos {
	border-top:1px solid #E8F4D9;
}
	#promos .promo {
		float:left;
		display:inline;
		width:302px;
		background:url("../images/bg_verticalline.jpg") no-repeat top right;
		padding-right:15px;
		padding-top:19px;
		margin-right:15px;
		min-height:120px;
	}
		* html #promos .promo {
			height:120px;
		}
	#promos .last {
		margin-right:0;
		background:none;
	}
	#promos .promo h2 {
		color:#8cc63f;
		font-size:2.5em;
		margin-top:0;
		padding-top:0;
	}

/* IE 6 and 7 fixes */

* html .png {  /* PNG fix for IE 6 */
	behavior: url("styles/iepngfix.htc");
}