/* Mesa Website */

body 
{
	background: #ededed;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
img { border: 0; /* removes border in case images have anchor around them */ }

/* LINKS */
A { COLOR: #747474; TEXT-DECORATION: underline;}

A:active { COLOR: #747474;}
A:hover { COLOR: #4481a2;}

LI {list-style: circle outside; } 

#container { margin: 0 auto; padding: 0; width: 740px; text-align: left;  position: relative; border-width:20px 20px 20px 20px; border-color: #ffffff; border-style: solid; background: #FFFFFF;}

/* Header
-----------------------------------------------------------------------------*/
#header { height: 132px; width: 740px; background: #FFFFFF url('../images/headerBG.jpg') no-repeat; font:bold 12px 'verdana',tahoma,sans-serif; line-height:12px; color: #FFFFFF; text-align: left;}


/* Navigation */

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 12px 0 10px 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 740px;
	height: 28px;
	background: #FFFFFF url(../images/nav_over.gif) no-repeat;
}


/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 28px;
	background: url(../images/nav.gif) no-repeat;
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(../images/nav_over.gif);
}	
	
/*</group>*/

/*<group=level 1 ids>*/

li#home a {
	width: 72px;
 }

li#about a {
	width: 99px;
}

li#about a:link,
li#about a:visited,
li#about a:hover {
	background-position: -72px 0px;
}

li#careers a {
	width: 108px;
}

li#careers a:link,
li#careers a:visited,
li#careers a:hover {	
	background-position: -170px 0px;
}


li#educators a {
	width: 163px;
}

li#educators a:link, 
li#educators a:visited, 
li#educators a:hover {	
	background-position: -277px 0px;
}

li#partners a {
	width: 114px;
}

li#partners a:link, 
li#partners a:visited, 
li#partners a:hover {	
	background-position: -439px 0px;
}

li#register a {
	width: 104px;
}

li#register a:link,
li#register a:visited, 
li#register a:hover {	
	background-position: -548px 0px;
}

	
/*</group>*/

/*<group=level 2>*/


#navigation li ul {	
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0px;
	width: 300px;
	margin: 0;
}

#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
}

#navigation li#extra ul {
	background: none;
	height: 21px;
	margin-left: 191px;
}

#navigation li#products ul {
	background: none;
	height: 21px;
	margin-left: 37px;
}

* html #navigation li#extra ul {
	margin-left: 233px;
}

* html #navigation li#products ul {
	margin-left: 79px;
}

/*</group>*/

/*<group=level 2 ids>*/

ul#navigation li#extra ul li#icons a:link, 
ul#navigation li#extra ul li#icons a:visited {
	width: 36px;
	height: 21px;
	background: url(subnavigation_extra.gif) no-repeat 0px 0px;
}

ul#navigation li#extra ul li#icons a:hover {
	width: 36px;
	height: 21px;
	background: url(subnavigation_extra.gif) no-repeat 0px -21px;
}

ul#navigation li#extra ul li#desktops a:link,
ul#navigation li#extra ul li#desktops a:visited {
	width: 54px;
	height: 21px;
	background: url(subnavigation_extra.gif) no-repeat -36px 0px;
}

ul#navigation li#extra ul li#desktops a:hover {
	width: 54px;
	height: 21px;
	background: url(subnavigation_extra.gif) no-repeat -36px -21px;
}


	
/*Main pic*/
#mainPic { height: 200px; width: 740px; background: #FFFFFF url('../images/ChallengerStudentsLow.jpg') no-repeat; margin: 0 0 15px 0;}

/* Previous events css
#eventsBox {
	width: 236px;
	float: right;
	} 
	
#eventsBoxMiddle {
	width: 206px;
	background: #000000;
	padding: 10px 15px 10px 15px;
	background: url('../images/eventsMiddle.gif') bottom center repeat-y;
	font:12px 'verdana',tahoma,sans-serif; color: #FFFFFF; text-align: left;
	} */

#contactBox {
	width: 302px;
	float: right;
	} 
	
#contactBoxMiddle {
	width: 272px;
	background: #000000;
	padding: 5px 15px 10px 15px;
	background: url('../images/eventsMiddle.gif') bottom center repeat-y;
	font:12px 'verdana',tahoma,sans-serif; color: #FFFFFF; text-align: left;
	}
	
#subnavBox {
	width: 236px;
	float: left;
	} 
	
#subnavBoxMiddle {
	width: 211px;
	background: #000000;
	padding: 10px 10px 10px 15px;
	background: url('../images/subnavMiddle.gif') bottom center repeat-y;
	font:12px 'verdana',tahoma,sans-serif; color: #FFFFFF; text-align: left;
	}

