/* 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 *****/

/***** Master Styles  *****/

html, body {
 margin: 0px;
 padding: 0px;
 border: 0px;
 }
 
div#wrapper body {
 font: 1em/1.25 Arial, Helvetica, sans-serif;
 }
 
 div#wrapper h1, div#wrapper h2, div#wrapper h3, div#wrapper h4, div#wrapper h5, div#wrapper h6 {
 margin: 0;
 padding: 0;
 font-weight: normal;
 font-family: Arial, Helvetica, sans-serif;
 }
 
 div#wrapper p, div#wrapper th, div#wrapper td, div#wrapper li, div#wrapper dd, div#wrapper dt, div#wrapper ul, div#wrapper ol, div#wrapper blockquote, div#wrapper q, div#wrapper acronym, div#wrapper abbr, div#wrapper a, div#wrapper input, div#wrapper select, div#wrapper textarea {
 margin: 0;
 padding: 0;
 font: normal normal normal Arial, Helvetica, sans-serif;
 }
 
 div#wrapper blockquote {
 margin: 1.25em;
 padding: 1.25em
 }
 div#wrapper q {
 font-style: italic;
 }

 
 div#wrapper img {
 border: none;
 }
 
div#wrapper  table {
 margin: 0;
 padding: 0;
 border: none;
 }
 
 div#wrapper form {
 margin: 0;
 padding: 0;
 display: inline;
 }
 

/***** End of Master Styles  *****/

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

table.header {
	width: 100%;
	height: 90px !important; /*Mozilla will apply this one*/
	height: 89px;
}

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



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

/*---Main Container---*/
#wrapper { 
	position:relative;
	top:-15px !important; /*Mozilla will apply this one*/
	top:-14px;
	width:762px !important; /*Mozilla will apply this one*/
	width:782px;
	margin-bottom:30px;
	background-color:#2b7ab8;
	padding:10px;
}

/*---END---*/

/*--- Multi ---*/

#header_left, #leftcolumn, #leftcolumn_02 {
	width: 500px !important; /*Mozilla will apply this one*/
	width: 524px;
	border: 10px solid #A5B8DF;
}

#btnContainer, #rightcolumn{
	width: 230px;
	border:0px;
}

#leftcolumn, #latest-news{
	margin-top:10px;
}

#header_leftContent, #btnContainerContent, #leftcolumnContent, #rightcolumnContent, #leftcolumnContent_02{
	margin:10px;
}

#leftcolumn_02{
	margin-top:10px;
}


/*--- Multi END ---*/

#header_left {
	 color: #333;
	 background: #f7f7f7;


}

#btnContainer {
	 color: #333;
	 float: right;
	 background: #A5B8DF;
	 height: 220px !important; /*Mozilla will apply this one*/
	 height: 221px;
}

/*--- Button ---*/

div#wrapper .clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

 div#wrapper a.genButton {
    background: transparent url('welcome/btn_SpriteEnd.gif') no-repeat scroll top right;
    color: #214172;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 35px;
    margin: 15px 6px 0 0;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

 div#wrapper a.genButton span {
    background: transparent url('welcome/btn_Sprite.gif') no-repeat;
    display: block;
    line-height: 15px;
    padding:10px 0 10px 20px;
	width:150px !important; /*Mozilla will apply this one*/
	width:170px;
	margin-left:10px;
	font-weight:bold;
} 

 div#wrapper a.genButton:active {
    background-position: bottom right;
    color: #214172;
    outline: none; /* hide dotted outline in Firefox */
}

 div#wrapper a.genButton:active span {
    background-position: bottom left;
    padding:11px 0 9px 20px; /* push text down 1px */
}

/*--- Button END ---*/

#leftcolumn, #leftcolumn_02 { 
	 color: #333;
	 background: #f7f7f7;
}

#rightcolumn { 
	 float: right;
	 color: #333;
	 border: 1px solid #ccc;
	 background: #F2F2E6;
}

/*--- Content ---*/



div#wrapper h1, div#btnContainerContent h1{
	font-size:20px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	margin:0 !important;
	padding:0 0 10px !important;
	color:#2b7ab8;
}



div#btnContainerContent h1{
	color:#FFF;
}

div#wrapper h2{
	font-size:16px;
	font-weight:bold;
	padding:0 0 10px !important;
	}
	
div#wrapper strong{
	color:#000;
	}



#leftcolumnContent p, #leftcolumnContent_02 p, div#header_leftContent p, div#wrapper ol, div#wrapper ol span, #leftcolumnContent_02 li{
	color:#ooo;
	line-height:18px;
	font-size:12px;
	padding-bottom:10px;
}

div#leftcolumnContent a{
	color:#000;
	text-decoration:underline;	
}

ol {
	font-weight: bold;
	}
	
ol span {
	font-weight: normal;
	} 

div#wrapper ul, div#wrapper ol{
	font-size:12px;
	margin:10px 0 20px 30px;
}



/*--- Content END ---*/

/*------ Course Catagories -----*/

#latest-news {
				width:232px;
				float:right;			
			}
			
				#latest-news .news-heading{
					background:url('welcome/news-header.jpg') no-repeat;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:12px;
					padding-top:13px;
					color:#FFFFFF;
					font-weight:bold;
					width:232px;
					height:31px !important;
					height:40px;
					float:right;
				}
				
					#news-body{
						background:url('welcome/news-bg.gif') repeat-y;
						background-position:top center;
						width:232px;
						float:right;
						padding-top:6px;
					}
					
					#news{
						margin-bottom:10px;
					}
					
					#special h2{
						text-align:center;
						color:#214172;
						font-weight:bold;
					}
				
						div#news ul{
							margin:0px;
							list-style:none;
						}
						
						div#news ul{
							padding-left:10px;
							padding-right:10px;
						}
						
						

						
						div#news ul li, div#special ul li{
							border-bottom:1px solid #214172;
							display:block;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:12px;
							padding:10px;
							color:#214172;
						}
						
						
						
						div#news ul li a, div#special ul li a{
							color:#214172;
							text-decoration:none;
							
						}
						
						div#news ul li {
							padding-left:5px;
						}
						
						
						div#news ul li a:hover, div#special ul li a:hover{
							color:#214172;
							text-decoration:underline;
						}
				
						
						#latest-news .news-footer {
							background:transparent url(welcome/news-footer.gif) no-repeat scroll 0 0;
							float:left;
							height:12px;
							width:232px;
						}

/*------Course Catagories END -----*/


/***** 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:64px 5px 0 6px;
	padding: 0;
	width: 190px;
}

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

table.menu p {
	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:#fff none repeat scroll 0 0;
	color:#000000;
}

table.menu td.item_link_selected p {
    color: #ffffff;
	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: #fff url(bullet.gif) no-repeat 0px 9px;
	color: #000;
}

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;
}


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



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

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

img.top_left_image {
	height: 91px;
	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. */