<!-- /* Style Sheet definitions need to be commented to hide them from incompatible Browsers.*/

/***** Header Settings *****/
/*                         */
/* Modify height settings  */
/* to push top banner down */
/*                         */
/***************************/

/***** Common Tasks *****/
/*
Important points to remember
  - When making changes to 'table.menu' and/or 'table.menu td' classes, 
    please check that the 'table.menu td.td_login' class has 
    matching settings to have the same look and feel.

Controlling Left Hand Menu
  - Related sections: Main Menu Settings
  - Related classes: table.menu 
  - To menu up and down: Modify table.menu.margin (first value)

Controlling Page Header (content positioning)
  - Related sections: Header Settings
  - Related classes: table.header 
  - To push banner up and down: Modify table.header.height

Controlling Top-Left Image 
  - Related sections: Background Image Settings
  - Related classes: div.top_left_image, img.top_left_image
  - Modify position and size using div
   (use height=1 and 1x1.gif where image not required)

Controlling Left-Middle Image 
  - Related sections: Background Image Settings
  - Related classes: div.left_middle_image, img.left_middle_image
  - Modify position and size using div
   (use height=1 and 1x1.gif where image not required)

*/
/***** End of Common Tasks *****/



/***** Header Settings *****/

table.header {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 80px !important;
	height: 81px;
}

/***** End of Header Settings *****/



/***** Welcome Page Settings *****/



table.master {
	position: absolute;
	top: 105px;
	left: 226px;
}

/**------Main Top Nav------**/
table.topNav {
	position: relative;	
	background-image: url('welcome/topNav_BG.gif');
	background-position: center center;
	background-repeat: no-repeat;
	font: 12px arial, helvetica;
	display: block;
	height: 41px;
	text-decoration: none;
}

table.topNav td {
	vertical-align: middle;
	height: 41px;
	padding: 0 5px;
}

table.topNav a:link {
	color: #ffffff;
	text-decoration: none;
}

table.topNav a:hover {
	color: #ffffff;
	text-decoration: underline;
}

table.topNav a:visited{
	color: #ffffff;
	text-decoration: none;
}

table.content {
	position: relative;	
	top: 30px;	
	left: 10px;
	Width: 100%;
}


table.rightPanels  {
	position: relative;
	top: -90px;
	left: -20px;

  	border: none;
}

table.rightPanels img {
  border: none;
}

p.welcome {
	color: #333333;
	font: 12px arial, helvetica;
	font-weight: normal;
	line-height: 16px;
	margin: 0px 55px 20px 0px;
	padding: 0px;
}

ol.main {
	color: #333333;
	font: 12px arial, helvetica;
	font-weight: normal;
	line-height: 14px;
	margin: 10px 10px 0px 55px;
	padding: 0px 0px 10px 0px;
}

ul.main {
	color: #333333;
	font: 12px arial, helvetica;
	font-weight: normal;
	line-height: 14px;
	margin: 10px 10px 0px 55px;
	padding: 0px 0px 10px 0px;
}

td.spacerDark_h {
	background: transparent url('welcome/spacerDark_h.gif') repeat-x;
	display: block;
	height: 20px;
	margin: 0px 0px 0px 0px;
}

/***** End of Welcome Page Settings *****/



/***** Main Menu Settings ******************/
/* Modify margin and width settings        */
/* to change width and height of LHS Menu **/
/*******************************************/

table.menu {
	border-collapse: collapse;
	color: #fff;
	font: 12px arial, helvetica, sans-serif;
	font-weight: normal;
	margin: 62px 5px 0px 6px;
	padding: 0;
	width: 190px;
}

table.menu td {
	color: #fff;
	display: block;
	height: 100%;
	line-height: 25px;
	margin: 0;
	padding: 0;
}

table.menu a {
	color: #fff;
	display: block;
	height: 100%;
	text-decoration: none;
}

table.menu td.item_link a {
	padding: 0 0 0 5px;
}

table.menu td.item_link a:hover {
	background: #ff9400;
	color: #ffffff;
}

table.menu td.item_link_selected p {
    color: #fff;
	font-weight: bold;
	padding: 0 0 0 5px;
}

table.menu td.subitem_link a {
	background: transparent url(bullet.gif) no-repeat 0px 9px;
	padding: 0 0 0 20px;
}

table.menu td.subitem_link a:hover {
	background: #ff9400 url(bullet.gif) no-repeat 0px 9px;
	color: #ffffff;
}

table.menu td.spacer {
	background: transparent url(bg_spacer.gif) repeat-x;
	height: 1px;
}

/***** End of Main Menu *****/



/***** Login Menu *****/

table.menu td.td_login {
	border-collapse: collapse;
	color: #fff;
	font: 12px arial, helvetica, sans-serif;
	font-weight: normal;
	margin: 20px 5px 0px 6px;
	padding: 0;
	height: 15px;
	width: 190px;
}

table.menu font.label_login {
	color: #a5c23f;
}

table.menu input.field_login {
	color: #a5c23f;
}

table.menu input.btn_login {
}

/***** End of Login Menu *****/



/***** Background Image Settings *****/

div.top_left_image {
	position: absolute; 
	top: 0px; 
	left: 0px;
}

img.top_left_image {
	height: 103px;
	border: 0px;
	align: middle;
}

div.left_middle_image {
	position: absolute; 
	top: 300px; 
	left: 0px;
}

img.left_middle_image {
	height: 1px; 
	border: 0px;
	align: middle;
}

/***** End of Background Image Settings *****/



/***** Shopping Page Settings for field headings, text and images *****/

td.heading1_bg_start {
	background-image: url(img_titlebar_a.gif);
	background-repeat: no-repeat;
}

td.heading1_bg_middle {
	background-image: url(img_titlebar_b.gif);
	background-repeat: repeat-x;
}

td.heading1_bg_end {
	background-image: url(img_titlebar_c.gif);
	background-repeat: no-repeat;
}

h1.heading1_text {
	color: #313131;
	font: 12px arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
}

img.add_cart_image {
	border: 0px;
	align: top;
}

img.register_image {
	border: 0px;
	align: top;
}

img.learning_image {
	height: 124px;
	width: 124px;
	border: 0px;
	align: top;
}

hr.learning_line {
	border-style:dashed;
	border-color: #D6D6D6;
}

img.spacer2 {
	height: 10px;
	width: 100%;
	border: 0px;
}

/***** End of Shopping Stuff *****/



.mainNav {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial,Verdana,Helvetica,Sans-serif
}

a.mainNav:link {
	color: #FFFFFF;
	text-decoration: none
}

a.mainNav:visited {
	color: #FFFFFF;
	text-decoration: none
}

a.mainNav:active {
	color: #FFFFFF;
	text-decoration: none
}

a.mainNav:hover {
	text-decoration: underline
}



/* End Style Sheet commenting. */  -->



