html {
	margin: 0;
	padding: 0;
}

body {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 90%;
}


#container {
	width:800px;
	margin: 0px auto;
/*			background-color:#e5e7f1; */
}

#banner {
	height:85px; 
	background-color:#e5e7f1;
	background-image:url(/images/Header-master.gif);
	background-repeat: no-repeat;
	background-position: left; 
}

#banner h1 {
/* test */
height: 85px; line-height: 85px; margin: 0; 
	position: relative;
	font-size:xx-large;
	text-align: right;
	top: -82px;
	padding-right: 25px;
}


/*div.bannerTitle {
	position: absolute; 
	padding: 0px; 
	margin-left: 541px; 
	width: 400px; 
	height: 85px; 
	background-color: #e5e7f1;
	z-index:2
}
*/

#middle {
	background-color:#e5e7f1;
	margin: 0px;
	padding: 0px;
}

/* the menu style */
#navisite {
	float: left;
	width: 160px; /*Width of left column*/
	font-size:85%;
	background-color:#e5e7f1;
	padding: 10px 0px;
	display: inline;
}
* html #navisite {
	width: 160px; /*Width of left column*/
/*	padding: 10px 0px; */
}

#navisite ul {
	padding:10px; 
	margin:0; 
	list-style-type:none;
}
* html #navisite ul {
	padding: 0;
	margin: 10px;
}


#navisite li {
	list-style-type:none; 
	padding:0;
}

.nav, 
.main_nav, 
.group_nav {
	display:block;
}

.nav:link, 
.nav:visited {
	text-decoration:none; 
	background-color:#e5e7f1; 
	color:#000000; 
	text-indent: 20px;
}

.nav:hover {
	text-indent:20px; 
	text-decoration:none; 
	background-color:#BBBBBB; 
	color:#000000;
}

/* these are group headings that don't have a link, and therefore need to be simplified */
.group_nav {
	text-decoration:none; 
	background:#e5e7f1; 
	color:#000000; 
	font-weight:bold;
}

/* code below makes sure that the page you are currently on is also highlighted in the menu */

body.home #home,
body.contact #contact,
body.history #history,
body.mission #mission,
body.advisory #advisory,
body.events #events,
body.previous #previous,
body.archive #archive,
body.expenses #expenses,
body.suggest #suggest,
body.services #services,
body.test #test,
body.grid_info #grid_info,
body.expertise #expertise,
body.projects #projects,
body.working_groups #working_groups,
body.tools #tools,
body.links #links,
body.partners #partners,
body.sponsors #sponsors,
body.gallery #gallery,
body.documents #documents,
body.sitemap #sitemap {
	background-color:#CCF7BF; 
	color:#000000
}


/* this should hopefully fix the problem in IE 6 or below */
#navsite {
/*	display: inline; */
}

div.navisite li {
	display:inline;
}
* html div.navisite a {
	height:1px;
}

/* content styling */
#content {
	width: auto;
	margin-left: 160px;
	padding: 10px;
	background: white;
	clear: right;
	line-height: 125%;
}

/* trying to get rid of IE problems 
* html #content {
	height: 1px;
	margin-left: 0;
}
*/
#content a:link {text-decoration: none}
#content a:visited {text-decoration: none}
#content a:active {text-decoration: none}
#content a:hover {text-decoration: underline;}

#content h1 {
	text-align: center;
	font-size: X-large;
	line-height: normal;
}

#content h2 {
	text-align: left;
	font-size: large;
	line-height: normal;
}

#content li {
	padding-top: 0.3em;
}

body.archive #content table {
        font-size: 90%;
}

.lastupdate {
	float: right;
	clear: right;
	font-size: 70%;
	border-top: 1px solid gray;
	padding: 10px;
}

/*		#subhead {
	font-size: 120%;
	line-height: normal;
	padding: 0px 30px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	background: yellow;
}
*/		

#subhead {
	text-align: left; 
	font-size: 120%;
	line-height: normal;
	padding: 15px 30px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	display: inline-block;
	background-color: #cde0d2;

}

.subheadText {
	width: 100%;
	display: block;
}

.subheadGraphic {
	display: inline;
	padding: 5px;
	width: 100%;
}

.subheadGraphic img {
	float:left;
	vertical-align: bottom;
	padding: 15px 10px 10px;
}

.caption {
	font-size: 75%;
	padding: 10px;
}

.captionHead {
	font-size: small;
	font-weight: bold;
	font-style: italic;
}

div.GraphicLeft {
	display: inline;
	padding: 5px;
	width: 100%;
}

div.GraphicLeft img {
	float:left;
	vertical-align: bottom;
	padding: 15px 10px 10px;
}

div.mainContent {
	clear: both;
}

/*
 * Styles for table in Contact Us page
 */
table.contactus {
	width: 620px;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	align: centre;
	border-width: ;
	border-spacing: ;
	border-style: ;
	border-color: ;
	border-collapse: separate;
	background-color: white;
}
table.contactus th {
	border-width: ;
	padding-left: 5px ;
	padding-bottom: 2px ;
	border-style: ;
	border-color: ;
	background-color: white;
	-moz-border-radius: ;
}
table.contactus th.pic {
	width: 50px;
}
th.pic,
th.name,
th.title,
th.email,
th.telno {
	width: 140px;
}
table.contactus td {
	border-width: ;
	padding-left: 5px ;
	padding-bottom: 1px ;
	border-style: ;
	border-color: ;
	background-color: white;
	-moz-border-radius: ;
}

.contact th {
	text-align: left;
	font-weight: bold;
}

/* END specific styles for Contact Us page */

/*
 * Styles for table in Previous Events page
 */
table.previous {

}

/* END specific styles for Previous Events page */
#footer {
	clear: both;
	padding: 0px;
	border-top: 1px solid gray;
	text-align: center;
	font-size: 100%;
/*			vertical-align: top; */
}

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