/* Body 
body{
	margin: 0px;
	padding: 0px;
	background : url(../images/generic/bg_body.gif) repeat;
	font-family: arial,  verdana,helvetica, geneva;
}*/
.hiddentext{
	font-size: 10px;
	position: absolute;
	margin-left: -9999px;

}
body#bg1{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	background : url(../images/generic/bg_body1.jpg);
	font-family: arial, verdana,helvetica, geneva;
	background-repeat:no-repeat;
	background-position: top center;
	background-attachment:fixed
}
body#bg2{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	background : url(../images/generic/bg_body2.jpg);
	font-family: arial, verdana,helvetica, geneva;
	background-repeat:no-repeat;
	background-position: top center;
	background-attachment:fixed
}
body#bg3{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	background : url(../images/generic/bg_body3.jpg);
	font-family: arial, verdana,helvetica, geneva;
	background-repeat:no-repeat;
	background-position: top center;
	background-attachment:fixed
}
body#bg4{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	background : url(../images/generic/bg_body4.jpg);
	font-family: arial, verdana,helvetica, geneva;
	background-repeat:no-repeat;
	background-position: top center;
	background-attachment:fixed
}
body#bg5{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	background : url(../images/generic/bg_body5.jpg);
	font-family: arial, verdana,helvetica, geneva;
	background-repeat:no-repeat;
	background-position: top center;
	background-attachment:fixed
}
/* Image */
img{
	margin: 0px;
	padding: 0px;

}
/* Form */
form {
	margin: 0px;
	padding: 0px;
}

/* Generic Table Cell */
td {
	padding: 0px;
	margin: 0px;
}

/* Background table */

#leftcol {
	background : url(../images/generic/bg_coleft.gif) repeat-y;
	width: 5px;
	margin: 0px;
	padding: 0px;
}
#midcol {
	background : url(../images/generic/bg_body.gif) repeat-y;
	width: 779px;
	margin: 0px;
	padding: 0px;
}
#rightcol {
	background : url(../images/generic/bg_colright.gif) repeat-y;
	width: 5px;
	margin: 0px;
	padding: 0px;
}
#main {
	margin-left: auto;
	margin-right: auto;
}

/* Header */
#header {
	width: 779px;
	height : 80px;
	display : block;
}
#header div.headerlogo{
	margin: 0px 308px 0px 0px; 
	padding: 0px;
}
#header div.interface {
	height : 76px;
	margin: 0px;
	padding: 0px;
	bor der : 1px solid red;
}
#header div.login{
	background-color : #464646;
	width:194px;
	height: 41px;
	border : 1px solid #000000;
}

#header div.login div.text{
	margin: 0px 0px 1px 0px;
	padding: 0px 0px  0px  5px ;
}
#header div.login div.text div.settings p{
	color: #FFFFFF;
	bo rder : 1px solid #000000;
	margin:  0px 0px 0px 0px;
	padding:  5px 0px 0px 0px;
}
#header div.login div.text div.settings a{	
	color: #FFFFFF;
	text-decoration: none;
}
#header div.login div.text div.settings  a:hover{
	text-decoration: underline;
}
#header div.login div.text p{
	font-family : arial, verdana, helvetica,  geneva;
	font-size: 75%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	bor der: 1px solid   red;
	color: #FFFFFF;
}
#header div.login div.text a{	
color: #FFBF00;
	text-decoration: none;
}
#header div.login div.text a:hover{
	text-decoration: underline;
}
#header div.search{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	display : block;
}
#header div.search img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display : block;
}
#header div.search div.searchform{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 1px 0px;
	background-image: url(../images/generic/search_bttm_body.gif);
	background-repeat : repeat-y;
	width : 194px:
}
#header div.search div.searchform input.searchfield {
	font-family:arial, verdana, helvetica,  geneva;
	font-size: 75%;
	margin: 0px 6px 0px 6px;
	padding: 0px 0px 0px 2px;
	border: 1px solid #ABABAB;
	width : 140px ;

}
#header div.search div.searchform  input.go {
	margin: 3px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Crumb Trail */
/*
#crumbtrail {
	width: 616px;
	vertical-align: top;
	background-image: url(../images/generic/bg_crumb.gif);
	background-repeat : no-repeat;
	margin: 0;
	padding: 0;
	border: 1px solid #333333;
}
#crumbtrail #crumbtext {
	font-size: 80%;
	margin : 0px;
	padding : 0px 0px 0px 5px;
	height: 24px;
}
*/

