/* Default styles - see internal.css for notes */
body {
font: normal 78% Verdana, Arial, Geneva, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #000;
line-height: 1.4em;
background: #fc0;
}

/* since browsers have diff default margin/padding, init as zero */
div, img, h1, h2, h3, h4, a, acronym { padding: 0; margin: 0; border: 0;}
p, form { padding: 0; margin: 0; }
input {margin: 0; }
acronym {border-bottom: 1px dotted #369;  cursor: help;  }

/* links */
a, a:link, a:visited { 
color: blue; 
}
a:hover { color: #c90; }

ul { padding-left: 20px; margin: 0; }

/* headings - basic sizing/style done here.  Do color/margin/padding/imaging in context situation. */
h1 {
font: 2.0em Tahoma, Arial, Helvetica, sans-serif;
letter-spacing: -.04em;
word-spacing: 0em;
font-style: normal;
}
h2, h3, h4, h5, h6 { 
font: 1.8em Tahoma, Arial, Geneva, Helvetica, sans-serif;
letter-spacing: 0em;
word-spacing: 0em;
font-style: italic;
}
h3, h4, h5, h6 { font-size: 1.5em; letter-spacing: 0; font-style: normal; }
h4, h5, h6 { font-size: 1.2em; font-style: italic;}
h5, h6 { font-weight: normal; }
h6 { font-size: 1.0em; }

/* Data Tables */
th, td { padding: 4px 8px; }
th { color: white; background: #99A; text-align: left;}
td { color: #000; text-align: left;}

/* General container classes */
.section {}	/* H2 section */
.topic {}	/* H3 section */
.curb {}
.err { background: #eee; font-weight: bold; color: #C33; border: 1px solid #C33; margin: 4px; }
.show{ display: block; }
.hide{ display: none; }
.blocknote, .blockinfo {
	font-size: .9em;
	background: #F5F5DC no-repeat 6px 6px ;
	padding: 5px 8px 5px 30px;
	margin: 10px 15px 10px 10px;
	color: black;
	line-height: 1.4em;
}

.blocknote { background-image: url(/_img/icons/exclamation.gif); border: 2px solid #DEB887;}
.blockinfo { background-image: url(/_img/icons/info.gif); border: 2px solid #B0C4DE;}
.imgright { float: right; margin-left:10px;}
.imgleft { float: left; }
.textright { float: right; }
.textleft {float: left; }


/* < 800px wide presentation area */
#page {
position: relative;
margin: 0 auto -1px auto;
padding-top: 135px;
width: 750px;
background: #fff url(/_img/esititle2005.jpg) no-repeat top left;
border: 1px solid black;
}

/* header */
/* main content within page */
#content {
float: right;
width: 590px;
padding: 0 10px 10px 10px;
margin: 0 0 10px 0;
color: #000;
background: #fff;
display: block; 
}
#content h2 { 
color: #CC9900;
padding: .2em .2em .2em .2em;
margin-bottom: 4px;
border-bottom: 1px solid #369;
background: #fff;
}
#content h3 {
color: #003366;
font-weight: normal;
padding: .5em .3em .3em .3em;
background: transparent;
font-style: italic;
}
#content .section {margin: 0 10px 10px 0;}
#content p { padding: .5em; margin: 0;}
.insetright {
float: right;
background: #FFFFCC;
border: 1px solid #fc0;
margin-left: 10px;
margin-bottom: 10px;
padding: 10px;
width: 250px;
}

/* Menus */
#mainmenu {
/*position: absolute;
left: 10px;
top: 130px;
*/
width: 120px;
padding: 6px;
/*
border: 2px solid #A9A9A9;
background-color: #B0C4DE;
*/
}
#mainmenu h2 {color: #666; text-align: left;}
#mainmenu p {font-size: .9em;}
#mainmenu .section {margin-bottom: 20px; }
#mainmenu ul { padding: 0; line-height: 2.0em;}
#mainmenu li {	list-style-type: none; margin-left: 0; padding-left: 30px; }
#mainmenu a:link, #mainmenu a:visited {color: #000; font-weight: bold; text-decoration: none;}
#mainmenu a:hover {color: #369; text-decoration: underline; padding-right: 4px; }
#menuhome { background: url(/_img/icons/home.gif) no-repeat 4px 4px transparent; }
#menusvcs { background: url(/_img/icons/edit.gif) no-repeat 4px 4px transparent; }
#menusupp { background: url(/_img/icons/wrench_right.gif) no-repeat 4px 4px transparent; }
#menuresc { background: url(/_img/icons/bookmark.gif) no-repeat 4px 4px transparent; }
#menucont { background: url(/_img/icons/email.gif) no-repeat 4px 4px transparent; }
#menuabout { background: url(/_img/icons/info.gif) no-repeat 4px 4px transparent; }
#pagehome #menuhome, #pagedemos #menudemos, #pagetutors #menututors {
/* background: transparent url(/_img/logo.jpg) no-repeat 205px 0px; */
background-color: #fff;
}

/* footer */
#footer {
clear: both;
/* Firefox fix for huge gap after clear when margin should be zero.
Relative top offsets -1px margin */
margin: -1px 0 0 0;	position: relative;  top: 1px;	
padding: 10px 0 12px 0;
width: 100%;
background: #99a;
color: #fff;
}
#footer ul {
float: left;
margin: 0 0 0 0;
padding: 0px 20px 0 20px;
}
#footer ul li { display: inline; }
#footer a, #footer a:link, #footer a:visited { color: #fff; font-size: .9em; padding: 0 4px;}
#footer a:hover { color: #fc0;  }
#copyright { text-align: right; padding: 0 20px; }
#jumptop { position: relative; bottom: 60px; left: 0px;}

/* misc */
.moreinfo { 
padding: 2px 2px 2px 10px;
}

#validate, #poweredby {
	margin-left: 5px;
}