/* color styles:  body is Color A (white), 
                  header is Color B, 
				  left and right box headers are Color C, 
				  left and right box backgrounds are Color D 

For NOMADSS, Color A = darker gray #9a9a9a;
For NOMADSS, Color A = light gray #cdcdcd; (not used)
			 Color B = black #000000
             Color C = gold #EDDA74
			           gold2 #FFD731 (not used)
			           green #AB9700 (not used)
			 Color D = light gray #e6e6e6;
			 Color D = light gray #f3f3f3; changed to white

To use this page for future projects, these are the four color changes that will need to be made.
*/


body {
	width: 818px;
	margin: 0 auto 0 auto; /* auto keeps page centered in window */
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
	background: #ffffff;
}

/* Since the body width is set at 800px, for the other styles, you can use a 
percentage, e.g., 100% of body width.  If you want a border, you will need to
subtract a bit, e.g., for a border:3px; make the width: 100% - 6px; (you can
do math in the width statements). Same is true for padding. */


/************** header styles ****************/
#header h1 {
	background: transparent; 
	margin: 0 0 20 0px; 
	color: #FFFFFF;
}                 
/* color for h2 is the font color for project title */
#header h2 {
	background: transparent; 
	margin: 0 0 0px; 
	color: #FFFFFF;
}                 

#header table {
    border: 0px solid #000;
}

#header td {
    padding: 2px;
}


/* What's New section */
#topbar { 
	font-weight: bold; 
	width: 100%;  /* 800px; */
    background: #cdcdcd; 
	min-height: 0%;  
	border: 0px 
	solid #ffffff; 
	text-align: center;
}

/* What's New section */
#newshead { 
	font-size: 21px; 
	font-weight: bold;
	color: #000000; 
	padding: 0px; 
	width: 100% - 2px;
	background: #EDDA74;
	min-height: 0%;
	border: 1px solid #000000;
	padding: 5px; 
	text-align: center;
}

/* What's New section */
#newsbox { 
	width: 100% - 2px;
    padding: 5px; 
	min-height: 0%; 
	border: 1px solid #000000; 
	background: #ffffff;
    font-weight: normal; 
	text-align: left;
}

/* LEFT COLUMN */
#left { 
    width: 49.5%; /* 390px; */ 
	float: left; 
	color: #333;
}

/* RIGHT COLUMN */
#right { 
	width: 49.5%; /* 400px; */ 
	float: right; 
	color: #333; 
}

/* these are the left-hand column headers and boxes */

/* project description */
#left_head { 
	font-size: 18px; 
	font-weight: bold;
    color: #000000;
	padding: 0px; 
	background: #EDDA74; 
	min-height: 0%;
    border: 1px solid #000000;
	padding: 5px; 
	text-align: center;
}                                       

/* project description */
#left_box { 
    padding: 5px;
    min-height: 0%; 
	border: 1px solid #000000;
	background: #ffffff;
	font-weight: normal;
    text-align: left;
}

#left_box h2 {
    font-size: 12px;
    font-weight: bold;
	text-align: center;
}

/* these are the right-hand column headers and boxes */

#right_head { 
	font-size: 18px; 
	font-weight: bold;
    color: #000000; 
	padding: 0px; 
	background: #EDDA74;
	min-height: 0%;
    border: 1px solid #000000; 
	padding: 5px; 
	text-align: center;
}

/* Publications, etc. */
#right_box { 
	text-align: left;
    background: #ffffff;
	min-height: 0%; 
	border: 1px solid #000000; 
	padding: 5px; 
	font-weight: normal;
}


/* Meetings and presentations index special font size */
#meetings {
    font-size: 16px;
}

#dm {
    font-family: arial, san-serif;
	font-size: 14px;
	padding: 10px;
}

/************** footer styles ****************/

#footerwrap { 
    clear: both;      /* never, ever, forget the clear command */
	width: 100%; 
	background: transparent no-repeat left bottom; 
    padding: 10px 0px 10px 0px;
}

#footer {
    font-weight: bold; 
	width: 100%; /* 800px; */
	min-height: 0%;  
    background-color: #ffffff;
	text-align: center;
    clear: both;
    color: #000000; 
    padding: 10px 0px 10px 0px;
    margin-top: 0px;
}

#footerSponsors {
	font-size: 10px; 
	padding: 0px;
    font-weight: bold; 
	width: 100%;
	min-height: 0%;  
	text-align: center;
    clear: both;
    color: #cccccc;
    padding: 10px 10px 10px 10px;
    margin-top: 0px;
}

#footer img {
    padding: 4px 4px 4px 0px;
    vertical-align: middle;
}

#sponsorsbox { 
	width: 100%; /* 800px; */
	padding: 5px; 
	min-height: 0%; 
	border: 0px solid #000000; 
	background: #EFEBD5;
    font-weight: normal; 
	text-align: left;
}

#sponsorsRightbox { 
    width: 60%; /* 475px; */
	font-size: 15px;
    padding: 5px; 
	min-height: 0%; 
	border: 1px solid #000000; 
	background: #EFEBD5;
    font-weight: bold; 
	text-align: left;
}

#sponsorsLeftbox { 
    width: 40%; /* 325px; */
	font-size: 15px;
    padding: 5px; 
	min-height: 0%; 
	border: 1px solid #000000; 
	background: #EFEBD5;
    font-weight: bold; 
	text-align: left;
}

/* the spaces above and below the news box and between the columns */
div { background-color: #ffffff; margin: 0px; color: #000000; }


h1 { font: bold 20pt/24pt verdana, arial, Helvetica, sans-serif; color: black }
h2 { font: bold 16pt/20pt verdana, arial, Helvetica, sans-serif; color: black }
h3 { font: bold 12pt/16pt verdana, arial, Helvetica, sans-serif; color: black }
a:link { color: #0000BA; text-decoration: none } 
a:active { color: #0000BA; text-decoration: none } 
a:visited { color: #0000BA; text-decoration: none }
a:hover { color: #ff0000; text-decoration: none }  
hr { height: 4px;  background-color: #665500; color: #665500; }
img.border {border: 2px solid #5c5c5c; padding: 4px;}
img.hdr_border {border: 2px solid #414141; padding: 4px;}
p.caption {font: bold 8px verdana, arial, Helvetica, sans-serif; color: #000000;}
p.hdr_caption {font: bold 8px verdana, arial, Helvetica, sans-serif; color: #000000; }
p.credit {font: bold 8px verdana, arial, Helvetica, sans-serif; color: #000000; text-align: center;}
b.link {font: bold 15px verdana, arial, Helvetica, sans-serif; color: #0000ff; }
b.news {font: bold 17px verdana, arial, Helvetica, sans-serif; color: #0000ff; }