#crumbtrail {
	width: 615px;
	background-image: url(../images/generic/bg_crumb_main.gif);
	background-repeat: repeat-y;
	float: left;
}
#crumbtrail #crumbtrailbody {
	width: 100%;
	/*min-height: 35px;*/
	min-height: 15px;
	background-image: url(../images/generic/bg_crumbtrail.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	padding-bottom: 8px;
}
/* IE CSS hack */
* html #crumbtrail #crumbtrailbody {
	/*height: 35px;*/
	height: 15px;
}
#crumbtrail #crumbtext {
	font-size: 80%;
	margin : -3px 0 0 0;
	padding : 2px 0px 0px 11px;
}


/*--------------Home-----------------*/
#crumbtrail #crumbtext  div.home{
	margin: 0px 15px 0px 0px;
	padding : 0px 0px 0px 0px;
	float : left;
	clear : right;
}
#crumbtrail #crumbtext  div.home a {
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
}
#crumbtrail #crumbtext  div.home a:hover {
	text-decoration: underline;
}
/*--------------Previous-----------------*/
#crumbtrail #crumbtext  div.previous{
	background-image: url(../images/generic/arrow_white.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0px 15px 0px 0px;
	padding : 0px 0px 0px 10px;
	float : left;
	clear : right;
}
#crumbtrail #crumbtext  div.previous a {
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
}
#crumbtrail #crumbtext  div.previous a:hover {
	text-decoration: underline;
}
/*--------------Recent-----------------*/
#crumbtrail #crumbtext  div.recent{
	background-image: url(../images/generic/arrow_yellow.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0px 15px 0px 0px;
	padding : 0px 0px 0px 10px;
	float : left;
	clear : right;
}
#crumbtrail #crumbtext  div.recent a {
	padding: 0px 0px 0px 0px;
	color: #FFBF00;
	text-decoration: none;
}
#crumbtrail #crumbtext  div.recent a:hover {
	text-decoration: underline;
}

/* Body */
#body {
 	width: 778px;
	margin : 1px 0px 0px 0px;
}
#body table {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
#body table td {
	margin: 0px;
	padding: 0px;
}
#body #leftmenu {
	width: 155px;
	vertical-align: top;
	padding : 0px;
	margin : 0px;
}
#body #leftmenu img {
	padding : 0px;
	margin : 0px;
	b order: 0px solid red;	
	display: block;
}
#spacer {
	background-image : url(../images/generic/spacer.gif);
}
#body #content {
	width: 623px;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	display: block;
}
/*    Mode Menu    */
#leftmenu div.mode {
	font-family: arial, verdana, helvetica, geneva;
	font-size: 75%;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 0px;
	width: 155px;
	height : 45px;
	display : block;
}

#leftmenu div.mode div.browsemode_off {
	background-image: url(../images/generic/bg_browse_modeoff.gif);
	background-repeat: no-repeat;
	width: 78px;
	height: 45px;
	float : left;
	clear: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#leftmenu div.mode div.browsemode_on {
	background-image: url(../images/generic/bg_browse_modeon.gif);
	background-repeat: no-repeat;
	width: 78px;
	height: 45px;
	float : left;
	clear: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
}

#leftmenu div.mode div.journeymode_on{
	background-image: url(../images/generic/bg_journey_modeon.gif);
	background-repeat: no-repeat;
	background-position : 0px;
	width: 77px;
	height: 45px;
	float : left;
	clear: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#leftmenu div.mode div.journeymode_off {
	background-image: url(../images/generic/bg_journey_modeoff.gif);
	background-repeat: no-repeat;
	background-position : 0px;
	width: 77px;
	height: 45px;
	float : left;
	clear: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#leftmenu div.mode div.modetext{
	padding: 2px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
}
#leftmenu div.mode a {
	color: #FFFFFF;
	text-decoration: none;
}
#leftmenu div.mode a:hover {
	text-decoration: underline;
}

/* Content Menu Level 1 */
#leftmenu img, #leftmenu ul img{
	margin: 0;
	padding: 0;
	display: block;
}

#leftmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
}

#leftmenu li{
	list-style: none;
	margin: 0;
	padding: 0;
}
/*---------IE any ie----------*/
* html #leftmenu div.topimage{
	margin: -0.8em 0 -0.2em 0 ;
	padding: 0;
	display: block;
	height: 2px;
}
* html #leftmenu div.bttmimage{
	margin: 0 0 0 0 ;
	padding: 0;
	display: block;
}


/*-------------------*/
#leftmenu ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#leftmenu li li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#leftmenu ul.section li p {
	display: block;
	font-family: arial,verdana, helvetica,  geneva;
	font-size: 75%;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0 4px 0 7px;
	margin: 0px;
}
#leftmenu ul.section li p a {
	color: #FFFFFF;
	text-decoration: none;
}
#leftmenu ul.section li p a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Level 1 */
#leftmenu ul.level1 li p {
	background-image: url(../images/generic/levelone_off_02.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#leftmenu ul.level1 li.parent p, 
#leftmenu ul.level1 li.active p {
	background-image: url(../images/generic/levelone_on_02.gif);
	background-repeat: no-repeat;
	background-position : bottom;
	font-weight: bold;
	color: #000000;
}
#leftmenu ul.level1 li.parent p a,
 #leftmenu ul.level1 li.parent p a:hover, 
