body {
	background: url(../images/templates/header_bg.jpg) repeat-x left top;
	margin:0;
	padding:0;}
form {
	margin:0;padding:0;}
.header {
	position: absolute;}
	
.phone {left: 22px;
	top: 22px;}
.phone span {
	display:block;
	float:left;
	background:no-repeat left top;
	padding-left:21px;
	margin-right:21px;
	font: bold 12px/12px Tahoma, Arial, sans-serif;
	color: #630;
	height:13px;
	}
.phone .usa {background-image:url(../images/templates/phone_usa.gif);}
.phone .israel {background-image:url(../images/templates/phone_israel.gif);}

.nav {
	font: normal 11px Tahoma, Arial, sans-serif;
	color: #FFFFFF;
	left: 22px;
	top: 50px;
}
.nav a {
	display: block;
	float: left;
	color: white;
	text-decoration: none;
	padding: 8px;
	border-left: 1px solid #358;
}
.nav a.first {
	padding-left: 0px;
	border: none;
}
.nav a:hover {
	text-decoration: underline;
}
.email {
	font: bold 11px/11px Tahoma, Arial, sans-serif;
	color: #630;
	left: 678px;
	top: 16px;
}

.email img.text {float:left;display:block;margin:1px 2px 0 0;}

.email input.email {
	color: black;
	background: white;
	height: 19px;
	width: 104px;
	border: 1px solid #630;
	font: normal 15px 'arial narrow', Arial, sans-serif;
	padding: 0px 2px;
	display:block;
	float:left;
	}
