/* @group =reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn
{ margin: 0; padding: 0; border: 0; font-style: inherit; font-weight: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline }
ul, ol { list-style: none; }
a img, frameset { border: 0; }
table {  border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left;  font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {  quotes: "" ""; }
button { cursor: pointer; }
/* @end */

/* @group =utility */
.clear {
  height: 1px;
  clear: both;
  margin-top: -1px;
  overflow: hidden;
}
.row:after, 
.clearfix:after, 
#content:after, 
.section:after, 
.section-header:after, 
.section-header-inner:after, 
.section-content:after, 
.section-content-inner:after, 
.contain:after, #content:after, 
#sign-up form:after,	
#footer .associations:after, 
#content .section-2 .two-col:after, 
#our-team ul:after, 
#founders .vcard:after, 
#sign-up .form-fields li:after, 
.tabs:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.add-top, #add-top { margin-top: 15px; }
.add-bottom, #add-bottom { margin-bottom: 15px; }
.no-bottom { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.no-top { margin-top: 0; }
.no-border { border: 0; !important}
.left { float: left; }
img.left { margin: 0 15px 15px 0; }
.right { float: right; }
img.right { margin: 0 0 15px 15px; }
.centered { margin: 0 auto 19px; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.disabled, .hide { display: none; }
.js .visiblity-hide { visibility: hidden;}
.contain-overflow { overflow: hidden; }
.screen-reader { display: block; left: -9999px; position: absolute; top: -9999px; }
.clearing { clear: both; }
.separate { display: block; }
.bold { font-weight: bold; }
	/* @group -behavior-driven */
	.bubbleInfo {
		position: relative;
	}
	
	.trigger, .trigger:hover {
		cursor: pointer;
	}
	
	.popup {
		display: none;
		position: absolute;
	}
	



/* @end */

/* @group =base */
body {
  color: #37362f;
  font: 12px/20px Arial, Helvetica, Sans-Serif;
}

  /* @group -headers */
  h2, h3, h4, h5 { }
  h1 { font-size: 2em; }
  h2 { font-size: 1.8em; }
  h3 { font-size: 1.5em; }
  h4 { font-size: 1.35em; }
  h5 { font-size: 1.15em; }
    
		/* @group --image replaced headers, labels, and buttons */
    
		/* headers */
		.hdr-replace {
      background: url(../img/structure/sprite-all.png) no-repeat;
      display: block;
      overflow: hidden;
      text-indent: -9999px;
    }
		
    .hdr-join-our-community { background-position: 0 0; height: 32px; width: 332px; }
	.hdr-thanks { background-position: 0 -600px; height: 73px; width: 295px; }
	.hdr-program-overview { background-position: 0 -63px; height: 21px; width: 264px; }
	.hdr-our-goals { background-position: 0 -32px; height: 26px; width: 238px; }
	.hdr-founders { background-position: 0 -84px; width: 491px; height: 19px; }
	.hdr-etter { background-position: 0 -103px; width: 147px; height: 19px; }
	.hdr-SMU { background-position: 0 -263px; width: 142px; height: 46px; }
	.hdr-lyle { background-position: -142px -263px; width: 183px; height: 46px; }
	.hdr-our-team { background-position: 0 -673px; height: 19px; width: 491px; }
		
		/* labels */
		.lbl-replace { background: url(../img/structure/sprite-all.png) no-repeat; }
		
		.lbl-replace label {
			display: block;
      overflow: hidden;
      text-indent: -9999px;
		}
		
		.lbl-replace-name { background-position: 0 -309px; }
		.lbl-replace-email { background-position: 0 -349px; }
		.lbl-replace-describe-yourself { background-position: 0 -392px; }
		.lbl-replace-additional-note { background-position: 0 -435px; }
		
		/* buttons */
		.btn-replace {
			border: none;
			display: block;
      overflow: hidden;
      text-indent: -9999px;
		}
		
		.btn-replace-submit { background: url(../img/structure/sprite-all.png)  0 -580px no-repeat; width: 109px; height: 20px; }
		.btn-replace-submit:hover { background-position: -109px -580px; }
		
    /* @end */
  /* @end */

  /* @group -links */
	a { color: #489598; text-decoration: none; }
	a:focus, a:hover { color: #2e7678; text-decoration: underline; }
	a:active{ color: #2e7678 }
	a:visited{ color: #489598 }
  .no-outline { outline: none; }
  /* @end */

  /* @group -basic text */
  p, ul, ol, table { margin: 0 0 12px 0; }
  em { font-style: italic; }
  th, td { padding: 6px 10px; }
  /* @end */

	/* @group -basic reusable classes */
  .stripe .even { background-color: #f8f7f6; }
  .stripe .odd { background-color: #e3dfdb; }
  /* @end */

 /* @group -basic structure */
  .hide-overflow { overflow-x: hidden; }

	#container-header {
		position: absolute;
		text-align: center;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}

	#header {
		background: #fff url(../img/structure/bg-body.png) top left repeat-x;
		height: 702px;
		position: relative;
		margin: 0;
		position: relative;
		width: 100%;
		z-index: 5;
  }

	#container-content {
		margin: 0 auto;
		width: 960px;
		position: relative;
		z-index: 10;
  }
	
	#content {
		
	}

	#container-footer {
		background: #55544c url(../img/structure/bg-container-footer.png) 0 0 repeat-x;
	}

  #footer {
		background: transparent url(../img/structure/bg-footer.png) 0 0 no-repeat;
		color: #c6c4b7;
		height: 130px;
		margin: 0 auto;
		position: relative;
		width: 940px;
  }
  /* @end */
	
	/* @group - header */
	#header h1 {
		background: transparent url(../img/structure/bg-header.jpg) center top no-repeat;
		left: 0;
		height: 702px;
    overflow: hidden;
		position: absolute;
    text-indent: -9999px;
		top: 0;
		width: 100%;
		z-index: 3;
	}
	/* @end */
	
	/* @group -content columns */
	#content .section-1, #content .section-2 {
		float: left;
	}
	
	#content .section-1 {
		margin: 281px 48px 0 0;
		width: 344px;
	}
	
	#content .section-2 {
		margin-top: 456px;
		width: 550px;
	}
	
	/*#content .section-2 .two-col {
			margin-bottom: 10px;
		}*/
  /* @end */

	/* @group -footer */
	#footer .copyright {
		position: absolute;
		top: 25px;
		left: 0;
		font-weight: bold;
		width: 460px;
	}
	
	#footer .associations {
		position: absolute;
		top: 15px;
		right: 0;
		width: 460px;
	}
	
	#footer .associations  {
		width: 325px;
		float: right;
	}
	#footer .associations li {  
 	 float: left;
	}
	
  /* @end */

	/* @group -sections */
	#content .sub-section {
		margin-bottom: 35px;
	}
	
	#content .sub-section h2 {
		margin-bottom: 10px;
	}
	
	#content .sub-section li {
		margin-bottom: 8px;
	}
	
		/* @group --sign-up */
		#sign-up form {
			background-color: #fff;
			box-shadow: 0 0 5px rgba(211,208,190,.75);
			-webkit-box-shadow: 0 -4px 5px rgba(211,208,190,.75);
			-moz-box-shadow: 0 0 5px rgba(211,208,190,.75);
			padding: 18px;
		}
		
		#sign-up .form-fields li {
			height: 44px;
			position: relative;
			width: 311px;
		}
		
		#sign-up .form-fields input, #sign-up .form-fields select, #sign-up .form-fields textarea {
			border: none;
			color: #7e7171;
			font: 12px/20px Arial, Helvetica, Sans-Serif;
			font-style: italic;
			padding: 5px;
		}
		
		#sign-up .form-fields .req input, #sign-up .form-fields .req select {
			background: #f8f5ea;
		}
		
		#sign-up form label {
			height: 16px;
			position: absolute;
			top: 11px;
			left: 0;
		}
		
		#sign-up form input, #sign-up form select {
			float: right;
			margin-top: 5px;
		}
		
		#sign-up form select {
			margin-top: 10px;
		}
		
		#sign-up .lbl-replace-name label {
			width: 40px;
		}
		
			#sign-up .lbl-replace-name input {
				width: 250px;
			}
		
		#sign-up .lbl-replace-email label {
			width: 40px;
		}
		
		#sign-up .lbl-replace-email input {
			width: 250px;
		}
		
		#sign-up .lbl-replace-describe-yourself label {
			width: 113px;
		}
		
		#sign-up .lbl-replace-describe-yourself select {
			width: 190px;
		}

		#sign-up .lbl-replace-additional-note {
			height: 140px !important;
		}
	
		#sign-up .lbl-replace-additional-note label {
			width: 113px;
		}
		
		#sign-up .lbl-replace-additional-note textarea {
			border: none;
			position: absolute;
			top: 36px;
			left: 6px;
			height: 90px;
			width: 290px;
		}
		
		#sign-up button {
			float: right;
		}
		.privacy {
  			margin: 0;
  			color:#7E7171;
  			font:italic 10px Arial,Helvetica,Sans-Serif;
		}
		/* @end */
		
		/* @group --sign-up confirmation */
		#sign-up .confirmation {
			background-color: #fff;
			box-shadow: 0 0 5px rgba(211,208,190,.75);
			-webkit-box-shadow: 0 -4px 5px rgba(211,208,190,.75);
			-moz-box-shadow: 0 0 5px rgba(211,208,190,.75);
			padding: 18px;
		}
		/* @end */
		
		/* @group --overview */
		#overview h3 {
			color: #489598;
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 15px;
		}
		/* @end */
		
		/* @group -- mission and impact */
		
		.section-2 .tabs {
			background:  #46453b url(../img/structure/bg-tabs.png) left bottom repeat-x;
			list-style: none;
			margin-bottom: 0;
		}		
		.section-2 #mission-and-impact a {
			color: #5a4912;
			font-weight: bold;
		}
		.section-2 .tabs li {
			float: left;
			margin-bottom: 0;
		}
		.section-2 .tabs li a {
			background: transparent url(../img/structure/sprite-tabs.png) 0 0 no-repeat;
			display: block;
			height: 47px;
			text-indent: -99999px;
			width: 128px;
		}
		.section-2 .tabs li.tabs-01 a {
			background-position: 0 -47px;
			width: 139px;
		}
		/*Don't like doing this, but time and visuals demand it :o\ */
		.section-2 .tabs li.tabs-01 a:hover, .section-2 .tabs li.tabs-01 a:active {
			background-position: 0 0;
		}
		.section-2 .tabs li.tab-current a.tabs-01-link {
			background-position: 0 -94px;
		}

		.section-2 .tabs li.tabs-02 a {
			background-position: -139px -47px;
			width: 106px;
		}
		.section-2 .tabs li.tabs-02 a:hover, .section-2 .tabs li.tabs-02 a:active {
			background-position: -139px 0;
		}

		.section-2 .tabs li.tab-current a.tabs-02-link {
			background-position: -139px -94px;
		}
		.section-2 .tabs li.tabs-03 a {
			background-position: -245px -47px;
		}
		.section-2 .tabs li.tabs-03 a:hover, .section-2 .tabs li.tabs-03 a:active {
			background-position: -245px 0px;
		}

		.section-2 .tabs li.tab-current a.tabs-03-link {
			background-position: -245px -94px;
		}
							
		.section-2 .tab-content {
			background: transparent url(../img/structure/bg-tabs-content.png) 0 0 no-repeat !important;
			margin: 0 0 35px 0;
		}

		.section-2 .tab-content #mission, .section-2 .tab-content #impact, .section-2 .tab-content #goals {
			background-color: transparent;
			background-position: bottom right;
			background-repeat: no-repeat;
			border-bottom: 9px solid #46453b;
			color: #151513;
			margin-left: 11px;
			padding: 25px 30px;
		}

		.section-2 .tab-content #mission { background-image: url(../img/structure/bg-mission.png); }
		
		.section-2 .tab-content #mission p {
			margin-right: 215px;
		}
		
		.section-2 .tab-content #mission p.highlight {
			margin-right: 0;
		}
		
		.section-2 .tab-content #impact, .section-2 .tab-content #goals {
			background-color: transparent;
			background-position: bottom right;
			background-repeat: no-repeat;
			border-bottom: 9px solid #46453b;
			color: #151513;
			margin-left: 11px;
			padding: 25px 30px;
		}

		.section-2 .tab-content #goal p.highlight {
			margin-right: 0;
		}
				
		.section-2 .tab-content .highlight {
			color: #fff;
			font-weight:bold;
			display: block;
			font-size: 14px;
			margin-bottom: 20px;
		}
		.section-2 .tab-content #goals .highlight {
		margin-bottom: 0;
	}
		/* @end */
		
		/* @group --goals */
		/*#our-goals {
				float:left;
				margin-right: 20px;
				width: 240px;
			}*/
		/* @end */
		
		/* @group --our team */
		/*#our-team {
					float: left;
					width: 279px;
				}*/
		
		#our-team {
			background-color: #f2eedb;
			margin-left: 10px;
			padding: 24px;
		}
		
		#our-team .vcard {
			border-bottom: 1px solid #faf8f0;
			float: left;
			margin-right: 5%;
			padding-bottom: 5px;
			width: 45%;
		}
		
		#our-team .alt {
			margin-right: 0;
		}
		
		#our-team .linked {
			color: #549c9f;
			cursor: pointer;
		}
		
		#our-team .vcard .fn {
			font-weight: bold;
		}
		
		#our-team .popup {
			background-color: #fff;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			box-shadow: 0 4px 5px rgba(211, 208, 190, .80);
			-webkit-box-shadow: 0 4px 5px rgba(211, 208, 190, .80);
			-moz-box-shadow: 0 4px 5px rgba(211, 208, 190, .80);
			border: 1px solid #b2af9a;
			font-style: italic;
			padding: 15px;
			width: 300px;
			z-index: 20;
		}
		
		#our-team .popup h4 {
			color: #549c9f;
			font-weight: bold;
			font-style: normal;
			margin-bottom: 5px;
		}
		/* @end */
		
		/* @group --founders */
		#founders {
			background-color: #f2eedb;
			margin-left: 10px;
			padding: 24px;
		}
		
		#founders h2 {
			margin-bottom: 15px;
		}
		
		#founders .vcard img {
			border: 6px solid #fff;
			box-shadow: 0 0 5px rgba(211, 208, 190, .80);
			-webkit-box-shadow: 0 0 5px rgba(211, 208, 190, .80);
			-moz-box-shadow: 0 0 5px rgba(211, 208, 190, .80);
			float: left;
			margin: 0 20px 4px 0;
		}
		
		#founders .vcard .fn {
			margin-bottom: 10px;
		}
		/* @end */
	/* @end */
