/* add the master css from master.style.css here */

/****** Finalised Design *******/

/**MAIN TEMPLATE**/

		/*Light Tan*/
		body {
				background-color: #C1BC9F;
				
				} 
	/*Center page contents*/
body, html {
    margin: 0;
    padding: 0;
   }

   #wrapper {
    width: 700px; /* your wrapper obviously needs a width otherwise it will be 100% */
    margin: 0 auto; /* This is the proper way to center in a standards compliant browser */
   }
   
   /* This is the IE workaround*/
   body { text-align: center; }
   #wrapper { text-align: left; }
	
				
img {border: none;}

		/*PHP Inclueds */
		.stylecopyright {
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: xx-small;
				}	
		
		/* Text format for "Home, Directions, Contact Us, About, e-mail" links.*/			  
		.styleheadfoot {
				color: #000000; 
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: xx-small;
				border-style:none;
				border-width: 0px 0px 0px 0px;
				width: 400px;
				}
  	
/*TEMPLATE TABLE formating*/
	
		/*Outer border with lipped top*/
		 .body {
				border-style: solid;
				border-width: 4px 1px 1px 1px; 
				border-color: #007777; 
				background-color:#FFFFFF; 
				width: 700px; 
				padding: 4px;
				margin: /*8px;*/
				}
				
				
							/*search list*/
							.unix_list, .linux_list, .ibm_websphere_list, .java_list, .web_development_list, .database_list, .programming_languages_list, .mac_os_x_list, .xhtml_list, .php_list {
								text-align: left;
								margin-left: 20%;
								font-size: medium;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								width: 450px;}
				
				.mac_os_x_list, .business_list {
								text-align:left;
								margin-left:20%;
								font-size:medium;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								width: 470px;}
								
							#unix, #linux, #ibm_websphere, #java, #web_development, #database, #programming_languages, #mac_os_x, #business, #xhtml, #php {
								width: 700px;
								border: solid /*thin*/1px  #007777;  
								background-color:#FFFFFF; 
								padding: 4px 4px 50px 4px;
				 				margin: 0 auto;}
								
							h1 {text-align:left; margin-left: 20px;}
							h2 {text-align:left; margin-left: 80px;}
							
							.unix_training, .linux_training, .ibm_websphere_trainging, .java_training, .web_development_training, .database_training, .programming_languages_training, .mac_os_x_training, .business_training, .xhtml_traing, .php_training {
							font-family: Geneva, Arial, Helvetica, sans-serif;
							font-size:small;
							margin-top: 40px;
							}
							
							.s_link:link {color: #FDFDFD; font-size:xx-small;}     /* unvisited link */
							.s_link:visited {color: #FDFDFD; font-size:xx-small;}  /* visited link */
							.s_link:hover {color: #FDFDFD; font-size:xx-small;}   /* mouse over link */
							.s_link:active {color: #FDFDFD; font-size:xx-small;}   /* selected link */
								
								
		/*header and footer table*/
		.headfootinclude {
				width: 700px;
				height: 10px;
				border-style:none;
				border-width: 0px 0px 0px 0px;
				}
		
		/*Header and footer Left Cell*/
		.hfleftcell {
				text-align: left;
				width: 350px;
				vertical-align: top;
				}
		
		/*Header and footer right Cell*/
		.hfrightcell {
				text-align: right;
				width: 350px;
				vertical-align: top;
				table-layout:fixed;
				}
		
		/*main cell where all content lies*/
		.page {
				background-color:#FFFFFF;
				width: 700px;
				border: none;
				text-align:center;
				}	

					
							
							
/*Google Search*/

input.gcsetext {color: #b8b8b8;} 
.google {margin-left: 100px;}
							
/*INDEX*/

		.indexmain  {
				border-width: 0px;
				width: 700px;
					}

		.bannar {
					border-spacing: 0px;
					border-width: 0px 0px 0px 0px;
					width: 700px;
					height: 230px;
					background-image: url(/images/EB12base.jpg);/*background-image: url(/images/smoke_banner3.jpg)*/;
					}
		
		.bannarleft {
					border-spacing: 0px;
					border-width: 0px 0px 0px 0px;
					width: 100px;
					text-align: left;
					vertical-align: bottom;
					padding-bottom: 10px/*50px*/;
					padding-left: 0px;
					}
		


.eulerintro {
					width: 700px;
					vertical-align: top;
					text-align: left;
					font-family: /*Geneva, Arial, Helvetica, sans-serif;*/ Geneva, Arial, Helvetica, sans-serif;
					font-size: medium /*small*/;
					color: #000000;
					padding-top: 20px;
					padding-left: 20px;
					padding-right: 20px;
					padding-bottom: 20px;
					border-width: 0px 0px 0px 0px;
					}	

		.eulerintroflavor {
					width: 700px;
					vertical-align: top;
					text-align: center;
					font-family: "Century Schoolbook";
					font-size: x-large;
					font-weight:bold;
					color: #663333;
					padding-top: 0px;
					padding-left: 15px;
					padding-right: 15px;
					padding-bottom: 20px;
					border-width: 0px 0px 0px 0px;
					}	
/*
		
		
		
		/*V4*/
		/*Traing Subjects quicklinks Container */
#subject {border: #DDEEEE solid 4px; width:693px; height: 35px; margin: 0 auto; padding-top: 1px; /*text-align:center;*/}
		
		#subject ul {padding:0; margin:0; list-style:none;font-size:  15px; font-family: Arial, Helvetica, sans-serif; padding-left: 2px; font-weight:bold;}
	/* first tier nav menu */
	#subject ul li {float:left; list-style: none ; margin:0; /*border:solid #333333;*/ border-width:0px; width:auto; }
		/* top level link style */
		#subject ul li a {/*background: #FFFFFF;*/ display:block; text-decoration:none;color:#007777;padding: 7px;}
	
		#subject ul li a:hover {background: #333333; background-position:center; background-repeat:no-repeat; color: #FFFFF2;}
		#subject ul li ul, #subject ul li ul li ul {display:none;}
						
					
/* DIRECTIONS */

		.directionsmain, .directmain  {
					width: 700px;
					border-width: 0px 0px 0px 0px;
					}

		.mapnest {
					width: 400px;
					text-align:center;
					vertical-align:middle;
					padding-top: 20px;
					padding-left: 10px;
					padding-right: 10px;
					padding-bottom: 10px;
					}

		.directheading {
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size:large;
					color:#007777;
					text-align:left;
					vertical-align:top;
					padding-top: 10px;
					padding-left: 5px;
					padding-right: 0px;
					padding-bottom: 1px;
					}

		.directtext {
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: /*medium*/ small;
					color:#000000;
					text-align:left;
					vertical-align:top;
					padding-top: 0px;
					padding-left: 15px;
					padding-right: 10px;
					padding-bottom: 15px;
					}

		.directadhead {
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size:large;
					color:#007777;
					text-align:left;
					vertical-align:top;
					padding-top: 30px;
					padding-left: 10px;
					padding-right: 0px;
					padding-bottom: 0px;
					}

		.directadtext {
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: medium;
					color:#000000;
					text-align:left;
					vertical-align:top;
					padding-top: 20px;
					padding-left: 20px;
					padding-right: 0px;
					padding-bottom: 0px;
					}

		.derectflavor {
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: small;
					color:#000000;
					text-align:left;
					vertical-align: middle;
					padding-top: 5px;
					padding-left: 10px;
					padding-right: 18px;
					padding-bottom: 0px;
					}
					
		.derecthotel {
					
					font-weight: bold;
					text-align: left;
					vertical-align: top;
					padding-top: 0px;
					padding-left: 10px;
					padding-right: 35px;
					padding-bottom: 60px;
					}
		

/* HOTELS */

.hotelmain {
					width: 700px;
					}
.hoteltitle {
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: x-large;
					color:#007777;
					text-align:left;
					vertical-align:top;
					padding-top: 30px;
					padding-left: 10px;
					padding-right: 0px;
					padding-bottom: 20px;
					}

.hotelheading {		
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: large;
					color:#007777;
					text-align:left;
					vertical-align:top;
					padding-top: 30px;
					padding-left: 10px;
					padding-right: 10px;
					padding-bottom: 10px;
					}
.hotelsubhead {
					text-align: left;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					color:#000000;
					font-size:small;
					font-style:italic;
					padding-top: 0px;
					padding-left: 20px;
					padding-right: 0px;
					padding-bottom: 10px;
					}

.hoteltext {
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: small;
					color:#000000;
					text-align:left;
					vertical-align:top;
					padding-top: 20px;
					padding-left: 25px;
					padding-right: 5px;
					padding-bottom: 20px;
					}


/* CONTACT US */

		.contact1 {
					width: 700px;
					}

		.contactbannar {
					padding-top:0px;
					padding-left:0px;
					padding-right: 0px;
					padding-bottom:0px;
					height: 50px;
					}

		.contactnest {
					padding-left: 25px;
					}

		.contactmain {
					width: 650px;
					border-style: solid;
					border-width: 4px 1px 1px 1px;
					border-color: #007777;
					background-color: #EAEEE6;
					}

		.contactheader {
					text-align:center;
					vertical-align:middle;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					color: #000000;
					font-size: medium;
					font-weight: bold;
					padding-top:30px;
					padding-left:0px;
					padding-right: 100px;
					padding-bottom:0px;
					}

		.contactaddress {
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size: medium;
					text-align:left;
					vertical-align:top;
					padding-top:30px;
					padding-left:60px;
					padding-right: 10px;
					padding-bottom:10px;
					}

		.contactemail {
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size: medium;
					padding-top:0px;
					padding-left: 0px;
					padding-right: 100px;
					padding-bottom:10px;
					text-align:center;
					vertical-align:top;
					}
	
		.bushournest {
					padding-left: 80px;
					height: 80px;
					text-align:left;
					vertical-align:middle;
					}	
					
		.businesshoursmain {
					width: 500px;
					height: 12px;
					border-width: 1px;
					border-style: solid;
					border-color:#000000;
					background-color:#FFFFFF;
					}

		.busnesshours {
					text-align:right;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size: medium;
					font-weight: bold;
					color:#000000;
					padding-top:10px;
					padding-left:0px;
					padding-right: 50px;
					padding-bottom:10px;
					}
	
		.contacthours {
					text-align: left;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size: medium;
					color:#000000;
					padding-top:10px;
					padding-left:5px;
					padding-right: 0px;
					padding-bottom:10px;
					}


/* ABOUT */

		.aboutmain {
					width: 700px;
					border-width: 0px 0px 0px 0px;
					padding-top: 30px;
					}

		.aboutheading {
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size:large;
					color: #007777;
					vertical-align:top;
					text-align: left;
					padding-top: 15px;
					padding-left: 10px;
					padding-right: 0px;
					padding-bottom: 15px;
					}
	
		.company {
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size:medium;
					color: #000000;
					vertical-align:top;
					text-align: left;
					padding-top: 10px;
					padding-left: 20px;
					padding-right: 10px;
					padding-bottom: 10px;
					}

		.euler {
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size:medium;
					color: #000000;
					vertical-align:top;
					text-align: left;
					padding-top: 10px;
					padding-left: 20px;
					padding-right: 10px;
					padding-bottom: 10px;
					}

		.findus {
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size:medium;
					color: #000000;
					vertical-align:top;
					text-align: left;
					padding-top: 10px;
					padding-left: 20px;
					padding-right: 10px;
					padding-bottom: 10px;
					}

		.aboutpic {
					width: 200px;
					vertical-align:middle;
					}

		.aboutamnest {
					width: 700px;
					border-width: 0px;
					padding-top: 30px;
					padding-bottom: 30px;
					}
	
		.aboutaddress {
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size:large;
					width:350px;
					text-align: left;
					vertical-align: top;
					padding-top: 0px;
					padding-left: 50px;
					padding-right: 0px;
					padding-bottom: 0px;
					}
		/* Cahnged 050908,  Removed Euler Equation pic*/
		.aboutmap {
					width:350px;
					padding-top: 0px;
					padding-left: 0px;
					padding-right: 0px;
					padding-bottom: 0px;
					}
					
		/*Link to Directions page span*/			
		.aboutdspan {
					font-size: large;
					padding-left: 60px;
					}

	
/* FACILITIES */

		.facilitymain {
					width: 700px;
					/*boarder-width: 0px 0px 0px 0px;*/
					}
	
		.facitityhead {
					text-align: left;
					vertical-align: top;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: small;
					color:#000000;
					padding-top: 5px;
					padding-left: 200px;
					padding-right: 100px;
					padding-bottom: 5px;	
					}
	
	
.facititytext {
					text-align: left;
					vertical-align: top;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: small;
					color:#000000;
					padding-top: 40px;
					padding-left: 90px;
					padding-right: 90px;
					padding-bottom: 10px;	
					}
		
.facititytext2 {
					text-align: left;
					vertical-align: top;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: small;
					color:#000000;
					padding-top: 30px;
					padding-left: 100px;
					padding-right: 125px;
					padding-bottom: 15px;	
					}	
		
.facilitylist01  {
					
					list-style-type:square;
					}
					
					
.facilitylist02		
		
		
		.facilitycall {
					text-align: right;
					vertical-align: top;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: small;
					font-weight: bold;
					color:#000000;
					padding-top: 5px;
					padding-left: 0px;
					padding-right: 0px;
					padding-bottom: 5px;	
					}


/* TRAINING LABS */

		.labnest {
					border-width: 0px 0px 0px 0px;
					}
	
		.labnestcolum {
					vertical-align:top;
					width: 350px;
					}

		.labpic {
					vertical-align:top;
					text-align: center;
					padding-left: 10px;
					padding-bottom: 30px;
					}

		.labcontact {
					text-align:right;
					vertical-align:middle;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size:small;
					padding-top: 40px;
					padding-left: 10px;
					padding-bottom: 30px;
					}

		.labmain {
					/*width: ;
					border-width: 0px 0px 0px 0px;*/
					vertical-align:top;
					}

		.labframe {
					background-color: #EAEEE6;
					border-width: 4px 1px 1px 1px;
					border-style: solid;
					border-color: #007777;
					width: 350px;
					}

		.labtitle {
					text-align:center;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size: x-large;
					color: #007777;
					padding-top: 40px;
					padding-left: 10px;
					padding-right: 0px;
					padding-bottom: 30px;
					}
	
		.labintro {
					text-align:left;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					/*font-weight:;*/
					font-size: small;
					padding-top: 10px;
					padding-left: 15px;
					padding-right: 10px;
					padding-bottom: 20px;
					}


		.labheading {
					text-align:left;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: medium;
					padding-top: 10px;
					padding-left: 10px;
					padding-right: 0px;
					padding-bottom: 10px;
					}
			
		.labtext {
					text-align:left;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size:small;
					padding-top: 5px;
					padding-left: 0px;
					padding-right: 0px;
					padding-bottom: 25px;
					}

		.labphar {
					text-align:left;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size:small;
					padding-top: 20px;
					padding-left: 10px;
					padding-right: 10px;
					padding-bottom: 50px;
					}

/*added 050708 to adjusted Lounge paragraph descriptions*/
.lablounge {
					text-align:left;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size:small;
					padding-top: 25px;
					padding-left: 10px;
					padding-right: 10px;
					padding-bottom:25px;
					}

		.labcomputer {
					text-align:left;
					vertical-align:top;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size:small;
					padding-top: 5px;
					padding-left: 30px;
					padding-right: 5px;
					padding-bottom: 0px;
					}

		.labcomputername {
					text-align:left;
					vertical-align:top;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					color: #007777;
					font-size: medium;
					padding-top: 0px;
					padding-left: 30px;
					padding-right: 0px;
					padding-bottom: 0px;
					}


/* ENROLLMENT FORM */

		.entrollmain {
					width: 700px;
					}
	
		.enrolltitle {
					width:350px;/*width: 150px;*/
					text-align:center;
					vertical-align: middle;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size:x-large;
					color:#007777;
					padding-top: 50px;
					padding-left: 10px;
					padding-right: 0px;
					padding-bottom: 20px;
					}
					
			

		.enrollintro {
					text-align:left;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size:small;
					color:#000000;
					padding-top: 10px;
					padding-left: 60px;
					padding-right: 60px;
					padding-bottom: 10px;
					}
.enrollthank {
					text-align:center;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size:small;
					color:#000000;
					padding-top: 10px;
					padding-left: 60px;
					padding-right: 60px;
					padding-bottom: 10px;
					}




		.enrollheading {
					text-align:left;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size: medium;
					font-weight: bold;
					color:#007777;
					padding-top: 20px;
					padding-left: 10px;
					padding-right: 0px;
					padding-bottom: 20px;
					}
	
		.enrollfill {
					text-align:right;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size: small;
					font-weight: bold;
					color:#000000;
					padding-top: 5px;
					padding-left: 30px;
					padding-right: 0px;
					padding-bottom: 5px;
					}
	
		.enrollfe {
					text-align:left;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size: small;
					color:#008888;
					padding-top: 5px;
					padding-left: 20px;
					padding-right: 0px;
					padding-bottom: 5px;
					}
	
		.enrollpol {
					text-align:left;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size:small;
					color:#000000;
					padding-top: 20px;
					padding-left: 40px;
					padding-right: 40px;
					padding-bottom: 20px;
					}

.enrollpol2 {
					text-align:left;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size:small;
					color:#000000;
					padding-top: 0px;
					padding-left: 40px;
					padding-right: 40px;
					padding-bottom: 20px;
					}

.enrollpol3 {
					text-align:left;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size:x-small;
					color:#000000;
					padding-top: 0px;
					padding-left: 40px;
					padding-right: 40px;
					padding-bottom: 20px;
					}


		.enrollyes {
					text-align:left;
					vertical-align:top;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size: small;
					font-weight: bold;
					color:#000000;
					padding-top: 5px;
					padding-left: 30px;
					padding-right: 0px;
					padding-bottom: 10px;
					}
	
		.enrollsub {
					text-align: center;
					vertical-align: middle;
					padding-top: 5px;
					padding-left: 0px;
					padding-right: 0px;
					padding-bottom: 20px;
					}	

		.enrollcanc {
					text-align: center;
					vertical-align: middle;
					padding-bottom: 30px;
					}


/* CANCELLATION POLICY */

		.canmain {
				width: 700px;
				}

		.cantitle {
				text-align: center;
				vertical-align: middle;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: large;
				color:#007777;
				padding-top: 35px;
				padding-left: 5px;
				padding-right: 5px;
				padding-bottom: 20px;
				}

		.cansat {
				text-align: left;
				vertical-align: top;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: medium;
				color:#000000;
				padding-top: 15px;
				padding-left: 15px;
				padding-right: 5px;
				padding-bottom: 0px;
				}
				

.catalog {
				text-align: left;
				vertical-align: top;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: small;
				color:#000000;
				padding-top: 15px;
				padding-left: 15px;
				padding-right: 5px;
				padding-bottom: 20px;
				}



		.canpol {
				text-align: left;
				vertical-align: top;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: medium;
				color:#000000;
				padding-top: 15px;
				padding-left: 5px;
				padding-right: 15px;
				padding-bottom: 0px;
				}

		.canlinknest {
				text-align: left;
				vertical-align: middle;
				padding-top: 20px;
				padding-left:200px;
				padding-right: 20px;
				padding-bottom: 20px;
				}

		.canpic {
				text-align:center;
				vertical-align: top;
				width: 350px;
				}
				
.canpic20
			 {
				text-align:center;
				vertical-align: middle;
				width: 700px;
				padding-top: 25px;
				padding-bottom: 25px;
				}	
/**/

.pol2
{
				text-align:center;
				vertical-align: middle;
				padding-top: 25px;
				padding-bottom: 25px;
				}	

		.canlinkmain {
				width: 300px;
				border-width: 0px 0px 0px 0px;
				background-image:url(/images/classlinks.jpg);
				height:50px;
				}

		.canlinkmain2 {
				text-align: center;
				vertical-align: top;
				}
	
	
/*buyer's right to cancel*/
.cancel_right {
		text-align: center;
				vertical-align: middle;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-style:italic;
				font-size: small;
				padding-top: 0px;
				padding-left: 5px;
				padding-right: 5px;
				padding-bottom: 15px;
				}
	
	
	
/* COURSEWARE CONTACT US */

		.waremain {
				width: 700px;
				}

		.wareintro {
				text-align: left;
				vertical-align: top;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: medium;
				color:#000000;
				padding-top: 60px;
				padding-left: 35px;
				padding-right: 20px;
				padding-bottom: 35px;
				}

		.wareheading {
				text-align: center;
				vertical-align: top; text-decoration:none;
				font-family: "Century Gothic", Arial, "Bookman Old Style", "Century Schoolbook";
				font-size: x-large;
				color:#007777;
				padding-top: 20px;
				padding-left: 10px;
				padding-right: 10px;
				padding-bottom: 40px;
				
				}
	
		.wareaddress {
				text-align: left;
				vertical-align: top;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: medium;
				color:#000000;
				padding-top: 50px;
				padding-left: 60px;
				padding-right: 15px;
				padding-bottom: 10px;
				}

		.warepic {
			vertical-align:middle;
			text-align: center;
			padding-top: 15px;
			padding-left: 10px;
			padding-right: 30px;
			padding-bottom: 10px;
			}
	
		
					
/* PUBLIC COURSE DESCRIPTION LIST */
		
		
/* Font for class descriptions pages */
.classtitle, .classintro, .classsummery, .classheading, .classtext, .classlist, .purchessheading, .purchessinfo {
font-family: Geneva, Arial, Helvetica, sans-serif;}	
		
.pcontact	/*{font-family: Geneva, Arial, Helvetica, sans-serif;}*/	{font-family:Verdana, Arial, Helvetica, sans-serif;}

		/*class title for each class description page*/
		.classtitle {
        			/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
        			font-size: large;
        			font-weight: bold;
        			color: #007777;
					text-align:center;
					padding-top: 50px;
					padding-bottom: 20px;
					}
		
		/*Large grapper text for each class description*/
		.classintro {
					/*font-family:   Geneva, Arial, Helvetica, sans-serif; "Franklin Gothic Book"; 
					font-size: medium;*/ font-weight:bold; 
					color: #663333;
					text-align:left; 
					padding-left: 40px; 
					padding-right: 40px;
					padding-top: 20px;
					padding-bottom: 20px;
					} 
		
		/*2nd paragraph descriptive text for classes*/
		.classsummery {
					/* font-family:   Geneva, Arial, Helvetica, sans-serif; "Franklin Gothic Book"; 
					font-size: medium;*/
					text-align:left;
					padding-left: 40px; 
					padding-right: 40px;
					padding-top: 10px;
					padding-bottom: 20px;
					}
		
		
		
		/*Main text table*/
		.classframe {
					border: 0px;
					width: 700px;
					padding-left: 2px; 
					padding-right: 2px;
					padding-top: 4px;
					padding-bottom: 4px;
					}
		/*right and left cell which contains main descriptor text columes*/		
		.classframecell {
					width: 350px;
					vertical-align:top;
					padding: 8px;
					}
					
		
		
		
		/*each heading to the class details*/	
		.classheading {
        			/* font-family:Geneva, Arial, Helvetica, sans-serif;*/
        			font-weight: bold;
        			color: #007777;
					text-align:left; 
					}
		
		/*main text*/
		.classtext {
					/*font-family:  Geneva, Arial, Helvetica, sans-serif; "Franklin Gothic Book"*/
					font-size: small; 
					text-align: left;
					vertical-align:text-top;
					padding-left: 15px;
					padding-top: 23px;
					padding-bottom: 23px
					}
				
		/* List text spacing*/
		.classlist {
					/*font-family:  Geneva, Arial, Helvetica, sans-serif; "Franklin Gothic Book"*/
					font-size: small; 
					text-align: left;
					vertical-align:text-top;
					padding-left: 0px;
					padding-top: 10px;
					padding-bottom: 10px
					}
					
		/* main class text colum*/
		.classcolum {
					width: 327px;
					border: 0px;
					}
					
		/*Table; Table format for "Skill Assessment, Course Enroll, and On-site Schedule" links*/
		.linkbar {
					border: 0px; 
					border-color: #FFFFFF; 
					border-style: solid; 
					border-width: thin; 
					background-color: #CCCCCC;
					text-align: center;
					vertical-align: baseline;
					width: 600px;
					height: 37px;
					background-image:url(/images/classlinks.jpg);
					}
					
		/*cell holding linkbar*/	
		.linknest {
					border: 0px;
					text-align: left;
					vertical-align:middle;
					padding-left: 40px;
					padding-right: 10px;
					padding-top: 15px;
					padding-bottom: 25px;
					}
					
		/*alignment of course data box*/		
		.classdata	{
					padding-left: 15px;
					padding-top: 40px;
					text-align: left;
					vertical-align:text-top;
					}
					
		/* CourseLength and Price */
		.purchessheading {
					/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
					font-weight:bold;
					text-align:left;
					vertical-align:top;
					width: 166px;
					}			
		
		/*Info filling in about class specs*/
		.purchessinfo {
        			/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
        			font-weight: bold;
					text-align:left;
        			color: #007777;
					width: 114px; 
					}
					
		/*please contact text*/
		.pcontact {
					/*font-family: Verdana, Arial, Helvetica, sans-serif; */
					font-size: small;
					text-align:center;
					}	
					
		/*Table; Boardered box containing purchess info for each class*/
		.classpurchess {
					border-style: solid; 
					border-width: 1px; 
					border-color:#007777;
					background-color:#FFFFFF;
					padding: 6px;
					width: 300px;
					height: 110px;
					}
		/*table which hold headfoot, and copyright includes*/			
		
	
		
/*LINKS*/

		a:link {color: #007777;}     /* unvisited link */
		a:visited {color: #333334;}  /* visited link */
		a:hover {color: #339900;}   /* mouse over link */
		a:active {color:#339900;}   /* selected link */


/*COURSE LIST*/

        /** Course List, Courseware List, Custom Training List, Facility Rental List  **/

        /* balloons */
		.link_style {
        			color: #007777;
        			font-weight: bold;
       				 vertical-align: top;
					}
					
		#dhtmltooltip{
        			position: absolute;
        			left: -300px;
        			width: 150px;
        			border: 1px solid black;
        			padding: 2px;
        			background-color: #FFFFCC;
        			font-size: 10pt;
        			visibility: hidden;
        			z-index: 100;
        			/* Remove below line to remove shadow. Below line should always appear last	within this CSS
        			filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */

					}

		#dhtmlpointer{
        			position:absolute;
        			left: -300px;
        			z-index: 101;
        			visibility: hidden;
					}
        /* end of balloons */

  
/*************** COURSE LIST classes *********   New Version    */

		/* Class Subject Heading */
		
		#class_list {border-spacing: 0px; width:700px;} /*750px*/
		
		/* Genre of class in group */
		.topic {
        			color: #007777;
        			font-size: x-large;
        			font-family: Geneva, Arial, Helvetica, sans-serif;
        			}
						
		/* Class Table Headings  */
		
		.btitle, .bdate, .bprice, .bday, .brec {
					background: #CCCCCC;
					}
		/* Class Table Heading Bolding */
		.btitle, .bprice, .bday, .bdate, .topic, .brec {	
        			font-weight: bold;
        			}
					
		/* Table Size = */
		.bprice, .bday {
        			width: 48px;/*48pxbackground: #99CC99*/;
        			}
		.clink {
        			width: 50px;/*50px*/}	
		.cname  {
        			width: 300px;/*300px*/
					}		
		.cenroll{
                	width: 20px;/*20px*/
                	}	
					
		.bdate, .cdate	{width: 50px;}
				
		.cprice, .cday {background: #FFFFCC;}
		
		.crec, .brec {width: 345px;}/*for class description page; recomended followup class*/
		
						
		/* Class Table Font*/
		.clink, .cname, .cprice,.cday, .cdate, .btitle, .bprice, .bday, .bdate, .creq, .crec, .brec {
					font-family: Arial, Helvetica, sans-serif;}
					
		/*small font*/
        .clink, .cname, .cprice,.cday, .cdate, .btitle, .bprice, .bday, .bdate, .crec, .brec {	
					font-size: small;}
					
		/*Left Align*/
		.clink, .cname, .topic {
					text-align: left;
        			}
		/*Center Align*/
		.cdate, .creq, .cprice, .cday, .bdate, .bprice, .bday {
        			text-align: center;	}
					
		/* "Request a Date" text*/
		.creq {	
        			font-size: x-small;
        			font-style: italic;
        			}
		
	.list_line {border-top: solid #CCCCCC 3px;}
		
	/* balloons */
	.link_style {
        			color: #007777;
        			font-weight: bold;
       				 vertical-align: top;
					}	
  
  
  /* Page title */
		.ptitle {
        			color: #007777;
					text-align:center; /*added to center couselist title*/
        			font-size: xx-large;
        			font-weight: bold;
        			font-family: Geneva, Arial, Helvetica, sans-serif;
					padding-top: 15px;
					padding-bottom: 8px;
        			}
		.pinfo {
        			/*text-align:;
        			padding-left: ;*/
       				font-family: Arial, Helvetica, sans-serif;
        			font-size: small;
        			}
  
 
				
				

/* -------------- FORMS --------------- */


/* DROP DOWN BOX Group*/
/* Drop Down list css */

/* ID */

		.dropbody {
					border-style: solid; 
					border-width: 0px 0px 0px 0px; 
					width: 700px;
					}

		.droplist {
					font-family: Geneva, Arial, Helvetica, sans-serif; 
					font-size: x-small; 
					}

		.dropbannar {
					border-top: 0px;
					border-bottom: 0px #007777 solid;
					border-left: 0px;
					border-right: 0px;
					width: 700px;
					padding: 0px;
					height: 30px;
					background-image: url(/images/eulertraingingcenter.jpg);
					background-repeat:no-repeat;
					text-align:right;
					}
	
					
/* DROP DOWN BOXES */
					
#nav, #nav ul { /* all lists */
     	padding: 0;
     	margin: 0 0 0 0; /* top right bottom left */
     	list-style: none;
     	line-height: 1.2; /* spacing between items in drop down boxes */
	 
 }
#nav li { /* Topic line list*/
     	float: left;  /* float left orders topic line list on one line (right reverses) */
     	white-space:nowrap;  /* so we do not line wrap menu items */
     	text-align: left;
     	width: 17em; /* Width needed for spacing on line must be em, (17em)*/
      padding-left: 2px;  /* moves item lists away from border */

 }

#nav li ul { /* 1st box (2nd level) lists */
     	position: absolute;
     	background: #FFFFFF; /* to allow mouse move to next box */
     	/*width: 12em;/* Allows for box size changes on first box hovers, (12em) */
     	left: -999em;  /*uses "left" instead of "display: none" to hide menus, (-999em) */
 }
#nav li ul ul { /* 2nd box (3rd level) lists */
     	margin: -1.8em 0 0 15em; /* top right bottom left */
     	/* width: 13em;  /* Allows for box size changes on second box hovers, (18em) */
 }
#nav li ul ul li{ /* Fixes double list items on same line*/
			/*float: left;*/
   		background-color:#FFFFFF;
 			font-size: small;
			/*width: -1px;previously none; Floated object require a width declared*/

 }

#nav li:hover ul,
 #nav li:hover ul ul,
 #nav li.sfhover ul,
 #nav li.sfhover ul ul {
     	left: -999em;
 }

#nav li:hover ul,
 #nav li.sfhover ul {
        /* 1st box nested under items*/
  		left: auto;
  		border-top:1px solid #007777;
  		border-bottom:1px solid #007777;
  		border-right:1px solid #007777;
  		border-left:4px solid #007777;
	 		width: 155px; /* Also change hover width to be the same */
 }
#nav li li:hover ul,
 #nav li li.sfhover ul { /* 2nd box nested under hovered list items */
        /* added borders from master style*/
     	left: auto;
     	border-top:1px solid #007777;
     	border-bottom:1px solid #007777;
     	border-right:1px solid #007777;
     	border-left:4px solid #007777;
	 		width: 331px; /* Also change hover width to be the same) */
 }

#nav a {
     	display: block; /*was Block*/
 }


