/*
Title:      MMEX master styles for screen media
Author:     Gibbs Studios, sgibbs@gibbsstudios.com
Updated:    March 13 2006
*/

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	color: #333;
	background-color: #333;
	}

/* ---[ links ]------------------------------- */

a:link, a:visited {
	color: #40659B;
	}
a:hover {
	color: #036;
	}
h1 a:link, a:visited {
	color: #036;
	}
h1 a:hover {
	color: #036;
	}
a.details:link, a.details:visited {
	color: #666;
	}
a.details:hover {
	color: #000;
	}
div#linkbar a:link, div#linkbar a:visited {
	color: #333;
	font-weight: bold;
	}
div#linkbar a:hover {
	color: #666;
	}
	
table#dgLinks a:link, table#dglinks a:link {
	font-weight: bold;
	}

/* ---[ common elements ]--------------------- */


div#banner-body img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	}

p {
	margin: 1em 0 1em;
	padding: 0;
	}
h1 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #036;
	padding: 0;
	margin: 0;
	}
h2 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 130%;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
	}
h3 {
	margin: 1.5em 0 0 0;
	padding-bottom: 2px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #7B9905;
	border-bottom: 1px solid #eaeaea;
	}
h3 a:link, h3 a:visited {
	font-size: 110%;
	text-decoration: none;
	border-bottom: none;
	color: #40659B;
	}
h3 a:hover {
	color: #036;
	}
h4, h5 {
	margin: 0 0 1em 0;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 150%;
	font-weight: bold;
	color: #333;
	}
h1 span, h2 span, h3 span {
	color: #333;
	}

strong {
	font-weight: bold;
	}


/* ---[ top ]------------------------------- */

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	text-align: left;
  	width: 752px;
  	background-color: #FFF;
  	border-left: 1px solid #FFF;
  	border-right: 1px solid #FFF;
  	voice-family: "\"}\"";
	voice-family: inherit;
	width: 750px;
	}
#logo {
	height: 90px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 150%;
	font-weight: bold;
	color: #fff;
	padding-left: 20px;
	margin: 0;
	background: #FFF url(/images/banner-shadow.gif) repeat-x top left;
	}
#logo a  {
	border-style: none;
	display: block;
	width: 500px;
	}
#logo img  {
	display: block;
	width: 500px;
	}
#logo span {
	position: absolute;
	top: 0;
	left: 25px;
	width: 500px;
	height: 90px;
	}
html>body #logo span {
	top: 0;
	}

/* navigation */

#nav ul {
	float: left;
	width: 750px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	border-top: 1px solid #64A6F3;
	border-bottom: 1px solid #FFF;
	background: #235C9D url(/images/nav-bg-blue.gif) repeat-x top left;
	}
#nav ul li {
	float: left;
	border-right: 1px solid #FFF;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	}
#nav ul a {
	float: left;
	text-align: center;
	padding: 4px 5px;
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	width: 123px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 114px;
	}
#nav ul a:hover, #nav ul a.active {
	color: #fff;
	background: #036;
	}
#nav ul a.active {
	font-weight: bold;
	}
li#nav-missions a {
	margin-left: 1px;
	}
#nav ul li#nav-links {
	border: 0px;
	}
body#missions div#nav ul li#nav-missions a,
body#articles div#nav ul li#nav-articles a,
body#conf div#nav ul li#nav-conf a,
body#links div#nav ul li#nav-links a {
	background: #036;
	}


/* find mission header */

#findmission {
	position: absolute;
	width: 248px;
	color: #FFF;
	background: #00346A url(/images/find-mmex-bg.gif) repeat-x top left;
	top: 90px;
	right: 0px;
	margin: 0;
	padding: 4px 0px;
	font-weight: bold;
	border-left: 1px solid #FFF;
	}
#findmission p {
	background: url(/images/logo-sm.gif) no-repeat 0 0;
	margin: 0px 10px;
	padding-left: 23px;
	display: inline;
	}

#logo-links {
	position: absolute;
	font-size: 82%;
	width: 200px;
	color: #000;
	top: 10px;
	right: 20px;
	margin: 0;
	padding: 0;
	text-align: right;
	}


/* ---[ main column ]----------------------------- */

#main-body-inside {
	float: left;
	width: 100%;
	}
	
#main-body-inside table {
	font-size: 90%;
	}
	
#main-body {
	float: left;
	width: 501px;
	}
	
#banner-body {
	float: left;
	width: 501px;
	margin: 0;
	padding: 0;
	}
	