.subnavTitle { font:bold 13px 'verdana',tahoma,sans-serif; color: #3394d1;}
a.subnavTitle {font:bold 13px 'verdana',tahoma,sans-serif; color: #3394d1; text-align: left; text-decoration: underline;}
a:hover.subnavTitle {color: #FFFFFF; text-decoration:underline;}		

.subnavText { font:12px 'verdana',tahoma,sans-serif; color: #FFFFFF; text-align: left;}
a.subnavText {font:12px 'verdana',tahoma,sans-serif; color: #FFFFFF; text-align: left; text-decoration: underline;}
a:hover.subnavText {color: #3394d1; text-decoration:underline;}		
	
#mainContent {
	width: 485px;
	float: right;
	padding: 0 0 0 0;
	font:12px 'verdana',tahoma,sans-serif; color: #191919; text-align: left;
	}
	
#mainContentLeft {
	width: 350px;
	float: left;
	padding: 0 0 0 0;
	font:12px 'verdana',tahoma,sans-serif; color: #191919; text-align: left;
	}

#mainContentRight {
	width: 350px;
	float: right;
	font:12px 'verdana',tahoma,sans-serif;
	color: #191919;
	text-align: left;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
	
.titleText { font:bold 13px 'verdana',tahoma,sans-serif; color: #005380;}
.contactText { font:bold 13px 'verdana',tahoma,sans-serif; color: #3394d1;}

h1 { font:bold 16px 'verdana',tahoma,sans-serif; color: #005380; margin-top:5px; margin-bottom:5px;}
h2 { font:bold 13px 'verdana',tahoma,sans-serif; color: #005380; margin-top:5px; margin-bottom:5px;}

#newsBox {
	width: 417px;
	background: url('../images/newsMiddleBG.gif') no-repeat;
	float: left;
	}
	
#news {
	padding: 10px 15px 10px 15px;
	font:12px 'verdana',tahoma,sans-serif; color: #191919; text-align: left;
}
	
#newsMore {
	font:12px 'verdana',tahoma,sans-serif; color: #747474; text-align: left;
	float: left;
	padding: 0 0 0 284px;
	}
	
#testimonialsBox {
	width: 740px;
	height: 93px;
	background: url('../images/testimonialsBoxBG.gif') bottom center repeat-x;
	float: left;
	}
	
#testimonial {
	width: 480px;
	padding: 20px 15px 10px 20px;
	font:12px 'verdana',tahoma,sans-serif; color: #191919; text-align: left;
	float: left;
	}
	
.img_right {
	float: right;
	margin-left: 20px;
	margin-top: -15px;
	}	
	
#testimonialMore {
	width: 140px;
	padding: 60px 70px 10px 15px;
	font:12px 'verdana',tahoma,sans-serif; color: #747474; text-align: left;
	float: left;
	}
	
.testimonialText { font-family: Verdana; font-size: 12px; color: #747474;}
a.testimonialText {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #747474; text-decoration: none;}
a:hover.testimonialText {color: #4481a2; text-decoration: none;}

/* Contact Form
----------------------*/
form {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #ffffff;
  border-width: 0 0 0 0;
  /*border-style: none none none none; */
  /*padding: 10px; */
  margin: 0 0 0 0;
}

form div {
  clear: left;
  display: block;
  width: 260px;
  zoom: 1;
  margin: 5px 0 0 0;
  /*padding: 1px 3px; */
}

input.textbox{ font:100% Verdana,sans-serif;padding:5px 5px 5px 5px;line-height:1em;background:#fdfcfb url(../images/form-back.gif) repeat-x;border:1px solid #999;color:#333;margin-bottom:5px; width: 150px;}

.textbox{ font:100% Verdana,sans-serif;padding:5px 5px 5px 5px;line-height:1em;background:#fdfcfb url(../images/form-back.gif) repeat-x;border:1px solid #999;color:#333;margin-bottom:5px; width: 150px;}

.textareabox{ font:100% Verdana,sans-serif;padding:5px 5px 5px 5px;line-height:1.5em;background:#fdfcfb url(../images/form-back.gif) repeat-x;border:1px solid #999;color:#333;margin-bottom:5px; width: 150px;}

form div label {
  display: block;
  float: left;
  width: 85px;
  padding: 3px 5px 0 0;
  margin: 0 0 0 0;
  text-align: right;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div select, form div textarea {
  width: 150px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div select.selectOne {
  width: 163px;
  padding: 1px 3px;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 150px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 150px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 190px;
  zoom: 1;
  padding: 4px 0 0 18px;
  text-indent: -18px;
  line-height: 120%;
}

form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0;
}

form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0 0;
  text-indent: 0;
  margin: 0 0 0 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  cursor:pointer;
  border:outset 1px #ccc;
  background:#999;
  color:#222;
  font-weight:bold;
  padding: 1px 2px;
  background:url(../images/formsubmitbg.gif) repeat-x left top;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 8px 0 5px;
}

/* Contact Form End
----------------------*/

#footerBottom { margin: 0 auto; padding: 0; width: 780px; height: 20px; text-align: left;  background: url(../images/footerBottom.gif) no-repeat;}

.footerText { font-family: Verdana; font-size: 10px; color: #4d4d4d; text-align: center; padding: 15px 0 15px 0;}
a.footerText {font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #4d4d4d; text-decoration: none;}
a:hover.footerText {color: #4481a2; text-decoration:underline;}