/* CSS for Mars website */

html, body {
margin:0; /* zero out margin */
padding:0; /* zero out padding */
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */
}

#wrapper {
min-height:100%; /* gives layout 100% height */
position:relative; /* positions the #footer relative to the #wrapper */
}


* html #wrapper { 
height:100%; /* IE6 treats height as min-height */
}

body {/*background-image:url('img/sand.jpg');*/
	background-color: #e6dacf;
      text-align: center;
      font-family:arial, sans-serif;
	  margin: 0;}
	
img#banner {border: none; padding: 0;}

#wrapper {
width: 770px;
background-color: #f1f1f1;
margin: 0 auto;
text-align: left;
line-height: 125%;
padding: 7px;
}

#footer {
position:absolute; /* positions #footer at bottom of #wrapper */
bottom:0;
left:0;
clear: both;
width: 750px;
margin: 7px 0 7px 7px;
padding: 3px 10px 3px 10px;
background-color: #998067;
text-align: center;
color: #fff;}

#footer p {font-size: 10px;
			margin-bottom: 0;}

a.footer {font-size: 14px;
		 padding-right: 5px;
		 text-decoration: none;
		 color: #fff;
		 font-weight: normal;}
a.footer:hover {text-decoration: underline;}

.clear {clear: both;}

h1 {font-size: 20px;
	font-weight: normal;
    	margin: 0 0 20px 0;}
	
h2 {font-size: 16px;
   margin-left: 20px;
   margin-right: 20px;
        color: #6A0A0A;}

h2 a {font-size: 16px;
        color: #6A0A0A;
	text-decoration: none;}

h2 a:hover {text-decoration: underline;}

h3 {font-size: 14px;
	 color: #4b4b4b;
	margin: 10px 0 0 10px;}

h4 {font-size: 12px;
	color: #5b5b5b;
	font-weight: bold;}

p, ul, li, table, form {font-size: 12px;
			  color: #4b4b4b;}

span.red {/*color: #6A0A0A;*/
		font-style: italic;
  font-weight: bold;
		  text-transform: uppercase;}

span.gray {color: #6f6f6f;
		   font-weight: bold;
		   text-transform: uppercase;}
span.required {color: red;
		font-weight: bold;}
p.right {text-align: right;}
		
ul.none {list-style-type: none;}


ul.credits {float: left;
	    list-style-type: none;
	   font-weight: bold;}
ul.credits li {font-weight: normal;}

a img {border: none;}


#leftcontent, #rightcontent1, #rightcontent2, #rightcontent3, #rightcontent4, #rightcontent5, #rightcontent6, #rightcontent7,  #lowercontent, #centrecontent {
background-color: #fff;}

#leftcontent p, #rightcontent1 p, #rightcontent2 p, #rightcontent3 p, #rightcontent4 p, #rightcontent5 p, #rightcontent6 p, #rightcontent7 p, #lowercontent p, #centrecontent p {
margin: 20px;
}

#leftcontent h1, #rightcontent1 h1, #rightcontent2 h1, #rightcontent3 h1, #rightcontent4 h1, #rightcontent5 h1, #rightcontent6 h1, #rightcontent7 h1, #lowercontent h1, #centrecontent h1 {
padding: 10px;
color: #fff;}

#leftcontent img, #rightcontent1 img, #rightcontent2 img, #rightcontent3 img, #rightcontent4 img, #rightcontent5 img, #rightcontent6 img, #rightcontent7 img {	margin: 0 20px;}
	
h1.greenbgd {background-color: #669966;}
h1.beigebgd {background-color: #cc9966;}
h1.bluebgd {background-color: #669999;}

hr.line {margin: 20px 10px;}

#leftcontent {
float: left;
width: 375px;
height: 700px;
margin-right: 5px;}

#leftcontent h1 {background-color: #669966;
				font-size: 18px;
				margin: 0 0 10px 0;}

#leftcontent h3, #rightcontent1 h3, #rightcontent2 h3, #rightcontent3 h3, #rightcontent4 h3 {margin: 0 10px; text-align: center;}

#rightcontent1, #rightcontent2, #rightcontent3, #rightcontent4, #rightcontent5, #rightcontent6, #rightcontent7 
{margin-left: 385px;
height: 700px;}

#rightcontent1 h1, #rightcontent2 h1, #rightcontent3 h1, #rightcontent4 h1, #rightcontent5 h1, #rightcontent6 h1, #rightcontent7 h1
 {background-color: #cc9966;
  font-size: 18px;}

		
#lowercontent {height: 500px;}
#lowercontent h1 {margin: 0; }
					
.creditstable {margin: 0 10px 10px 10px;}

.creditstable td.title {text-align: right;
						width: 200px;}
						
#centrecontent {padding-bottom: 20px;
				margin-bottom: 7px;
				min-height: 1210px; /* fixes div shrinking to content problem */}

#workflow {margin: 0 20px;
		   }
#workflow th {text-align: center;
			  border: none;
			  text-transform: uppercase;
		      padding: 5px;}

#workflow td {border: 1px solid;
				  padding: 5px;}
#workflow td.arrow {text-align: center;
	  				border: none;
			font-size: 20px;}
#workflow td.empty {border: none;}

#tools {margin: 0 20px;
	    width: 730px;
		border: 1px solid;}
#tools th {text-align: center;
		   padding: 5px;
		    width: 25%;
		   border: 1px solid;}
#tools td {border: 1px solid;
	       padding: 5px;}

/* --- contents ---*/

.specialimg {float: left;
	     margin-left: 20px;
             margin-right: 20px;}
.specialh2 {margin: 10px 20 20px 20;}

.specialhr {margin: 10px 20px 0 20px;
	    color: #4b4b4b;
	    background-color: #6b6b6b;
	    }

#contentblock {background-color: #ebeced;
			   margin: 0 10px 0 10px;
			   padding: 7px 10px 10px 10px;}
.contentlist {float: left;
	        width: 200px;}

.contentlistsi {width: 500px;
	        float: right;}

.summarypic {float: left; 
	     height: 1000px;	
	     width: 200px; 
             margin: 10px 15px;}

.summarypic img {border: none;}				
.summarypic div {text-align: center;
		font-size: 70%;}
#centrecontent .summarytext h2 {color: #2b2b2b;
		font-size: 21px;
     		 margin: 10px 10px;
		 font-weight: normal;
		 line-height: 1.1em;}
.summarytext h3 {color: #6A0A0A;
		 margin: 0 10px;
		font-size: 14px;}

.summarytext h4 {color: #6b6b6b;
		font-weight: normal;
		 margin: 0 10px;
		 line-height: 1.4em;
		font-size: 11.5px;
		font-style: italic;}

span.superscript {vertical-align: super; 
			font-size: 70%;}


				
table.publications {
	width: 730px;
	margin: 10px 20px 10px 20px;}


table.publications th {width: 20%;}

form {margin: 20px 20px;
	  font-size: 12px;
	  line-height: 2em;}
	
.editortext {margin: 0 10px 0 200px;}

#registration {margin: 0 50px 100px;}
#registration label {display: block; }