body {
	background: url(../images/bg.gif) no-repeat;
	background-attachment:fixed;
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;}

#Container {width: 760px;}

#Logos {
	width: 100px;
	padding:0 643px 0 0;
	text-align:center;}

#Logos img{
	border:0;
	margin:5px 0 5px 39px;
	text-align:left;}

/* ***** Styles * Styles * Styles * Styles * Styles * ***** */

h1 {text-align: left;
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:26px;
	line-height:26px;
	font-weight:bold;
	color:#ccc;}
	
h3 {text-align: left;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	color:#000000;}
	
h5, h5 a, h5 a:link, h5 a:visited {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:7pt;
	line-height:8pt;
	color:#09c;
	font-weight:normal;}

h5 {color:#000099;}

p {	font:12px/20px verdana, arial, helvetica, sans-serif;
	padding-bottom:10px !important;}

h1 p {
	margin:0;
	padding:0;
	padding-bottom:0 !important;
	font-size:14px;
	color:#666666;
	font-weight:bold;}

a {	color:#09c;
	text-decoration:none;
	font-weight:bold;}

.icon {
	margin:0;
	border:0;}

.center {text-align:center;}

li {
	font:12px/20px verdana, arial, helvetica, sans-serif;
	margin:0 0 0 0;
	padding:0px;}
	
a, a:link, a:visited {color:#09c;}

a:hover {color:#000000;}

#Content a {font-size:12px;
	height:auto !important;
	height:160px}
	
#Content a.glossary, #Content a.glossary:link, #Content a.glossary:visited {color:#FF9933;}
#Content a.moduleLink, #Content a.moduleLink:link, #Content a.moduleLink:visited {color:#669900;}
#Content a.externalLink, #Content a.externalLink:link, #Content a.externalLink:visited {color:#FF0000;}
#Content a.reference, #Content a.reference:link, #Content a.reference:visited {
	vertical-align:super;
	font-size:9px;
	color:#990000;
}

img {border:0px solid #000000;
	padding-right:5px;
	vertical-align:text-bottom;}

.noLink {
	color:#999999;
	text-decoration:none;}

.letter {
	font-weight:bold;
	border:1px solid #CCCCCC;
	padding: 0 390px 0 2px;}

.slideImage {
	float:right;
	padding: 0 0 10px 10px;  /*changed to 15px from 10px seems to have no effect*/
	margin: 0 0 10px 10px;
	border:0;}

#Footer {clear:both; padding-top:10px;}

#Footer .noLink {
	font-size:12px;
	color:#999999;
	text-decoration:none;}

.list li{ 
	font:12px/20px verdana, arial, helvetica, sans-serif;
	margin:0;
	padding:0px;}

.navButtons {float:right;}

.navButtons img {
	border:0;
	margin: 0 0 0 5px;}

.navButtons a:link img {
	border-bottom:1px solid #FFFFFF; /*moves the image up one pixel so it stays lined up with the visited arrow. */
	}

/* ***** Title * Title * Title * Title * Title *  ***** */

#Title {
	background: url(../images/PDI-bar_small.gif) left top no-repeat;
    padding: 43px 0 0 0;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:43px; /* for IE5.5's bad box model */}
	
#ClassTitle {
	background: url(../images/bg_training.gif) center right no-repeat #eee;
	padding:17px 17px 17px 8px;
	margin:2px 0 23px 0;
	width:731px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#000099;
	filter:alpha(opacity=70); /*IE */ 
	-moz-opacity: 0.70; /* mozilla*/}
	
#ClassTitle a{color:#000099;}

/* ***** Content * Content * Content * Content * Content ***** */
#correct, #incorrect1, #incorrect2 {
	width: 520px;
}
#Content {
	float:left;
	margin-top:-2px;
	width:520px;
	text-align:left;
	border:1px solid black;
	padding:10px;
	/* Use to keep Content area a specific height */
	/*height:auto !important;
	min-height:343px;*/}

#Content a:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0000FF;
	line-height: normal;}
	
#Content a:hover {color: #990000;}
	
#Content a:visited {color: #990099;}

/* Added by Sealund */
#Content .menu:visited {color: #000000;}
#Content .menu:hover {color: #990000;}
/*End add by Sealund*/

#Content>p {margin:0;}

/* ***** Tabs * Tabs * Tabs * Tabs * Tabs * ***** */

/*Sliding Doors Affect */

#Tabs {
	position:relative;
	z-index:2;
	float:left;
    font-size:93%;
    line-height:normal;
	width:400px;
	margin: -25px 0 0 105px;}

html>body #Tabs {margin: -25px 0 0 210px;}

#Tabs ul {
    margin:0;
	padding:10px 0 0 10px;
    list-style:none;}

#Tabs li {
    float:left;
	display:inline;
	margin:0;
	padding:0;}

#Tabs a, #Tabs a:link, #Tabs a:visited{
	float: left;
    display:block;
	background:url(../images/tab_l.gif) no-repeat left top;
    padding:1px 0 0 2px;
	font-size:9px;
	color:#666666;
    }

#Tabs a span {
    background: url(../images/tab_r.gif) no-repeat right top;
	margin:0;
	padding:5px 5px 4px 3px;}
  /* Commented Backslash Hack hides rule from IE5-Mac \*/
#Tabs a	{float:none;}
  /* End IE5-Mac hack */
  
#Tabs #Current a, #Tabs #Current a:link, #Tabs #Current a:visited {
	color:#000099;
	background-position: 0% -21px;}

#Tabs #Current a span {background-position: 100% -21px;}
	
#Tabs a:hover {background-position: 0% -42px;}
  
#Tabs a:hover span {background-position: 100% -42px;}


/* ***** Menu * Menu * Menu * Menu * Menu *  ***** */

#Menu {
	float:left;
	padding:10px 0 20px 28px;
	margin:-29px 10px 0 0 !important;
	margin-top:-29px;
	width:167px;
	background:#eee;
	filter:alpha(opacity=70); /*IE */ 
	-moz-opacity: 0.70; /* mozilla*/
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:167px;
	height:auto !important;
	text-indent:-18px;}

/* Again, "be nice to Opera 5". */
body>#Menu {width:167px;}

#Menu a {
	color:#000099;
	font-weight:normal;
	font-size: 7pt;
	line-height:8pt;}

#Menu a:hover {color:#000000;}

#Menu li {
	line-height:0;
	margin-bottom:10px;}
	
#Menu li ul {margin-bottom:-15px;}

#Menu ul {
	list-style:none outside;
	margin: 0px;
	padding: 10px 5px 10px 5px;}
	
#Menu .current {font-weight:bold;}

#Menu a.currentMenu {color:#990000;}