#banner-form {
	width: 248px;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #333;
	height: 160px;
	background: #f5f8fb url(/images/form-bg.jpg) repeat-x top left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 247px;
	}
	
#banner-form form{
	padding: 10px;
	}

#banner-form p {
	margin: 4px 10px 4px 10px;
	padding: 0;
	}
	
#content {
	margin-top: 1px;
	padding: 15px 25px;
	background: #fff;
	border-top: 5px solid #00346A;
	}


/* lists */

#content ul {
	list-style: none;
	margin: 1em 0 1em 0;
	padding-left: 24px;
	}
#content ul li {
	padding: 0 0 4px 12px;
	line-height: 1.4em;
	}
#content dl dd {
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 90%;
	line-height: 1.5em;
	}
#content dl dt {
	font-weight: bold;
	}
#content dl dt span {
	font-weight: normal;
	}


/* ---[ entries ]---------------------------------- */

#home #content h3 {
	margin: 0;
	padding: 0;
	border: none;
	}
#content dl.entries {
	margin: 0;
	padding: 0;
	}
#content dl.entries dt {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 140%;
	line-height: 1.5em;
	font-weight: normal;
	}
#content dl.entries dt a {
	text-decoration: none;
	border-bottom: none;
	color: #40659B;
	}
#content dl.entries dt a:hover {
	color: #036;
	}
#content dl.entries dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
#content dl.entries dd .more {
	font-size: 90%;
	}
#content dl.entries dd.posted {
	margin: 1em 0 25px 0;
	padding: 0 0 4px 0;
	font-size: 90%;
	color: #ccc;
	border-bottom: 1px solid #eaeaea;
	}
#content dl.entries dd p {
	margin: 0 0 1em 0;
	}
a.plink {
	padding-left: 16px;
	color: #999;
	text-decoration: none;
	border-bottom: none;
	background: url(../img/perm-icon.gif) no-repeat 0 1px;
	}
a.qblink {
	margin-left: 5px;
	padding-left: 12px;
	color: #999;
	text-decoration: none;
	border-bottom: none;
	background: url(../img/pound.gif) no-repeat 0 3px;
	}
a.qb {
	color: #999;
	text-decoration: none;
	border-bottom: none;
	}
a.clink, .commoff {
	margin: 0 0 0 2px;
	padding: 0 0 0 16px;
	color: #999;
	text-decoration: none;
	border-bottom: none;
	background: url(../img/comment-icon.gif) no-repeat 0 1px;
	}
.commoff {
	color: #ccc;
	background-image: url(../img/comment_off.gif);
	}
a.plink:hover, a.qblink:hover, a.clink:hover {
	color: #666;
	}


/* ---[ right column ]----------------------------- */

#sidebar {
	width: 247px;
	float: right;
	margin: 1px 0 25px 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #777;
	border-top: 5px solid #00346A;
	clear: right;
	}
#sidebar h3 {
	margin: 15px 0 12px 0;
	padding: 5px 10px;
	color: #40659B;
	font-size: 140%;
	font-weight: bold;
	border: none;
	}
#sidebar h3#quick {
	margin-top: 24px;
	}
#sidebar h4 {
	font-size: 92%;
	font-weight: normal;
	margin: 0;
	}
#sidebar p, #sidebar ul, #sidebar dl {
	margin: 4px 10px 4px 10px;
	padding: 0;
	list-style: none;
	}
#sidebar li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 12px;
	line-height: 1.4em;
	background: url(../img/green-bullet.gif) no-repeat 0 5px;
	}
#sidebar img {
	vertical-align: middle;
	}


/* highlights */

dl.highlights, #sidebar dl.highlights {
	margin: 0 0 10px 10px;
	padding: 0 20px 0 0;
	}
dl.highlights:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
    }
dl.highlights dd {
	margin: 0 0 2px 0 !important;
	padding: 0;
	line-height: 1.4em;
	}
dl.highlights dd a {
	font-weight: bold;
	}


/* ---[ footer ]----------------------------------- */

#footer {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #666;
	border-top: 1px solid #40659B;
	}
#footer form {
	margin: 0;
	padding: 5px 0px 5px 25px;
	font-size: 90%;
	color: #666;
	}
#footer p {
	margin: 0;
	padding: 5px 25px 25px 25px;
	}
#footer a {
	color: #888;
	border-bottom-color: #444;
	text-decoration: none;
	}
#footer a:hover {
	color: #444;
	text-decoration: underline;
	}

