/* Global Styles */

body {
	margin:0px;
	}
	
td {
	font:11px Verdana;
	color:#333333;
	}
	
a {
	color: #cc0000;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color: #990000;
	text-decoration:underline;
	}
	
/* ID Styles */
	
#navigation a {
	font:11px Verdana;
	color: #FFFFFF;
	text-decoration:none;
	letter-spacing:.1em;
	}
	
#navigation a:hover {
	color: #FFFFFF;
	text-decoration:underline;
	}

#padding {
	padding:20px 5px 20px 5px;
	}

/* Class Styles */

.logo {
	font:18px Verdana;
	color:#FFFFFF;
	letter-spacing:.2em;
	}
	
.slogan {
	font:14px Verdana;
	color:#FFFFFF;
	font-style:italic;
	letter-spacing:.2em;
	}

.sidebarText {
	font:12px Verdana;
	color:#006699;
	line-height:18px;
	}
	
.bodyText {
	font:11px Verdana;
	line-height:24px;
	color:#006699;
	}
	
.pageName {
	font:20px Verdana;
	color:#006699;
	letter-spacing:.1em;
	line-height:26px;
	}
	
.subHeader {
	font:14px Verdana;
	color: #669999;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	background-image:url(images/navbg.jpg);
	font:11px Verdana;
	color: #FFFFFF;
	letter-spacing:.1em;
	}	
	
.bottom  {
	font:10px Verdana;
	color: #FFFFFF;
	text-decoration:none;
	}
	
.border  {
	border:#006699
	solid
	thick
	}
	
.java	{
	font: 12px Verdana;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.bullet	{
	list-style-image:url(images/globe2.png);
	}
	
#link a {
	font:11px Verdana;
	color: #FFFFFF;
	text-decoration:none;
	letter-spacing:.1em;
	}
	
#link a:hover {
	color: #FFFFFF;
	text-decoration:underline;
	}
	
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 12px Verdana}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 65px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background:}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #FFFFFF}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #587DB2;
		color: #FFFFFF;
		font: 11px Verdana}

	#sddm div a:hover
	{	background: #587DB2;
		color: #FFF}

/* width of div.wrapper is always 80% of viewport width */