#leftmenu ul.level1 li.active p a, 
#leftmenu ul.level1 li.active p a:hover {
	color: #000000;
}
#leftmenu ul li div.level1on_bg {
	background-image: url(../images/generic/levelone_on_02_bg.gif);
	background-repeat: repeat-y;
	width: 155px;
	padding: 0px;
	margin: 0px;
}
#leftmenu ul li div.level1off_bg {
	background-image: url(../images/generic/levelone_off_02_bg.gif);
	background-repeat: repeat-y;
	width: 155px;
	padding: 0px;
	margin: 0px;
}

/* Level 2 */
#leftmenu ul.level2 li p {
	background-image: url(../images/generic/leveltwo_off_02.gif) !important;
	background-repeat: no-repeat;
	background-position: bottom;
	color: #000000;
	font-weight: normal !important;
	font-size: 70%;
	padding-left: 15px;
}
#leftmenu ul.level2 li p a {
	color: #000000;
	text-decoration: none;
}
#leftmenu ul.level2 li p a:hover {
	color: #000000;
	text-decoration: underline;
}
#leftmenu ul.level2 li.parent p, 
#leftmenu ul.level2 li.active p {
	background-image: url(../images/generic/leveltwo_on_02.gif) !important;
	background-image: none !important;
	background-repeat: no-repeat;
	background-position : bottom;
	font-weight: bold;
	color: #000000;
}
#leftmenu ul.level2 li.parent p a,
#leftmenu ul.level2 li.parent p a:hover, 
#leftmenu ul.level2 li.active p a, 
#leftmenu ul.level2 li.active p a:hover {
	color: #000000;
}
#leftmenu div.level2on_bg {
	background-image: url(../images/generic/leveltwo_on_02_bg.gif);
	background-repeat: repeat-y;
	border-right: 1px solid black;
}
* html #leftmenu div.level2on_bg {
	border-right: 1px solid #000000;
}

#leftmenu div.level2off_bg {
	background-image: url(../images/generic/leveltwo_off_02_bg.gif);
	background-repeat: repeat-y;
	/*width: 155px;*/
}
#leftmenu div.extralinks{
	margin: 10px 0px 0px 0px;
}
/*----------------------------------------------*/
/* Content  Learning Trail 1 */
div.lt_title{
	background-image: url(../images/generic/learningtrail_tt.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:154px;
	height: 38px;
	display : block;
	bo rder: 1px solid red;
}
/*----------------- Column 3: Where Next -----------------------*/
#leftmenu div.wherenext_title {
	background-image: url(../images/generic/lt_wherenext.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:154px;
	height: 23px;
	display : block;
}
#leftmenu div.wherenext_title img{l
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display : block;
}
/*----------------- Column 3: Right Links -----------------------*/
#leftmenu div.lt_subtitle{
	background-color : #D8BF87;
	display : block;
	width:154px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#leftmenu div.lt_subtitle h2{
	font-family : arial, verdana, helvetica,  geneva;
	font-size: 75%; 
	color: #000000;
	margin:  0px 0px 0px 0px;
	padding:  5px 5px 5px 9px;
	font-weight: blod;
}	
#leftmenu div.lt_subtitle_bttm {
	background-image: url(../images/generic/lt_shadow.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width:154px;
	height:7px;
}
/*----------------- Where to go Next----------------------*/								
#leftmenu div.wn_panel {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-left : 2px solid #E48B14;
	border-right : 2px solid #E48B14;
	width:150px;
	background-color : #333528;
	display : block;
}
#leftmenu div.wn_panel  div.link_body {
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 5px 5px;
}
#leftmenu div.wn_panel  div.link_body  p{
	font-family : arial, verdana, helvetica,  geneva;
	font-size: 75%; 
	color: #FFFFFF;
	margin:  0px 0px 0px 0px;
	padding:  0px 0px 5px 0px;
}
#leftmenu div.wn_panel  div.wn_body  ul {
	list-style-image: url(../images/content/arrow.gif);
	font-size: 75%;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 25px;
}
#leftmenu div.wn_panel  div.wn_body a{
	color: #FFFFFF;	
	text-decoration: none;
}
#leftmenu div.wn_panel  div.wn_body a:hover{
	text-decoration: underline;
}
#leftmenu div.wn_panel  div.wn_body div.wn_control{
	border-top: 1px solid  #E48B14;
	margin:  5px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}
