/*
 * In the assignment:
 *
 * font-size:0+10pt;
 *
 * The "0+" enables the font scaling using the mouse roller. Not sure how that works, but it does.
 *
 */
 
body, div, p, ol, li, table
{
	font-family:Verdana;
	font-size:+10pt;
	color: #000080;
}

h1
{
	font:bold 16px Arial;
	color: #000080;
}

.h1
{
	font:bold 20px Arial;
	color: #800080;
}

.list
{
	margin-top:6px;
	margin-left:8px;
}

.list-link
{
	font-size:+8pt;
	color: #800080;
	padding:3px 5px 3px 5px;
	text-decoration:none;
}

.list-link:visited
{
	color: #000080;
}

.list-link:hover
{
	color: #AAA2DE;
}

.navigation-link
{
	font-size:+8pt;
	color: #000080;
	text-decoration:none;
}

.navigation-link:hover
{
	color: #AAA2DE;
}

.inline-link
{
	color: #800080;
	font-weight:bold;
	text-decoration:none;
}

.inline-link:visited
{
	color: #800080;
}

.inline-link:hover
{
	color: #AAA2DE;
}

.toolbar
{
	background-image:url(/images/toolbar.jpg);
	padding:8px 5px 2px 5px;
	margin-bottom:10px;
}

.toolbar-right
{
	float:right;
	padding:3px 0px 3px 0px;
}

.toolbar-left
{
	float:left;
	padding:3px 0px 3px 0px;
}

.button
{
	font-face:Verdana;
	font-size:+8pt;
	color: #800080;
	padding:3px 5px 3px 5px;
	text-decoration:none;
}

.button:visited
{
	color: #000080;
}

.button:hover
{
	color: #000080;
	padding:2px 4px 2px 4px;
	border-width:1px;
	border-color:#000080;
	border-style: solid;
	background-color: #F0F0F0;
}

.button-icon
{
	margin:0px;
	padding:0px;
	vertical-align:top;
}

.left-panel
{
	vertical-align:top;
	padding:20px 0px 20px 0px;
}

.middle-panel
{
	padding:20px 0px 20px 0px;
}

.pale
{
	color: #9F9FC8;	
}

.footer
{
	font-face:Verdana;
	font-size:+7pt;
}

.header
{
	font-face:Verdana;
	font-size:+10pt;
	font-weight:bold;
	padding:20px 0px 0px 0px;
}

.subheading
{
	font-face:Verdana;
	font-size:+10pt;
	font-weight:bold;
	padding:10px 0px 0px 0px;
}

.border
{
	border-width:1;
	border-color:#000080;
	border-style: solid;
}

.photoDescription
{
	border-width:1;
	border-style:solid;
	border-color:#000080;
	background-color:#F1F1F8;
	font-style:italic;
}

#image
{
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	border-style:solid;
	border-width:1px;
	border-color:#000080; 
	vertical-align:middle;
}

.logo-image
{
	margin-top:20px;
	border:0px;
}

.logo-container
{
	margin-top:100px;
}

.image-link
{
}

.image-link:hover
{
}

.domains
{
	display:none;
}

.logo
{
	font-family:Verdana;
	font-size:18pt;
	font-weight:bold;
	color: #000080;
}

table.data 
{
	border-left:1px solid #999;
	border-top:1px solid #999;
}
table.data th 
{
	background:#f0f0f0;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}
table.data td 
{
	padding:2px 10px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

.code
{
	background:#f0f0f0;
	border:1px solid #999;
}

#intro
{
	margin: 20px 0px 10px 50px;
	width:800px;
}

#intro p
{
	font-size:12px;
	margin: 10px 0px 10px 0px;
}

#intro1
{
	margin: 20px 0px 10px 50px;
	width:800px;
	height: 70px;
	overflow:hidden;
	border: 1px solid navy;
}

#introInner
{
	border: 0px solid red;
	position:relative;
	top:70mm;
}