/* ---[ forms ]------------------------------------ */

#contactform, #comments-form, .shirt-form, #search-form, #rfp-form {
	margin: 0 0 25px 0;
	padding: 15px;
	background: url(../img/form-bg.gif) repeat-x top left;
	}
#search-form {
	margin: 0 0 0 0;
	background-image: url(../img/search-form-bg.gif);
	}
#search-form p {
	margin: 0 0 10px 0;
	}
#search-form input {
	vertical-align: middle;
	}
#contactform dl, #rfp-form dl {
	margin: 0;
	padding: 0;
	font-size: 90%;
	}
#contactform dt, #rfp-form dt {
	color: #333;
	font-weight: normal !important;
	}
#contactform dt em, #contactform .note em, #rfp-form dt em, #rfp-form .note em {
	color: #c00;
	font-weight: bold;
	font-style: normal;
	}
#contactform #realname, #contactform #email, #contactform #url {
	width: 250px;
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 130%;
	color: #444;
	}
#contactform textarea {
	width: 400px;
	height: 180px;
	font-family: inherit;
	font-size: 130%;
	color: #444;
	border: 1px solid #ccc;
	}
#rfp-form h3 {
	margin: 0 0 1em 0;
	}
#rfp-form dl {
	margin: 0 0 2em 20px;
	}
#content #rfp-form dl dt.chbox {
	margin-bottom: 1em;
	}
#content #rfp-form dl dd.chbox {
	margin: 0 0 3px 20px;
	padding: 0;
	}
#content #rfp-form dl dd.last {
	margin-bottom: 1em;
	}

/* ---[ misc. ]---------------------------------------- */

h3 img {
	vertical-align: middle;
	}
ul.noBullet li {
	list-style-type: none;
	}
ul.fiveent em {
	color: #999;
	font-style: normal;
	font-size: 90%;
	}
.center {
	text-align: center;
	}
a img {
	border: none;
	}
.hide, hr {
	display: none;
	}
	
div#linkbar
{
	float: right;
	font: 10px verdana, arial,lucida, helvetica, sans-serif;
	line-height: 14px;
	color: #333;
	width: 200px;
	border: 1px solid #D5C8B4;
	background-color: #F8F7F2;
	padding: 5px 5px 0px 5px;
	margin: 0px 0px 5px 10px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 180px;
}

.pullquote-important
{
	border: 1px solid #D5C8B4;
	background-color: #F8F7F2;
	padding: 5px;
	margin: 10px 0;
}

.pullquote-important p
{
	font-weight: bold;
	font-size: 90%;
	color: #666;
	margin: 0;
	padding: 0;
}

.pullquote-form
{
	border: 1px solid #D5C8B4;
	background-color: #F8F7F2;
	padding: 5px 0 5px 10px;
	margin: 10px 0 -10px 0;
}

.conferences
{
	font-size: 90%;
	line-height: 16px;
	padding: 5px 0 5px 5px;
}

.conferences-alt
{
	font-size: 90%;
	line-height: 16px;
	padding: 5px 0 5px 5px;
	background-color: #F8F7F2;
	border-bottom: 1px solid #E8E6DA;
	border-top: 1px solid #E8E6DA;
}

p.blue
{
	color: #40659B;
	font-weight: bold;
}

p.blue-border
{
	color: #40659B;
	font-weight: bold;
	border-bottom: 1px dotted #E8E6DA;
	padding-bottom: 10px;
}

p.intro-border
{
	border-bottom: 1px dotted #E8E6DA;
	padding-bottom: 10px;
}

.form-noborder
{	
	margin-bottom: 0; 
	padding-bottom: 0;
}

table#dgLinks {
	line-height: 1.5em;
}

fieldset {
	background-color: #F8F7F2;
}
			
* html fieldset {
	background-color: #F8F7F2;
	position: relative;
	margin-top: 1em;
	padding-top: 1.5em;
	padding-left: 1em;
}

* html legend {
	position: absolute;
	top: -.7em;
	left: .5em;
}

form.enews {margin-left: 15px; margin-top: 10px; font-size: 11px;} 
form.enews input.emailfield {font-size: 11px;}
.submit{margin-top: 4px; font-size: 11px; font-weight: bold; border: 1px double #036; background-color: #036; color: #FFF; cursor: pointer;}
.submit:hover,.submit:focus {border: 1px double #8B0000; background-color: #8B0000;}

.join-enews {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #036;
	margin-right: 5px;
}