#leftmenu div.wn_panel div.wn_body div.wn_control div.previous_lt{
	background-image: url(../images/generic/arrow_lt_previous.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 5px 0px 0px 9px;
	padding : 0px 0px 0px 0px;
}
#leftmenu div.wn_panel div.wn_body div.wn_control div.logoff {
	background-image: url(../images/generic/lt_logoff.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0px 0px 0px 9px;
	padding : 0px 0px 0px 0px;
}
#leftmenu div.wn_panel div.wn_body div.wn_control div.previous_lt  p,
#leftmenu div.wn_panel div.wn_body div.wn_control div.logoff p{
	font-size: 75%;
	color : #FFFFFF;
	font-family:arial, verdana, helvetica, geneva;
	padding: 0px 5px 0px 15px;
	margin: 0px 0px 0px 0px;

}
#leftmenu div.wn_panel div.wn_body div.wn_control div.previous_lt  a,
#leftmenu div.wn_panel div.wn_body div.wn_control div.logoff  a{
	color: #FFFFFF;
	text-decoration: none;
}
#leftmenu div.wn_panel div.wn_body div.wn_control div.previous_lt  a:hover,
#leftmenu div.wn_panel div.wn_body div.wn_control div.logoff  a:hover{
	text-decoration: underline;
}

#leftmenu div.wn_bttm{
	background-image: url(../images/generic/lt_wherenext_bttm.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width:155px;
	height:16px;
	display: block;
}

/* Notes Links */
#leftmenu div.notes_title {
	background-image: url(../images/generic/lt_note.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:155px;
	height: 24px;
	display : block;
}
#leftmenu div.notes_title img{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display : block;
}
#leftmenu div.notes_panel {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 155px;
	background-color : #D8BF87;
}
#leftmenu div.notes_panel  div.notesbody {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 5px 5px;
	display: block;
}
#leftmenu div.notes_panel div.notesbody  p{
	font-family : arial, verdana, helvetica,  geneva;
	font-size: 75%;
	color: #000000;
	margin:  0px 0px 0px 0px;
	padding:  5px 0px 5px 0px;
}

#leftmenu div.notes_panel div.notesbody a{
	color: #FFFFFF;
	text-decoration: none;
}
#leftmenu div.notes_panel div.notesbody  a:hover{
	text-decoration: underline;
}
#leftmenu div.notes_bttm {
	background-image: url(../images/generic/lt_note_bttm.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width:155px;
	height: 16px;
}
table.content {
	clear: both;	
}


/*----------------------------------------------*/
/* Footer */
#footer {
	margin: 20px 0px 0px 0px;
}
#footer div.utilitymenu  {
	background-image : url(../images/generic/footertop.gif);
	background-repeat : no-repeat;
	margin: 0px 0px 0px 0px;
	width: 779px;
	padding: 0px;
	text-align : right;
} 

#footer div.utilitymenu p{
	font-size: 75%;
	color: #777C88;
	padding: 0px 10px 0px 0px;
	margin: 0px;
}
#footer div.utilitymenu a {
	color: #FFFFFF;
	text-decoration: none;
} 
#footer div.utilitymenu  a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}


/*--------------------------------column3-----------------------------------------------*/
#column3 div.sendfriend{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	display : block;
}
#column3 div.sendfriend h2{
	margin : 0px ;
	padding : 0px 0px 0px 0px;
	visibility: hidden;
	font-size: 0px;
}
#column3 div.sendfriend img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display : block;
}
#column3 div.sendfriend div.sendform{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 1px 0px;
	background-image: url(../images/generic/send_friend_body.gif);
	background-repeat : repeat-y;
	width : 179px:;
}

#column3 div.sendfriend div.sendform input.sendfield {
	font-family:arial, verdana, helvetica,  geneva;
	font-size: 70%;
	margin: 0px 6px 0px 6px;
	padding: 0px 0px 0px 2px;
	border: 1px solid #ABABAB;
	width : 132px ;

}
#column3 div.sendfriend div.sendform input.send {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
























#column4 div.sendfriend{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	display : block;
	
}
#column4 div.sendfriend h2{
	margin : 0px ;
	padding : 0px 0px 0px 0px;
	visibility: hidden;
	font-size: 0px;
}
#column4 div.sendfriend img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display : block;
}
#column4 div.sendfriend div.sendform{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 1px 0px;
	background-image: url(../images/generic/send_friend_body.gif);
	background-repeat : repeat-y;
	width : 179px:;
}

#column4 div.sendfriend div.sendform input.sendfield {
	font-family:arial, verdana, helvetica,  geneva;
	font-size: 70%;
	margin: 0px 6px 0px 6px;
	padding: 0px 0px 0px 2px;
	border: 1px solid #ABABAB;
	width : 132px ;

}