/* 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 ICE-T, Color A = white #FFFFFF, 
	              Color B = dark ocean blue #4C6266;
	              Color C = "ice tea" brown #865C34; (was deep red #c40000,)
	              Color D = light sand #e3e3de,
	              Color E = orange slice #010101
To use this page for future projects, these are the four color changes that will need to be made.

Colors Grabbed from the Logo:
    637B7F - Greyish Blue #1 (ocean blue)
    596C7A - Greyish Blue #2
    C40000 - Tropical Red
    EBAD00 - Orange Slice
    DCDBD9 - Sand #1
    C8C7C2 - Sand #2
    7A9FBA - Light Blue
*/


body {
	width: 800px;
	margin: 0 auto 0 auto; /* auto keeps page centered in window */
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
	background-color: #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). */


/************** header styles ****************/
#headerwrap { 
    width: 100%; 
	background: transparent no-repeat left bottom; 
	margin: 0 auto; 
	/* padding-left: 16px; */
}

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

#header { 
    width: 100%;  /* 100% - 6px; for 3px border */
    /* width: 800px; */
    margin: 0 auto; 
    padding: 5px 0 0; 
    background-color: #4C6266; /* dark ocean blue */
    color: #000000;
    font-weight: bold;
    font-size: 20px;
    /* border: 1px solid #FF9340; */
    text-align: center;
    overflow: hidden;
}

#header h1 { 
    height: 125px; 
	width: 10px; 
	background: transparent; 
	margin: 0 0 0px; 
	float: left; 
} 

/* color for h2 is the font color for project title */
#header h2 {
    background: transparent; 
    margin: 0 0 0px; 
    /* color: #153E7E; /* dodger blue 4 */
    color: #FFFFFF;
	font-size: 25px;
}                 

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

#header td {
    padding: 2px;
}

#header img {
    border: 1px;
	border-color: #FFF;
}


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


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

/* What's New section */
#newsbox { 
    width: 100% - 2px;  /* 800 px; */
    padding: 5px; 
    min-height: 0%; 
    border: 1px solid #000000; 
    background: #e3e3de;
    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; /* 14 */
    font-weight: bold;
    color: #000000;
    /* color: #010101; /* orange slice */
    padding: 0px; 
	background: #865C34;
    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: #e3e3de; 
	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;
    /* color: #010101; /* orange slice */
    padding: 0px; 
    background-color: #865C34; /* ice tea brown*/ 
    min-height: 0%;
    border: 1px solid #000000; 
    padding: 5px; 
    text-align: center;
}

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

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


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

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


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

#footer img {
    padding: 4px 4px 4px 0px;
    vertical-align: middle;
}
    
/* not used in ice-t */
#sponsorsbox { 
	width: 100%; /* 800px; */
	padding: 5px; 
	min-height: 0%; 
	border: 0px solid #000000; 
	background: #EFEBD5;
    font-weight: normal; 
	text-align: left;
}

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

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

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 }    /* #40718f */
a:active { color: #0000BA; text-decoration: none }  /* #40718f */
a:visited { color: #0000BA; text-decoration: none } /* #40718f */
a:hover { color: #ff0000; text-decoration: none }   /* #40718f */
hr { height: 4px;  background-color: #665500; color: #665500; }
img.border {border: 2px solid #999944; padding: 4px;}
p.caption {font: bold 8px verdana, arial, Helvetica, sans-serif; color: #000000;}
b.link {font: bold 15px verdana, arial, Helvetica, sans-serif; color: #0000ff; }
b.news {font: bold 17px verdana, arial, Helvetica, sans-serif; color: #0000ff; }