@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding:0;
}
html, body {
	height: 100%;
	background-image:url(images/bodystripe.gif);
	background-repeat:repeat;
	position:relative;
}

.orangebar_large{
	background-image:url(images/orangegradient.jpg);
	background-repeat:repeat-x;
	height:284px;
	width:100%;
	z-index:0;
	position:relative;
	top:121px;
	margin:auto;
}

.header{
	width:100%;
	height:122px;
	margin:auto;
	background-image:url(images/headergradient.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
}
.wrapper {
	width:960px;
	min-height: 600px;
	height: auto !important;
	height: 100%;
	margin: 0px auto -115px; /* the bottom margin is the negative value of the footer's height */
	z-index:1;
	position:relative;
	top:-115px;
	background-image:url(images/wrappergradient.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #dfdddd;
	border-left: 1px double #d0d0d0;
	border-right:1px solid #d0d0d0;
}

.clear { 
clear: both;}


.push {
	min-height:115px; /* .push must be the same height as .footer */
	clear:both;
	width:100%;
}
.footer {
	height: 115px; /* .push must be the same height as .footer */
	clear:both;
	background-image:url(images/orangefooterbar.png);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
}

.wrapper_index {
	width:960px;
	height: 400px;
	margin: 0px auto -5px; /* the bottom margin is the negative value of the footer's height */
	z-index:1;
	position:relative;
	top:168px;
	background-image:url(images/wrappergradient.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #dfdddd;
	border-left: 1px double #d0d0d0;
	border-right:1px solid #d0d0d0;
	}

.footer_index {
	height:15px; /* .push must be the same height as .footer */
	background-image:url(images/orangefooterbar.png);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	top:173px;
	position:relative;
	margin-bottom:100px;
}

.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666464;
	text-align:center;
	margin:auto;
}

.copyright a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666464;
	text-align:center;
	margin:auto;
	text-decoration:none;
}

.formtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#282828;
	text-decoration:none;
}

.course {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#282828;
}

.coursedetail {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#282828;
	text-decoration:none;
}

.topnav{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	color:#919191;
	padding-right:2px;
}

.topnav a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:12px;
	color:#919191;
	text-decoration:none;
}

.topnavbold{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	color:#919191;
	padding-right:2px;
}

.topnavbold a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	color:#919191;
	padding-right:2px;
	text-decoration:none;
}

.mainnavcontainer_index{
	width:960px;
	height:45px;
	margin-bottom:0px;
	padding-bottom:0px;
	top:405px;
	position:absolute;
	z-index:10;
	border-left:1px solid #7a0502;
	border-right:1px solid #7a0502;
	border-bottom:1px solid #7a0502;
	background-image:url(images/rednavgradient.jpg);
	background-repeat:repeat-x;
}

.oshacontainer {
	width: 211px;
	min-height: 430px;
	float:left;
	z-index:100;
	background-image:url(images/oshascreen.png);
	background-repeat:repeat;
	position:absolute;
	margin-left:10px;
	margin-top:0px;
	top:388px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	text-align:center;
	color:#282828;
}
	
.oshatable{
	width:100%;
	height:430px;
	min-height:430px;
	margin:auto;
	background-color:#f9f9f9;
	vertical-align:top;
}
	
.oshacontainer a{
	text-decoration:none;
	color:#282828;
	text-align:center;
	}
	
