/*home*/
	* {margin:0;}
    body {font-family:lucida grande, helvetica, arial, verdana, sans-serif;text-align:center;margin-top:15px;color: #676755;font-size:10px;
			border-top:10px solid #eee;
			margin:0;
		height:100%;
		}
		html {
		}
		.header {padding-top:15px;}
    .wrapper {width:975px;text-align:left; margin:0 auto;height:100%;}
    .left {float:left;}
    .right {float:right;}
    .main_content {margin-top:5px;clear:both;}
    .sans {font-family:lucida grande, helvetica, arial, verdana, sans-serif;}
    .strong {font-weight:bold;}
    .xtra {font-size:2.75em;}
    ul {margin:0 0 15px 0;
padding:0 0 0 15px;}
    li {padding-left:0px;padding-bottom:5px;}
    img {border:none;}
	a {outline:0}
	div.nav {width:100%;clear:both;margin-left:0px;}
    div.nav ul {list-style:none;padding:0;}
    div.nav ul li {display:inline;padding:2px 12px;border-left:1px solid #ccc;}
    div.nav ul li:first-child, div.nav ul li.first_item {padding:2px 12px 2px 0;border-left:0px;}
    div.nav ul li a {font-weight:bold;text-transform:uppercase;padding:0 0 0 0;}
    div.nav ul li a.last {padding:0;}
    div.nav ul li a.mm_earth_link {color:#4198CF;}
    div.nav ul li a.mm_earth_link:hover {color:#4EC62A;}
    a {text-decoration:none;color:#4ec62a;}
	div.nav ul li a:hover, div.nav ul li a.active {
	text-decoration: none;}
    .banner {
    clear:both;
    height:191px;
    margin-bottom:15px;
    overflow:hidden;}
    .banner p {
    height:191px;
    overflow:hidden;
    }
    .home .banner p {
    height:auto;
    }
  .intro {
  	font-size: 1.2em;
  	padding: 0 30px 15px;
	line-height: 1.5em;
  }
  	.main_content .content > div.right li, .main_content .content > div.left li {
border-top:1px dotted #CCCCCC;
list-style-position:outside;
list-style-type:square;
padding-bottom:10px;
padding-left:0;
padding-top:10px;}
  	.main_content .content > div.right li:first-child, .main_content .content > div.left li:first-child {
border-top:none;
padding-top:0px;}

  	.home .main_content .content > div.right li, .home .main_content .content > div.left li {
border-top:none;
padding-bottom:5px;
padding-top:5px;}
	.nav a {color:#676755;}
    a.active {color:#4ec62a;text-decoration: underline;}
    a:hover {color:#4198CF;text-decoration: underline;}
    h1,h2,h3 {color:#4ec62a; margin:0;padding:0px 0 0 0;font-family:lucida grande, helvetica, arial, verdana, sans-serif;}
    h1 a, h2 a {color:#4ec62a;}
    h1 {}
    h2 {padding:10px 0;font-size:1.25em;}
    h3 {padding:10px 0;font-size:1em;}
    table#news tr td {text-decoration:underline;}
    table#news tr td h3 {text-decoration:none;}

/* Video news components */

.content div div.news_video_overlay {
	padding:40px;
	width:800px;
	display:none;
	background:url(/images/white.png) no-repeat;
	z-index: 10000;
}

div.news_video_overlay div.close {
	background:url(/images/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

div.news_video_overlay a {
	height:450px;
	display:block;
}


/* Main content columns */
	/* Make .content contain all of its children, even if they float.
		Per http://www.quirksmode.org/css/clearing.html */
	.content {
		overflow: auto;
		width: 100%;
		border-top:1px solid #CCCCCC;
	}
	
	.content div {
		padding: 30px;
	}

	.content div div {
		padding: 0;
		border-top:0 none;
	}

	.content > div p {
		line-height:1.5em;
		margin-bottom:15px;
	}
	
	/* Content columns can be split equally, or into a larger left and smaller right column */
	.equal_split {
		background:transparent url("/images/ccc.jpg") 487px 0px scroll repeat-y;
	}
	.equal_split div {
		width: 427px;
		font-size:1.2em;
	}

	.equal_split div div{
		width: auto;
		font-size:1em;
	}

	.unequal_split {
		background:transparent url("/images/ccc.jpg") 675px 0px scroll repeat-y;

	}
	.unequal_split > div.left {
		width:615px;
		font-size:1.2em;
	}
	.home .unequal_split > div.left {
		font-size:1.0em;
	}
	.unequal_split > div.right {
		width:239px;
	}

#breadcrumbs {
border-top:1px solid #CCCCCC;
clear:both;
color:#888888;
padding:7px 30px;
font-size:1.2em;
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
clear:both;
margin-bottom:-1px;
position:relative;
}
#breadcrumbs a {
text-transform:uppercase;font-size:.85em;font-weight:bold}

/*.intro {*/
/*background:transparent url('/images/overlay.png') repeat scroll left top;*/
/*font-size:1.3em;
height:151px;
left:676px;
padding:20px;
margin-bottom:-206px;
position:relative;
top:-206px;
width:259px;
}
.intro.inner {
display:none;
}
.intro p {
bottom:20px;
color:#FFFFFF;
font-size:1em;
position:absolute;
}*/
	p.learn-more {
	position: relative;
	bottom:0px;
	text-align:right;
	}
	
	a.learn-more {
	padding-left:10px;
	padding-right:2px;}
	a.learn-more:hover {
	padding-left:12px;
	padding-right:0px;
	color:#2da8cd;
	text-decoration: none}
	.mm {
	text-transform: uppercase;
	font-weight:bold;
	}
	.is {
	color:#4ec62a;
	}
	.mission {
	font-size:1.8em;
	letter-spacing:-0.02em;
	color:#7F7F6F;
	margin-bottom:20px;
	line-height:1.4em;
	}
	ul.square li {
	color:#7F7F6F;
	font-size:1.1em;
	padding:2px 0;
	list-style-type: square;
	}
	ul.square {
	margin-bottom:30px;}
	.photo-frame {
	float:left;
	width:244px;
	overflow:hidden;
	height:191px;}
	#photo-4, #photo-1 {
	width:243px !important;}
	.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	#news {
	clear:both;
	/*border-top:1px solid #ccc;*/
	
	/*margin:0 -30px;
	padding:30px;
	padding-bottom:0px;
	padding-top:15px;*/
	width:230px;
	}
	.news-block {
	/*width:180px;*/
	/*float:left;*/
	/*padding:0 15px;*/
	}
	
	.news-block ul li {
	list-style-type:none !important;padding:2px 0;
	margin:0}
	.news-block ul {
	padding:0;margin:0;
	height:5.5em;
	font-size:0.85em;
	}
	.news-block:first-child {
	border-left:0px;
	/*padding:0 15px 0 0;*/
	}
	.news-block h3 {
	margin-bottom:15px;}
	.newsdate {
	}
	#footer {
	border-top:1px solid #ccc;
	padding:30px;
	position:relative;
	}
	.photo-wrapper {
	width:244px;
	overflow:hidden;
	height:191px;
	}
	.photo-wrapper .overlay {
	background:transparent url('/images/overlay.png') top left repeat;
	height:191px;
	width:240px;
	display:none;
	position:relative;
	top:-194px;
	margin-bottom:-194px;
	}
	#photo-4 .photo-wrapper .overlay {
	width:244px;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0)
{
.photo-wrapper .overlay {
	top:-193px;
	margin-bottom:-193px;
	}
}
	.photo-wrapper, .photo-wrapper * {
	cursor:pointer;
	}
	.photo-wrapper .overlay p {
	position:absolute;
	bottom:0px;
	padding:15px;
	font-size:1.8em;
	color:#fff;
	}
	.news-block a:hover {
	text-decoration: none;}

	.main_content h1 {
		background:#FFFFFF none repeat scroll 0 0;
		display:inline-block;
		float:left;
		text-transform: uppercase;
		height:30px;
		font-size: 20px;
		margin-bottom:-45px;
		padding:11px 30px 4px 30px;
		position:relative;
		top:-54px;
	}
	.home .content li {
		font-size: 1.25em;
	}
	.news-block li {
		font-size: 1em;
	}


.news-block a:hover {
	text-decoration: underline}
/*login*/
div.login_wrapper {margin-bottom:15px;}
.login_block {background-color:#fff;width:236px;height:129px;padding:0 9px;border:3px solid #eee }

	.login_block iframe {
		border:none;
		overflow:hidden;
		margin:0;
		padding:0;
		height:129px;
		width:276px;
	}

div.login a.btn_blue, .content a.btn_blue {
	margin-bottom:1px;margin-top:0px;background:transparent url(/images/login_button_bg.gif) no-repeat scroll right 0;color:#FFFFFF;float:left;font-weight:bold;height:25px;letter-spacing:-1px;line-height:25px;text-align:center;
	font-size: 13px; letter-spacing: 0pt;
}
.content a.btn_blue {
margin-right:10px;
margin-top:20px;}
div.login a.btn_blue:hover, .content a.btn_blue:hover {text-decoration: none;color:#8dc9f4;margin-top:1px;margin-bottom:0px;}
.content a.btn_blue:hover {
margin-top:21px;}
div.login a.btn_blue span.left, .content a.btn_blue span.left {background:transparent url(/images/login_button_bg.gif) no-repeat scroll left -26px;display:block;padding:0 12px;}
div.login tr.buttons td {line-height:25px;padding-bottom:4px;}
div.login tr.buttons td {line-height:25px;}
td.field {
	height: 22px;
	text-align: left;
}


div#breadcrumbs {
	clear: both;
}

div#flash {
	position:fixed;
	width:300px;
	margin-left: -193px;
	top:26px;
	left: 50%;
	border: 1px solid #ccc;
	height: auto;
	text-align:center;
	padding:10px;
	background-color: white;
}

div.blurb {
	padding-bottom: 30px;
}
	div.blurb img {
		border:3px solid #CCCCCC;
float:left;
margin-bottom:7px;
margin-right:20px;
margin-top:5px;
	}
	div.blurb p {
	margin-bottom:0px}
	div.blurb p:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	div.blurb p + a, div.blurb a.blurb_link {
	border-top:1px dotted #CCCCCC;
display:block;
/*font-size:0.85em;*/
padding-top:7px;
text-align:right;
width:427px;
margin-top:15px;
	}
	div.blurb a:after, .mission a.learn-more:after {
	content: ' \203A';
	}
	.content h2 {
	margin-bottom:5px;}
	#current_member_info p:first-child {
	margin-bottom:20px;
	}

/* Static login form classes */
div.login {
	padding: 5px 10px 5px 15px;
	width: auto;
}
td.label {
	font-size: 12px;
	text-align: right;
}
div.login td.field input{
	width: 135px;
}
div.login input[type="text"], div.login input[type="password"] {
	width: 135px;
}
td.register {
	border-top: 1px solid #eee;
	font-size: 13px;
	line-height: 20px;
	margin-top: 4px;
	padding-top: 4px;
}
div.login a {
	color: #2da8cd;
}