/* the groundwork */

html{	
		padding: 0;
		margin: 0;
		}

body {	
		padding: 0;
		margin: 0;
		background: url(back.gif); 
		}

img {
	 	border: 0
		}

/* the outermost unit */

div#wrapper {
		margin:auto;
		margin-top: 1em;
		margin-bottom: 1em; 
		padding: 1em;
		width: 60em;
		border: 2px solid rgb(215,220,205);
		background: rgb(255,255,255) url(back2.gif) 100% 0 repeat-y;	
		}


/* the bannerhead unit */

div#logo {
		margin: 0;
		padding: 0;
background: rgb(128,141,255);
		border-bottom: 10px solid rgb(215,220,205);
		}

div#logo h1 {
		padding: .5em;
		margin: 0;
		color: rgb(0,0,128);
		letter-spacing: 2px;
		height: 3em;/* For IE5/Win */ voice-family: "\"}\" "; voice-family: inherit; min-height: 3em;
		background: rgb(128,141,255) url(madonline.gif) 0% 50% no-repeat;
		}

div#logo span.invisible {
		visibility: hidden;
		}

/* the navigation unit */

div#navbar {	
		background: rgb(128,141,255) url(navbar.gif) 50% 0% no-repeat;
		width:16em;
		margin: 0 0 1em 0;
		padding: 0;
		float: left;
		}

div#navbar ul {	
		margin: 0;
		padding: 0;
		}

div#navbar li {
		margin: 0;
		padding: 0;
		list-style: none;
		}

div#navbar a {
		min-height: 2em;
		font-family: verdana, sans-serif;
		text-align: center;
		display: block;
		padding: 10px 5px;
		border-bottom: 1px solid rgb(255,255,255);
		}

div#navbar .subhead {
		background: rgb(128,141,255) url(navbar.gif) 50% 0% no-repeat;
		margin:  0;
		padding: 1em 0 0 0;
		font-family: verdana, sans-serif;
		color: rgb(0,0,128);
		font-weight: bold;
		text-align: center;
		display: block;
		
		}

div#navbar .subhead h6 {
		margin: 0;
		padding: 1em 0;
		border-top: 2px dotted rgb(0,0,128);
		border-bottom: 2px dotted rgb(0,0,128);
		}

div#navbar .subhead ul {
		margin: 1em 0 0 0;
		padding: 0;
		font-weight: normal;}

div#navbar a:link {
		color: rgb(0,0,128);
		}

div#navbar a:visited {
		color: purple;
		}

div#navbar a:hover { 
		text-decoration: none;   
		color: rgb(255,255,255);
		}

/* text content unit */

div#bulk { 
		margin: 1em 0;
		padding: 10px 40px; 
		width: 35em;
		float:right;
		background: rgb(250,250,250); 
		border: 2px solid rgb(215,220,205);
		font-family: Georgia, serif; 
		line-height: 1.5em;
		}
	
#bulk h1 {
		margin: 0;
		padding: 0;
		font-family: verdana, sans-serif;
		color: rgb(0,0,128);
		line-height: 1.5;
		}

#bulk h2 {
		font-family: verdana, sans-serif;
		color: rgb(0,0,0);
    		}

#bulk h3 {
		margin-top: 2em;
		font-family: verdana, sans-serif;
		color: rgb(0,0,128)
		}

/* link styles for text-content area */

#bulk a:link {
		color: blue;
		}

#bulk a:visited {
		color: purple;
		}

#bulk a:hover {
		color: rgb(255,153,0);	
		}

.summary {
		margin-left: 2em;
		font-family: Verdana, sans-serif;
		font-size: 100%;
		color: rgb(255,153,0);
		}

#firstpara {
		font-family: Georgia, serif;
		font-size: 100%;
		color: gray;
		font-style: italic;
		}

.interviewer {
		position: relative;
		font-family: Verdana, sans-serif;
		color: #00aeed;
		}

div#references {
		float:left; 		
		width: 16em; 
		font-family: verdana, sans-serif; 
		line-height: 1.5; 
		border: 1px solid gray; 
		background: silver;
		}

div#references p {
		padding: .5em; 
		font-family: verdana; 
		color: black;
		}

div#references h3 {
		margin: 0; 	
		padding: .5em; 
		color: white; 
		background: gray;
		}

/* footer unit */

div#footer {
		background: url(footer.gif) rgb(128,141,255) 0% 50% no-repeat;
		padding: .5em; 
		height: 3.75em; 
		color: rgb(0,0,128);
		text-align: center;
		clear: both;
		font-family: verdana, sans-serif;
		}
div#footer ul {
		margin: 10px 0 10px 12px; 
		padding: 0;
		}

div#footer li {
		margin: 0 2px; 
		padding: 0px;  
		float: left; 
		width: 24%; 
		list-style: none; 
		white-space: nowrap;
		}

div#footer li a {
		margin: 0; 
		padding: 5px;  
		border: 2px solid white; 
		display: block; 
		margin: auto;
		text-align: center; 
		color: white;
		}

div#footer li a:hover {
		background: #f18629;
		color: white;
		border-color:red;
		text-decoration: none;
		}


.section {
		margin: 1em 0; 
		background: url(flouron.gif) 50% 50% no-repeat; 
		padding: 2.5em 0; 
		text-align: center
		}

.section span {
		display: none;
		}