.oshacontainer td{
	text-decoration:none;
	color:#282828;
	text-align:center;
	background-image:url(images/sep_horizontal.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-top:5px;
	padding-bottom:5px;
	}

.mainnavcontainer{
	width:960px;
	height:45px;
	margin:auto;
	z-index:10;
	border-left:1px solid #7a0502;
	border-right:1px solid #7a0502;
	border-bottom:1px solid #7a0502;
	background-image:url(images/rednavgradient.jpg);
	background-repeat:repeat-x;
}

.mainnav {font-family: Arial, Helvetica, sans-serif; position:relative;margin:0px; padding:0px; outline:none;background-image:url(images/sep_vertical.png); background-repeat:repeat-y;background-position:right; }
.mainnav ul li a, .mainnav ul li a:visited {display:block; height:48px;text-decoration:none; color:#fff; text-align:center; vertical-align:middle;font-size:18px; line-height:18px;font-weight: normal; outline:none; /*height effects grabbing flyout*/}
.mainnav ul {padding:0;margin:0;list-style-type: none; outline:none;}
.mainnav ul li {float:left;margin-right:0px;position:relative; padding-top:3px; outline:none; width:100%;}/*top padding centers text vertically in main buttons*/
.mainnav ul li ul {display:none;padding-top:2px;line-height:30px; outline:none;}
.mainnav ul li ul li {border-bottom: 1px solid #c9c4c7; height:40px; width:100%; outline:none;} /*border color and width and height of drop down items*/
.mainnav ul li:hover a {color:#dad1cd;text-decoration: none;background-image:url('images/trans.gif'); outline:none;}
.mainnav ul li:hover ul {display:block;position:absolute;top:45px;left:0px; width:100%; background:#aa1612;outline:none;}
.mainnav ul li:hover ul li a.hide {color:#fff;font-size: 11px;font-weight: normal; outline:none;}
.mainnav ul li:hover ul li:hover a.hide {font-size: 14px;text-decoration: none; outline:none;}
.mainnav ul li:hover ul li ul {display: none;text-decoration:none; outline:none;}
.mainnav ul li:hover ul li a {display:block; color:#fff;font-size: 11px; line-height:13px;font-weight: normal;text-decoration:none; outline:none;}
.mainnav ul li:hover ul li a:hover {font-size: 11px;color:#ccc;font-weight: normal;text-decoration: none; outline:none;}
.mainpnav ul li:hover ul li:hover ul {display:block; width:100%;position:absolute;top:14px;left:0px;color:#ffffff;font-size: 11px;font-weight: normal;text-decoration:none; outline:none;}
.mainnav ul li:hover ul li:hover ul li a {display:block;color:#ffffff;font-size: 11px;font-weight: normal;text-decoration:none; outline:none;}
.mainnav ul li:hover ul li:hover ul li a:hover {color:#000000;font-size: 12px;font-weight: normal;text-decoration: none; outline:none;}

p {
color:#262626;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px; 
line-height: 20px; 
font-weight: normal; 
font-style: normal;
text-align:justify;
width:425px;
}
.oomph {
color:#262626;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px; 
line-height: 20px; 
font-weight: bold; 
font-style: normal;
}

p a {
color:#262626;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px; 
line-height: 20px; 
font-weight: normal; 
font-style: normal;
}

strong{
color:#262626;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px; 
line-height: 15px; 
font-weight: bold; 
font-style: normal;
}

.classroomindex {
color:#262626;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
line-height: 15px; 
font-weight: normal; 
font-style: normal;
}
.emphasis {
color:#282828;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 19px; 
font-weight: bold;
text-align:left;
}
.emphasis a {
color:#282828;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 19px; 
font-weight: bold;
text-align:left;
}

.paragraphintro {
	color:#282828;
	width:300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px; 
line-height: 20px; 
font-weight: normal; 
font-style: normal;
text-align:justify;
padding-right:10px;
}

h1 {/*page headlines*/
font-family:Arial, Helvetica, sans-serif;
	color:#282828;
	font-size: 32px; 
	line-height: 36px; 
	font-weight: bold;
	letter-spacing:-1px;
	text-align:left;
}

h2 {/*testimonials home page only*/
font-family:Arial, Helvetica, sans-serif;
color: #282828;
font-size: 36px; 
line-height: 32px;
letter-spacing:-1px;
font-weight: bold;
width:500px;
margin-top:30px;
vertical-align:middle;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#282828;
	font-size: 18px; 
	line-height: 24px; 
	font-weight: bold;
	font-style:italic;
	letter-spacing:-1px;
	text-align:left;
}

h3 a{
	font-family:Arial, Helvetica, sans-serif;
	color: #C33;
	font-size: 18px; 
	line-height: 24px; 
	font-weight: bold;
	font-style:italic;
	letter-spacing:-1px;
	text-align:left;
	text-decoration:none;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#282828;
	font-size: 18px; 
	line-height: 16px; 
	font-weight: bold;
	font-style:normal;
	letter-spacing:-1px;
	text-align:left;
	margin-bottom:5px;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	color:#282828;
	font-size: 24px; 
	line-height: 22px; 
	font-weight: bold;
	font-style:normal;
	letter-spacing:-1px;
	text-align:left;
	margin-bottom:5px;
}


.bodyEmphasis {
	color: #000000;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
}

.photo {
	border:1px solid #ececec;
	padding:5px;
	background-color:#FFF;
	-moz-box-shadow: 0 0 4px gray;
	-webkit-box-shadow: 0 0 4px gray;
	box-shadow: 0px 4px 4px #818181;
	filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#b3b4b4,direction=0,strength=4)/*top*/
        progid:DXImageTransform.Microsoft.Shadow(color=#b3b4b4,direction=90,strength=4)/*right*/
        progid:DXImageTransform.Microsoft.Shadow(color=#b3b4b4,direction=180,strength=4)/*bottom*/
        progid:DXImageTransform.Microsoft.Shadow(color=#b3b4b4,direction=270,strength=4)/*left*/;
}

.photocaption{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	font-style:italic;
	font-weight:normal;
	text-align:left;
}

.index_crane {
	position:absolute;
	bottom:-70px;
	right:-130px;
	z-index:50;
}

/*speech bubbles for testimonials*/
/* Bubble with an isoceles triangle
------------------------------------------ */

.triangle-isosceles {
	width:90%;
	position:relative;
	top:8px;
	margin-top:0px;
	padding:15px;
	margin:auto;
	color:#000;
	background-image:url(images/testimonialgradient.jpg);
	background-repeat:repeat-x;
	background-color:#fa7917;
	background-position:top;
	font-family:Arial, Helvetica, sans-serif;
	color:#282828;
	font-size: 14px; 
	line-height: 18px; 
	font-weight: normal;
	font-style:italic;
	text-align:left;
   /* css3 */
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   background:-moz-linear-gradient(top, #f6a83c, #fa7917);
   background:linear-gradient(top, #f6a83c, #fa7917);
}

/* creates triangle */
.triangle-isosceles:after {
	
   content:"\00a0";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   z-index:-1;
   bottom:-30px;
   left:50px;
   width:0;
   height:0;
   border-width:15px 15px;
   border-style:solid;
   border-color:#fa7917 transparent transparent;
}

.testimonial_author {
	margin:10px 0 2px 125px;
	font-style:italic; 
	z-index:50;
	color:#262626;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px; 
line-height: 16px; 
font-weight: normal; 
}