.email input.submit {
	background: url(../images/templates/email_go2.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	font: bold 12px 'arial narrow', Arial, sans-serif;
	color: white;
	border: none;
	text-align:left;
	width:24px;
	height:21px;
	display:block;
	float:left;
}
.logo {
	left: 664px;
	top: 42px;
}
.logohome {
	left: 660px;
	top: 42px;
}
.main {
	background: url(../images/templates/main_bg.jpg) repeat-y left top;
	margin-top:80px;
}
.column {
	float: left;
	margin: 0px;
	position:relative;
	left: 0px;
	top: 0px;
}
.left {
	width: 662px;
	font: normal 14px cambria, 'hoefler text', georgia, 'Times New Roman', Times, serif;
	padding-bottom: 12px;
	position:relative;
}
.left .articlephoto {
	position: absolute;
	left: 20px;
	top: 0px;
	display:block;
}
.left div.content {
	margin: 0px 0px 0px 117px;
}
.left div.content h1 {
	font: bold 28px/27px cambria, 'hoefler text', georgia, 'Times New Roman', Times, serif;
	color: #016;
	margin: 24px 20px 15px 13px;
	letter-spacing:-1px;
}
.left div.content h1.inside {height:80px;}

.left div.content div.coursenav {
	border-bottom:1px solid #64300A;
	height:15px;
	padding:0 0 7px 12px;
	margin:0 8px 9px 0;
	}
* html .left div.content div.coursenav {padding-bottom:0px;}  /* For IE<7 */

.left div.content div.coursenav a {
	color:#64300A;
	text-decoration:none;
	padding:5px 9px;
	margin:0 3px 0 0;
	display:block;
	float:left;
	font:normal 11px tahoma,sans-serif;}
.left div.content div.coursenav a:hover {text-decoration:underline;}
.left div.content div.coursenav a.on {color:#C9E597;background-color:#64300a;font-weight:bold;}

.left div.content div.bodycopy {
	font: normal 14px corbel, verdana, sans-serif;
	color: black;
	width: 495px;
	padding: 0 0 0 13px;
	min-height:250px;
}
* html .left div.content div.bodycopy {height:250px;} /* For IE<7 */

.left div.content div.bodycopy p {
	margin:0 0 12px 0;
	}

.left div.content div.bodycopy img {
	float:right;
	padding:1px;
	background-color:white;
	border:1px solid #C9E597;
	margin:3px 0px 3px 5px;
}
.left div.content div.bodycopy img.imgleft {
	float:left;
	margin:3px 10px 3px 0px;
}
.left div.content div.bodycopy a.readmore {
	text-decoration: none;
	background: #62310D url(../images/templates/bodycopy_readmore.gif) no-repeat left top;
	display: block;
	height: 19px;
	width: 80px;
	color: white;
	letter-spacing: 0px;
	font: 12px "arial black", impact, sans-serif;
	padding-top: 2px;
	padding-left: 5px;
	margin:0px;
}

.newsevents {
	height: 152px;
	margin-bottom: 12px;
	margin-top: 20px;
}
.newsevents .news {
	background: url(../images/templates/newsevents_newsBG.gif);
	padding: 0px;
	height: 152px;
	width: 256px;
	margin-right: 12px;
	float: left;
}
.newsevents .news p {font-weight:bold;}

.newsevents .events {
	margin: 0px;
	padding: 0px;
	height: 152px;
	width: 256px;
	background: url(../images/templates/newsevents_eventsBG.gif) no-repeat left top;
	float: left;
}
.newsevents .banner {
	display: block;
	margin: 10px 0px 0px 10px;
}
.newsevents p {
	font: 11px/normal Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 11px 0px 0px 11px;
	width: 144px;
}
.newsevents .pastarticles {
	color: #FFFFFF;
	text-decoration: none;
	background: #303 url(../images/templates/newsevents_pastarticles.gif) no-repeat left top;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	height: 17px;
	width: 80px;
	padding-top: 3px;
	padding-left: 4px;
	margin-left: 8px;
	margin-top: 7px;
}

.clear {
	clear:both;
	font:1px/1px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	height:1px;
	}
.right {
	margin: 97px 0px 0px 24px;
	font: 17px/17px cambria, 'hoefler text', georgia, 'Times New Roman', Times, serif;
	width: 183px;
	color: #FFFFFF;
	}
.homecolumn {
	width: 249px;
	margin: 149px 0px 0px 6px;
	}
.right h3 {
	color:#630;
	font:bold 10px tahoma;
	height:auto;
	margin:3px 0px 1px;
	padding:0px 0px 1px 6px;
	background-color:#eec;
	}
.homecolumn h3 {padding-left:20px;}	
	
.right .offering {
	position: relative;
	border-top: 1px solid #FFFFFF;
	height:29px;
	padding-top:5px;
}

.homecolumn .offering {
	height:40px;
	padding:6px 0px 0px 19px;
}

/*
BG colors and gradient images for course offerings on the homepage.
When integrating into EE, spec that gradient images only appear on the homepage by changing format to: 
.right .red {background:#b00 {if segment_1 == ""} url(../images/templates/offerings/red.gif) repeat-x left top {/if} ;}
Then all the ".homecolumn .red" rules will be unnecessary.
 */
 
.right .red    {background:#b00;}
.right .teal   {background:#068;}
.right .green  {background:#290;}
.right .blue   {background:#309;}
.right .purple {background:#605;}
.right .orange {background:#d60;}
.right .pink   {background:#c15;}

.homecolumn .red    {background:#b00 url(../images/templates/offerings/red.gif)    repeat-x left top;}
.homecolumn .teal   {background:#068 url(../images/templates/offerings/teal.gif)   repeat-x left top;}
.homecolumn .green  {background:#290 url(../images/templates/offerings/green.gif)  repeat-x left top;}
.homecolumn .blue   {background:#309 url(../images/templates/offerings/blue.gif)   repeat-x left top;}
.homecolumn .purple {background:#605 url(../images/templates/offerings/purple.gif) repeat-x left top;}
.homecolumn .orange {background:#d60 url(../images/templates/offerings/orange.gif) repeat-x left top;}
.homecolumn .pink   {background:#c15 url(../images/templates/offerings/pink.gif)   repeat-x left top;}

.right a.title {
	font:bold 11px/8px tahoma,sans-serif;
	color:white;
	text-decoration:none;
	padding:0 0 0 7px;
	display:block;}
.right a.title:hover {text-decoration:underline;}

.homecolumn a.title {
	font:bold 16px/17px cambria, 'hoefler text', georgia, 'Times New Roman', Times, serif;
	padding:0px;
	width:145px;}

.right a.link {
	font: normal 9px Tahoma, Arial, sans-serif;
	color: #ccc;
	padding-left:7px;
	text-decoration:none;
	background: url(../images/templates/offerings/bullet.gif) no-repeat left 5px;
	margin-left:7px;
}
.homecolumn a.link {
	position: absolute;
	left:175px;
	font: normal 10px Tahoma, Arial, sans-serif;
	color: #d8d8d8;
	background:no-repeat left 1px;
	padding-left:14px;
	text-decoration:none;
	margin:0px;
}
.right a.link:hover {text-decoration:underline;}
.homecolumn a.details  {top:2px;background-image:url(../images/templates/link_details.gif);}
.homecolumn a.schedule {top:17px;background-image:url(../images/templates/link_schedule.gif);}
.homecolumn a.contact  {top:31px;background-image:url(../images/templates/link_contact.gif);}


.footer {
	background: #031252 url(../images/templates/footer_bg.gif) repeat-x;
	position: relative;
}
.footer p {
	font: 10px/13px Tahoma, Arial, sans-serif;
	color: white;
	margin: 0px 0px 0px 22px;
	padding: 7px 0px;
	position: relative;
	width: 610px;
}
.footer p.mtm {color:#77c;font-size:9px;}
.footer p.mtm a {color:#77c;background:url(/images/uploads/mtm.gif) no-repeat left top;padding-left:31px;}

.footer a.microsoft {
	position: absolute;
	color: white;
	top: 6px;
	left: 687px;
}
.footer a.touro {
	position: absolute;
	left: 859px;
	top: 7px;
}
h2 {
	font:bold 24px corbel, verdana, sans-serif;
	color: black;
	margin: 35px 0px 5px;
	padding: 0px;
}
h3 {
	font:normal 21px corbel, verdana, sans-serif;
	color: #903;
	margin: 25px 0px 5px;
	padding: 0px;
}
h4 {
	font:italic bold 18px corbel, verdana, sans-serif;
	color: #903;
	margin: 25px 0px 5px;
	padding: 0px;
}
h5 {
	font:bold 15px corbel, verdana, sans-serif;
	color: #0084a5;
	margin: 20px 0px 0px;
	padding: 0px;
}
h6 {
	font:normal 13px Tahoma, arial, sans-serif;
	color: #0084a5;
	margin: -10px 0 0 0;
	padding: 0px;
}