/* @end */

/* @group =specific browser styling */
	/* @group -ie6 */
	.ie6 #impact {
	width: 450px;
	margin-top: 47px;
	}
	/* @end */
	
	/* @group -ie6 */
	.ie6 #impact {
	width: 450px;
	}
	
	.ie6 #mission-and-impact {
		display: inline-block;
	}
	
	.ie6 #our-team {
		width: 482px;
	}
	
	.ie6 .row, 
	.ie6 .clearfix:, 
	.ie6 #content, 
	.ie6 .section:, 
	.ie6 .section-header, 
	.ie6 .section-header-inner, 
	.ie6 .section-contentr, 
	.ie6 .section-content-inner, 
	.ie6 .contain,
	.ie6 #content, 
	.ie6 #sign-up form,	
	.ie6 #footer .associations, 
	.ie6 #content .section-2 .two-col, 
	.ie6 #our-team ul, 
	.ie6 #founders .vcard, 
	.ie6 #sign-up .form-fields li, 
	.ie6 .tabs {
	    height: 1%;
	}
	/* @end */
	
	/* @group -ie7 */
	.ie7 #impact {
	width: 450px;
	}
	
	.ie7 #mission-and-impact {
		display: inline-block;
	}

	.ie7 .section-2 .tab-content #mission {
		margin-right: 20px;
	}
	
	.ie7 .row, 
	.ie7 .clearfix:, 
	.ie7 #content, 
	.ie7 .section:, 
	.ie7 .section-header, 
	.ie7 .section-header-inner, 
	.ie7 .section-contentr, 
	.ie7 .section-content-inner, 
	.ie7 .contain,
	.ie7 #content, 
	.ie7 #sign-up form,	
	.ie7 #footer .associations, 
	.ie7 #content .section-2 .two-col, 
	.ie7 #our-team ul, 
	.ie7 #founders .vcard, 
	.ie7 #sign-up .form-fields li, 
	.ie7 .tabs {
	    height: 1%;
	}
	/* @end */
}
/* @end */