/* THE BIG GUYS */
body {
	font-family: helvetica, sans-serif;	/* "Comic Sans MS",  */
	color: #006;
	background-color: #ccf;
	margin:0;
	line-height: 1.5em;
/*	font-size: 14pt;*/
}

/*** Demo Links: special formatting for links that connect to demo lab configurations. ***/

a.demoLink, a.loginLink, a.notesLink {
	text-decoration: none;
	font-weight: bold;
	border: 2px inset #88f;
	padding: 0.1em 0.5em;
/*	margin: 0.2em; */
	background-color: #eef;
	color: #006;
}

a.demoLink:visited, a.loginLink:visited, a.notesLink:visited {
}

a.demoLink:hover, a.loginLink:hover, a.notesLink:hover {
	background-color: #ff8;
	border-color: #66a;
	border-style: outset;
}

/*** end Demo links ***/

.announcement {
	color: #300;
	margin: auto;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 10px;
	border: 3px;
	border: 3px solid #300;
	background-color: #FFA;
	font-size: 100%;
	text-align: center;
	width: 50%;
}

/* from 'Physical Styles' menu in Freemind */
.needsAction {
	color: #800;
	font-weight: bold;
	font-style: italic;
	border: 3px solid #800;
	background-color: #FF0;
	padding: 10px;
	margin: 10px 50px 10px 50px;
}

.hot {
	color: #300;
	font-weight: bold;
	border: 3px solid #300;
	background-color: #FFA;
	padding: 10px;
	margin: 10px 50px 10px 50px;
}

.question {
	color: #003;
	font-style: italic;
	border: 3px solid #003;
	background-color: #AAF;
	padding: 10px;
	margin: 10px 50px 10px 50px;
}

.ok, .note {
	color: #900;
	font-weight: bold;
	font-style: italic;
	padding-top: 1em;
	margin: auto;
	text-align: center;
}

.ok:before, .note:before {
	content: "NOTE: ";
}

/* end of 'Physical Styles' */

p{

}

img {
	padding: 1em;
}

img.odd {
	float:left;
}

img.even {
	float:right
}
/* LISTS */

div.section { /* applies to h2 and h3 titles, and section div */
	padding-left: 50px;
	/*font-size: 90%;*/
}

h1.section, h2.section, h3.section, h4.section, h5.section {
	padding-top:50px;
}
/*
.section .section {
	color:green;
}
.section .section .section {
	color:purple
	padding-left: 1.5em;
}
.section .section .section .section {
	color:red
	padding-left: 3.0em;
}
*/

center { padding-top:0; }

h1 {text-align: center}
h2 {text-align: left}
h3 {text-align: left; font-style: italic}

#content {
	margin: 0 1em 0 1em;
}

/* Bob's fixed menu */
#menuBgDiv {
	position: fixed;
	top:0;
	text-align: center;  
	width: 100%;
	margin:0; 
	background-color: #ccf;	/* #ccf */
	background-image:url("../img/dna.png");
	border-bottom: 1px solid #006;
}
#navDiv {
	/* Menu buttons float left, so their container must be fixed width. 
	This is a kludge, since it will need to be changed if the 
	top menu width changes. */
	width: 33em;	/* 440px or 28em on Mac with Comic Sans MS. was 29em without "Log In" tab */
	margin-left: auto;
	margin-right: auto;
}
#tailSpace { margin-top: 60em }	/* color: #ccf (I formerly used invisible periods) */

#copyright {
	text-align: center;
	font-style: italic;
	font-size: 10pt;
	padding: 1em;
}

/*************** Menu stuff ***************/
/* NAV - top horizontal nav */
#nav, h1 {font-family: helvetica, sans-serif }	/* "Comic Sans MS",  */
/* h1 {margin-top: 10em } */

#nav, #nav ul {padding: 0;margin: 0;list-style: none;}
#nav {font-weight:bold;height:2em;}


#nav li {
	position:relative;
	text-align: left;
	background: #eef;
	float: left;
	line-height: 1.5em;
	display:block;
	margin: 0;
	border: 2px solid;
	border-color: #006 #99c #99c #006;
	padding:0
}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	text-decoration:none;
	cursor:pointer;
	color:#006;
	display: block;
	padding: 4px 10px 2px 10px;
}
#nav a:hover {color:#000;text-decoration:underline; background-color:#ff8}

#nav li ul {border-left: 1px solid #000;background: #ddd;font-size:90%;margin-top:1px;position: absolute;font-weight:normal;left: -999em}
#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:999}

#nav li ul ul {
	margin: -0.5em 0 0 7em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto; /* left: auto */
}
#nav li li {background:none;float:none;border:none;border-top: 1px solid #fff;border-bottom:1px solid #822;padding-left:0}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {width:18em;color:#006;padding: 3px 10px 2px 10px}
#nav li li a:hover {background:#ff8}

#nav li.active {background: #bbf;border-color: #000 #66b #66b #000;}
#nav li.active ul {background: #bbf }
#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {color:#000}
#nav li.active a:hover {background: #dda}

#nav li.active li {border-bottom: 1px solid #822}
#nav li.active li.last {border-bottom: 1px solid #800}
#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#000}
#nav li.active li a:hover {background: #dda;float:none}

/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */