/* Framework Main Page*/
/* CSS Document */
html, body 
{
	background-color: #00000d;
	background-image: url(/images/bgfade.png);
	background-repeat: repeat-x;
	margin: 0px;
	height: auto;
	}

/* A container should group all your columns. */
.container {
	background-color: #FFFFFF;
	position: relative;
	margin: 0 auto;
	width: 851px;

}

/*Concurrent Elements Image*/
.header {
	background-image: url(/images/header.png);
	width: 851px;
	height: 75px;
	cursor: pointer;
	}
	
.menu{
	position:relative;
	display:block;
	height:35px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(/images/menubg.png) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	}


.menu ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
	}
	
.menu ul li{
	display:block;
	float:left;
	margin:0;
	}
	
.menu ul li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:10px 20px 0 20px;
	height: 25px;
	background:transparent;
	}



.menu .left {
  background: url(/images/leftMenuEnd.png)  no-repeat top left ;
  width:100px;
  height: 35px;
 }
 
.menu .divider {
  background: url(/images/menuDivider.png)  no-repeat top left ;
  width:2px;
  height: 35px;
 }
 
.menu .right{
  background: url(/images/rightMenuEnd.png)  no-repeat top right ;
  float:right;
  width:79px;
  height: 35px;
 }

	
.menu ul li a:hover,.menu ul li a.current{
	color:#fff;
	background:url(/images/menuoverbg.png) repeat-x top right;
	}
	
	
/* Top of Footer */

.topfooter {
	height: 11px;
	width: 100%; 
	background: #0e2531 repeat-x top right;
	}
	
.footer {
	position: static;
	display: block;
	background-color:#0e2531;
	width: 851px;
	height: 40px;
	font-size: 10px;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	color:#468aae;
	list-style-type:none;
}

.footer ul{
	margin: 0 0 0 8px;
	padding: 0;
	list-style-type:none;
	width:auto;
	}
	
.footer ul li{
	margin: 0 2px 0 0;
    float: left;
	list-style-type:none;
	}

.footer ul li a, a:visited{
	color: #0099CC;
	text-decoration: none;
	}
	
.footer .copyright{
	margin: 0 0 0 8px;
	}

/*Mainpage Elements*/

.mainFlash {
	text-align: center;
	width: 851px;
	height: 294px;
	margin-bottom: 10px;
	}

/* Columns
-------------------------------------------------------------- */
/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
	position: inherit;
	display: block;
  float: left;
  margin-right: 10px;
  height: auto;
}



.column img{
		border: none;
		}

.last { margin-right: 0; }

.span-1   { width: 263px;}

.append-1   { padding-right: 30px; }  

.prepend-1   { padding-left: 10px; }  

/* Use this to create a horizontal ruler across a column. 	
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 0;
  border: none; 
}*/
/*
hr.space {
  background: #fff;
  color: #fff;
}
*/
/* Border on right hand side of a column. 
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

 Border with more whitespace, spans one column. 
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


 Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. 

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }

/* Content Container
--------------------------------------------------------------*/

