html, body { margin: 0; background: transparent url(../images/bg_page.jpg) no-repeat 50% 0; height: 100%; font-family: arial, helvetica, sans-serif; color: #333; }
#wrapper 
{
    position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	width: 960px;
	background: #fff url(../images/bg_masthead.jpg) no-repeat 0 37px;
    text-align: left;	
	/*height: auto !important;  real browsers */
	_height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* real browsers */ 
}
#topbar { position: relative; background: transparent url(../images/bg_topbar.jpg) no-repeat 0 0; height: 37px; _height: 38px; }
#topbar div { position: absolute; background-color: #d6d6dc; right: 0; bottom: 0; padding: 4px 10px; display: none;}

#hd{ position: relative; height: 124px; margin: 0; }

#mastheadLogo { position: absolute; top: 37px; left: 10px; }

#nav { background: transparent url(../images/bg_nav.gif) repeat-x 0 3px; height: 34px; margin: 0; }

/* NAV MENU RULES */
/* setup */
ul#navmenu { list-style: none; padding: 0; margin: 0; }
ul#navmenu li { float: left; margin: 0; }
ul#navmenu li a { display: block; width: 70px; text-indent: -5000px; height: 34px; background: url(../images/menu_sprite.gif); }

/* nav rules */
ul#navmenu li#home a { background-position: 0 0; width: 89px; }
ul#navmenu li#home a:hover { background-position: 0 -34px; }
.homepage ul#navmenu li#home a { background-position: 0 -34px; }

ul#navmenu li#services a { background-position: -86px 0; width: 89px; }
ul#navmenu li#services a:hover { background-position: -86px -34px; }
.services ul#navmenu li#services a { background-position: -86px -34px; }

ul#navmenu li#projects a { background-position: -178px 0; width: 99px; }
ul#navmenu li#projects a:hover { background-position: -178px -34px; }
.projects ul#navmenu li#projects a { background-position: -178px -34px; }

ul#navmenu li#tutorials_meetings a { background-position: -277px 0; width: 184px; }
ul#navmenu li#tutorials_meetings a:hover { background-position: -277px -34px; }
.tutorials_meetings ul#navmenu li#tutorials_meetings a { background-position: -277px -34px; }

ul#navmenu li#about a { background-position: -462px 0; width: 83px; }
ul#navmenu li#about a:hover { background-position: -462px -34px; }
.about ul#navmenu li#about a { background-position: -462px -34px; }

ul#navmenu li#bios a { background-position: -545px 0; width: 66px; }
ul#navmenu li#bios a:hover { background-position: -545px -34px; }
.bios ul#navmenu li#bios a { background-position: -545px -34px; }

ul#navmenu li#contact a { background-position: -611px 0; width: 115px; }
ul#navmenu li#contact a:hover { background-position: -611px -34px; }
.contact ul#navmenu li#contact a { background-position: -611px -34px; }


#bd { position: relative; padding: 98px 0; }
#bd h1 { position: absolute; top: 40px; left: 0; }

.homepage #bd { position: relative; padding: 18px 0 98px 0; }
.homepage #bd h1 { position: static; margin-bottom: 0.4em; }

#ft { position: absolute;  width: 940px; bottom: 0; left: 10px; text-align: left; border-top: 1px solid #ccc; padding-top: 5px; }


/* HOMEPAGE */
#homeCollage { margin-bottom: 34px; }

/* GENERIC */
#columnMain {  }
#columnSidebar {  }

h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #036;}
h1 {font-size: 2.5em; line-height: 1; margin-bottom: 0.1em;}
h2 {font-size: 1.3em; line-height: 1.25em; margin-bottom: 0.3em;}
h3 {font-size: 1.15em; line-height: 1; margin-bottom: 0.3em;}
h4 {font-size: 1.0em; line-height: 1.25; margin-bottom: 0.05em; height: 1.25em;}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 0.05em;}
h6 {font-size: 1em; font-weight: bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
hr {background:#ccc;color:#ccc;width:100%;height:1px;margin:0 0 0 0;padding:0;border:none;}
p {margin-bottom: 1.2em;}
p img { float: left; margin: 4px 10px 7px 0; padding: 0; }
p img.right {float:right;margin: 4px 0 7px 15px;}
a:focus, a:hover {color:#000;}
a {color:#004ddb;text-decoration:underline;}
.border_top { border-top: 1px solid #ccc; padding-top: 7px; }
.margin_bottom { margin-bottom: 7px; }
ul { margin-bottom: 0.5em; margin-left: 12px; }
ul li { margin-bottom: 0.5em; }
table {border-collapse: collapse; border-spacing: 0; }
tr.even td { background-color: #eee; }