/* Topic list text sizes.   DROP DOWN BOX TITLES */
#nav  li a,
#nav  li a:link,
#nav  li a:visited,
#nav  li a:active,
#nav  li a:focus
{
     	text-decoration: none;
			text-align: right; /* This balances topic line across page */
     	font-size: large;  /* Was "Medium, but increased size to add improvement to visiblity.*/
     	font-family: Verdana, Arial, Helvetica, sans-serif;
     	color:#007777;
		font-weight: normal; /*add to improve visiblity.*/
}

/* Drop list 1 text sizes */
#nav li li a,
#nav li li a:link,
#nav li li a:visited,
#nav li li a:active,
#nav li li a:focus
{
     	text-decoration: none;
			text-align: left; /* left justify list items in box */
     	font-size: small;
			font-family: Arial, Helvetica, sans-serif;
     	color: #666666;
     	border-bottom:1px solid #007777;
	 		width: 155px; /* Also change hover width to be the same) */
}

/* Drop list 2 text sizes */
#nav li li li a,
#nav li li li a:link,
#nav li li li a:visited,
#nav li li li a:active,
#nav li li li a:focus
{
     	text-decoration: none;
     	font-size: small;
			font-family: "Century Gothic", Arial, "Bookman Old Style", "Century Schoolbook";
     	color:#666666;
	 		width: 330px; /* Also change hover width to be the same) */
}

#nav li li a:hover
{
     	/* 5 topics color change 0n hover */
     	/* 44698f is slate blue*/
     	color:#044476; /* 044476 is a darker blue to show better */
			background-color:#D7D7D7; /* make it stand out better */
     	border-bottom:1px solid #808080; /*line above and below */
	 		width: 150px; /* Keep as same width as box */
			text-align: left; /* left justify list items in box */
     	border-right:2px solid #808080;
     	border-left:2px solid #808080;
}

#nav li li li a:hover
{
      /* 2nd Drop box */
      /* 44698f is slate blue*/
      color:#044476; /* 044476 is a darker blue to show better */
	 		width: 330px; /* Keep as same width as box */
}