.contentWrapper {
	background:url(/images/fauxbg.jpg)  repeat-y top left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.contentBoxWrapper {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

	
/* SideMenu
-------------------------------------------------------------- */

.questions {
	background: transparent url(/images/question.png);
	width: 202px;
	height: 71px;
	border-bottom: thin solid #FFFFFF;
	border-width: 1px;
	cursor: pointer;
	}

.quotes {
	font-stretch:extra-expanded;
	color: #535353;
	font-family:Georgia;
	font-size:16px;
	background-color: #dedddd;
	width: 182px;
	border-top: thin solid #d4d3d2;
	padding: 10px;
	line-height: 150%;
	}
	
.quotes .name{
	font-size:12px;
	font-weight: bold;
	}

.sideMenu{
	position:inherit;
	float: left;
	border-right: thin solid #d4d3d2;
	border-width: 1px;
	display: block;
	width: 202px;
	height: auto;
	padding-left: 3px;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	}
		
.sideMenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}
	
.sideMenu ul li{
	display:block;
	margin:0;
	}
	
.sideMenu ul li a{
  display: block;
  color:#7a7979;
  text-decoration:none;
  background: #eae9e8;
  border-top: thin solid #d4d3d2;
  border-bottom: thin solid #FFFFFF;
  	font-size:12px;
	font-weight: lighter;
  height: 25px;
  padding:10px 0px 0 30px;
  border-width: 1px;
	}
	
.sideMenu ul li a:hover{
	color:#FFFFFF;
	background: #f09320;
	}
	
.sideMenu .category{
  color: #626160;
  background: #dedddd;
  border-top: thin solid #d4d3d2;
  border-bottom: thin solid #FFFFFF;
  font-size:12px;
  font-weight: bold;
  height: 27px;
  padding:13px 20px 0 20px;
  border-width: 1px;
 }
 
 .sideMenu .selection	{
  background: #eae9e8;
  border-top: thin solid #b5b5b5;
  border-bottom: thin solid #FFFFFF;
  	font-size:12px;
	font-weight: lighter;
  height: 25px;
  padding:10px 0px 0 25px;
 }

/* Main Content
-------------------------------------------------------------- */

.mainContent {
	display: block; 
	float: left;
	width: 640px;
	height: auto;
	background: #ffffff;
	}

.scheduleContent {
	display: block; 
	width: 844px;
	height: auto;
	background: #fff;
	}
	
	   .firstPageColumes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	   .firstPageColumes { display: inline-block; _height: 1%; }
	   /* Hides from IE-mac \*/
      .firstPageColumes { display: block; }
      /* End hide from IE-mac */


.scheduleHeader {
	background:transparent url(/images/scheduleHeader.png);
	width: 844px;
	height: 72px;
	margin-left: 3px;
}

.scheduleColumes{
	font-size: 16px;
	color:#000000;
	font-weight: 800;
	font-family:Arial,Verdana,Helvitica,sans-serif;
}

.scheduleRows{
	
	font-size: 12px;
	margin: 10px 0 0 0;
	height: 40px;
	}

.scheduleContainer{
	width: 770px;
	position: block;
	margin: 0 auto;
	padding-top: 10px;
}



.scheduleContent hr{
	width: 770px;
	}
	
.scheduleContent .course {
	width: 260px;
	height: auto;
	float: left;

}

.scheduleContent .location {
	display:inline-block;
	width: 120px;
	height: auto;
	float: left;
}

.scheduleContent .courseDate {
	width: 185px;
	height: auto;
	float: left;
	}

.scheduleContent .price {
	width: 100px;
	height: auto;
	float: left;
}

.scheduleContent .register {
	width: 50px;
	height: auto;
	float: left;
}

.scheduleContent .heading {
	font-size: 14px;
	color:#000000;
	font-weight: 800;
	font-family:Arial,Verdana,Helvitica,sans-serif;
}

.contentHeader {
	background:transparent url(/images/trainingHeader.jpg);
	width: 641px;
	height: 72px;
}

.locationsHeader {
	background:transparent url(/images/headers/locationsHeader.png);
	width: 641px;
	height: 72px;
}

.trainingHeader {
	background:transparent url(/images/headers/trainingHeader.png);
	width: 641px;
	height: 72px;
}

.aboutHeader {
	background:transparent url(/images/aboutHeader.jpg);
	width: 641px;
	height: 72px;
}

.courseMenu{
	margin:0;
	padding: 0;
	display: block; 
	position:inherit;
	width: 173px;
	height: auto;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	background-color: #e8e8e8;
	color: #f09320;
	border-right: thin solid #AAAAAA;
	border-left: thin solid #AAAAAA;
	border-width: 1px;
	}

.courseMenuContainer
{
	display: block; 
	position:inherit;
	width: 175px;
	height: auto;
	float: right;
	margin: 0 10px 10px 10px;
}

.courseMenu ul{
	margin:0;
	padding-left: 15px;
	list-style-type:none;
	width: 175px;
	}
	
.courseMenu ul li{
	padding: 0;
	display:block;
	margin:0;
	}

.courseMenu img{
	border: none;
	vertical-align: middle; 
	padding-right: 10px;

}

.courseMenu ul li a{
	  display: block;
	  color:#9a9999;
	  text-decoration:none;
	  border: none;
	  font-size:12px;
	  font-weight: bold;
	  height: 35px;
	}

.courseMenuTop {
	display: block; 
	position:inherit;
	width: 175px;
	height: 10px;
	background: url(/images/topborder.png);
	}

.courseMenuBottom {
	display: block; 
	position:inherit;
	width: 175px;
	height: 10px;
	background: url(/images/bottomborder.png);
	}	

.copy {
	color: #414242;
	background-color: #FFFFFF;
	padding: 1.5em; 
    font-family: Arial, Helvetica, sans-serif;
	}
	
.copy blockquote{
	display: inherit;
	}

.copy .title{
	font-weight: bold;
	font-size:24px;
    font-family: Arial, Helvetica, sans-serif;
	}	
	
.copy a:link {
	color: #003366;
	text-decoration: none;
	}

.copy a:visited {
	color: #003366;
	text-decoration: none;
}	

.copy a:hover {
	color: #ff5400;
	text-decoration: none;
}	
	
.copy .headline 
	{
	font-size: 12px;
	font-weight: bold;
	float: left;
	text-decoration: none;
	}

.copy .date
	{
	float: right;
	font-size: 12px;
	}

.copy p {
	font-size:12px;
	}

.copy .topic{
	font-weight: bold;
	text-decoration: none;
}
	
.copy ul {
	font-size:12px;
	}
.copy li {
	line-height: 2;
		}
.copy .news_archive_links
	{
	font-weight:normal;
	float: left;
	font-size: 12px;
		}
.copy .news_archive_rss
	{
	float: right;
		}


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: .2em; 
  margin-bottom: 1.5em; ; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.box .headline {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.more {
	float:right;
	color: #003366;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
   font-weight: bold;
   cursor: pointer;
}

.box .date{ 
  color:  #FF6600;
  font-weight: 900; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}
	
.box a:link, a:visited {
	color: #003366;
	text-decoration: none;
	font-weight: 800;
	}

.box a:hover{
	color: #ff5400;
	}

.box .newsletter{
	padding: 5px 0px 2px 0px;
	text-align: left;
	font-family: Verdana;
	color: #004e73;
	line-height: 1.4;
	}
	
.box .email{
	font-size: 12px;
	text-align: left;
	font-family: Verdana;
	color: #414242;
	}
	
input.email  { width: 235px; margin:0.5em 0.5em 0.5em 0; }
input.email { border:1px solid #bbb; background:#f6f6f6; padding:5px; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


.rss_feed_subscription {
	background: url(/images/feed-icon-16x16.png) no-repeat right;
	height: 16px;
	width:16px;
	cursor: pointer;
}

.front_page_classes {
	padding-bottom:10px;
}

.front_page_news {

	padding-bottom:10px;
}

.news_archive {
	width:100%;
}

.news_archive_rss {
	float:right;
	text-align:right;
}

.news_archive_links {
	float:left;
	text-align:left;
}


.upcomingClasses {
	background: transparent url(/images/upcomingClasses.png) no-repeat;
	width: 264px;
	height: 26px;
	margin-bottom: 10px;
	}
	
.newsAndEvents {
	background: transparent url(/images/newsAndEvents.png) no-repeat;
	width: 264px;
	height: 26px;
	padding: 5px 242px;
	}
	
.otaNewsletter {
	background: transparent url(/images/otaNewsletter.png) no-repeat;
	width: 264px;
	height: 26px;
	}
	
.contact{
	float: left;
	padding-left: 10px;
	padding-bottom: 15px;
	font-size: 12px;
	width: 130px;
	}
	
.contact .title{
	font-size: 12px;
	color: #003399;
	font-weight: bold;
}

.instructors{
	display: -moz-inline-block;
	display: inline-block;
	width: 600px;
	height: 190px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: justify;
	}

.instructors img{
	padding: 0px 10px 0px 0px ;
	}

.instructors .title{
	font-size: 16px;
	font-weight: bold;
}

/*Verticals*/

.verticals img{
	padding:  0 10px 0 0;
	border: none;
	}

.news_print img{
	float:right;
	border: none;
	}

/* Fieldsets */
fieldset    { padding: 0 1em 1em 1em; margin: 0 0 0 0; border: 0px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }
input.button            { cursor: pointer; }

input.field  { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.field  { border:1px solid #bbb; background:#f6f6f6; padding:5px; }

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }

form {margin: 0;}

/* IDGA FORM */
.idga input.text, input.title { width: 200px; margin:0.1em 0.1em 0.1em 0; }
.idga input.text, input.title { border:1px solid #bbb; background:#f6f6f6; padding:2px; }
.idga input.text:focus, input.title:focus { border:1px solid #999; background:#fff; }
.idga select { border:1px solid #ccc; background:#f6f6f6; width:200px; }