/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	background-color: #41A2AD;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/*end reset*/
/*golbal styles*/
.pngFix { behavior: url(/iepngfix.htc) !important; }	

#pagecontainer{width:964px; margin:0px auto 20px; position:relative;
 }
#headerbg{background-image:url(images/header-bg.jpg); width:964px; height:137px;}
#logo{ margin:30px 0 40px 28px; width:277px; float:left}


#btngo{width:31px; float:right}

#bodycontainer{width:964px; background-color:#FFF; padding-top:11px; padding-bottom:10px }
#indexcontent{ width:345px; float:right; padding:0px 20px 0px 0px; position:relative}
#insidecontent{width:653px; float:right; padding:0px 32px 0px 59px; position:relative}
.boxcontainer{width:317px; margin-right:2px; margin-left:2px; float:left}
#boxcontainerimg{width:317px; height:122px;  margin-right:1px; margin-left:2px; float:left; background-image:url(images/index-img-box.jpg)}
.boxcontainerimg{padding:75px 0px 8px 20px}
.boxbody{background-image:url(images/box-middle.jpg); padding-left:20px; padding-right:10px; height:91px }
#footerbg{width:964px; float:left; background-image:url(images/footer-bg.jpg); height:30px;
	margin-top:8px; margin-bottom:12px;}
#footerbginside{width:964px; float:left; background-image:url(images/footer-bg-inside.jpg); height:24px;
	 margin-bottom:12px;}
#headerimg{position:absolute; left: 342px; top: 0px;}
#folder{padding-top:1px; padding-right:2px; float:left; width:16px}
#footerspacer{height:10px}
.copyright{font:11px Arial, Helvetica, sans-serif; color:#FFF; margin-top:10px}
.copyright a{font:11px Arial, Helvetica, sans-serif; color:#FFF;  text-decoration:none}
.copyrightfaculty{font:11px Arial, Helvetica, sans-serif; color:#FFF; margin-top:10px; padding-left:23px}
.copyrightfaculty a{font:11px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none}
.boxtxt{font:17px Georgia, "Times New Roman", Times, serif; color:#333333; line-height:16px; }
.boxtxt a{font:17px Georgia, "Times New Roman", Times, serif; color:#333333; text-decoration:none; line-height:16px;   }
.body{color: #525252;
	margin: 0px;
	padding: 0px;
	font: 12px/normal Arial, Helvetica, sans-serif;}
.search{font:11px Arial, Helvetica, sans-serif; color:#666666; height:14px; padding:2px}
.clear{ clear:both}

body {
	color: #525252;
	margin: 0px;
	padding: 0px;
	font: 12px/normal Arial, Helvetica, sans-serif;
}
body a{
	color: #378692;
	margin: 0px;
	padding: 0px;
	font: 12px/normal Arial, Helvetica, sans-serif;
	font-weight: bold
}
.asterisk{color: #CC0000; font-size:16px}
.indexbodysm {
	color: #525252;
	margin: 0px;
	padding: 0px;
	font: 11px/normal Arial, Helvetica, sans-serif;
}
.indexbodysm a{
	color: #378692;
	margin: 0px;
	padding: 0px;
	font: 11px/normal Arial, Helvetica, sans-serif;
}
.bodyred {
	color: #C00;
	margin: 0px;
	padding: 0px;
	font: 12px/normal Arial, Helvetica, sans-serif; font-weight:bold;
}
.bodysm {
	color: #525252;
	margin: 0px;
	padding: 0px;
	font: 11px/normal Arial, Helvetica, sans-serif;
}
.bodysm a{
	color: #525252;
	margin: 0px;
	padding: 0px;
	font: 11px/normal Arial, Helvetica, sans-serif;
	font-weight: bold
}

.faq {
	color: #525252;
	margin: 0px;
	padding-left:14px;
	font: 12px/normal Arial, Helvetica, sans-serif;
}

.caption{	color: #525252;
	margin: 0px;
	padding-left:10px;
	font: 10px/normal Arial, Helvetica, sans-serif;}

h1#homepage{
  display: block;
  font:21px Georgia, "Times New Roman", Times, serif;
  color:#378792;
  font-weight:500;
  padding-bottom:7px;
  padding-top:0
}
h1#faculty{
  display: block;
  font:20px Georgia, "Times New Roman", Times, serif;
  color:#865C96;
  font-weight:600;
  padding:15px 0px 10px 0;

}

h2#homepage {
  color:#333333;
  font:12px Arial, Helvetica, sans-serif;
  padding-bottom:5px;
  font-weight:bold;
  padding-top:0
}
h2#faculty {
  color:#378792;
  font:12px Arial, Helvetica, sans-serif;
  padding-bottom:5px;
  font-weight:bold
}
h1 {
  display: block;
  font:22px "Georgia", Times New Roman, Times, serif;
  color:#378792;
  padding-bottom:7px;

}
h2 {
  display: block;
  font:14px "Georgia", Times New Roman, Times, serif;
  color:#378792;
  padding-bottom:7px;
  font-weight:bold;
  padding-top:10px;
}

h3 {
  display: block;
  font:12px "Georgia", Times New Roman, Times, serif;
  color:#378792;
  padding-bottom:7px;
  padding-top:10px;
  font-weight:bold
}

h4 {
  display: block;
  font-weight: bold;
  margin: 1.33em 0;
}

h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}

h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
}
.bullets li{font:12px Arial, Helvetica, sans-serif; color:#666666; margin-left:35px}
     

/*end golbal*/

 /*nav styles*/
 
#utilitycontainer{padding:22px 70px 0px 0; width:345px; float:right}
#utilitycontainerinside{padding:22px 0px 0px 0; width:426px; float:right}
#utilityinside{float:left; width:270px; font:10px Arial, Helvetica, sans-serif; color:#FFFFFF; padding-top:5px; }
#utility{float:left; width:148px; font:10px Arial, Helvetica, sans-serif; color:#FFFFFF; padding-top:5px; }
.utility li{font:10px Arial, Helvetica, sans-serif; color:#FFFFFF;
	list-style:none;  display:inline; padding-right:16px}
.utility, .utility ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;}
.utility a{text-decoration:none; font:10px Arial, Helvetica, sans-serif; color:#FFFFFF;}

#mainnavcontainer{
	width:520px; 
	float:right; 
	padding-top:42px;
	 position: relative; z-index:100;
	
	}
.mainnav {color:#333333}
#mainnav li a {font:13px Arial, Helvetica, sans-serif; font-weight:bold;
	display: block;
	text-decoration:none;
	
}
#mainnav li a:hover {
	font:13px Arial, Helvetica, sans-serif;
	color:#378792; font-weight:bold;
	
}

#mainnav li { /* all list items */
	float: left;
	padding-right:26px; /* width for main nav items */
	list-style:none;
}

#mainnav li ul { /* second-level lists */
	position:absolute;
	width: 131px;/* width for drop nav items */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-color:#7BC4CC;
	font:11px Arial, Helvetica, sans-serif;
	z-index:5000;	
	border-top: 1px solid #176D93;
	
}
#mainnav li ul li {
	width:131px; /* width for drop nav items */
	padding-right:0px;
} /* second level items */
#mainnav li ul li a {
	padding:5px;
	display:block;
	width:131px;/* width for drop nav items */
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-right:0px;
	border-bottom:1px solid #FFF; position: relative;

}
#mainnav li ul li a:hover {
	width:131px;/* width for drop nav items */
	font:11px Arial, Helvetica, sans-serif;
	color:#176D93; }


#mainnavli ul ul { /* third-and-above-level lists */
	/* set left margin to width of drop nav items */
	font-weight:normal;
}

#mainnavli:hover ul ul, #mainnav li.sfhover ul ul {
	left: -999em;

}

#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto; 
	
}
#subnavcontainer{width:220px; float:left; }
.subnav{ font:13px Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	width:220px; 
	margin-top:0; 
	list-style:none;
	
	 }


.subnav li{ font:13px Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	background-color:#41A2AD; border-bottom:1px #FFF solid;
	list-style:none;
	margin:0; 
	padding:0;
	padding-top:13px;
	padding-bottom:10px
}

.subnav a{ font:13px Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	text-decoration:none;  
	background-color:#41A2AD; 
	list-style:none;
	padding-left:15px;
	margin-top:13px;
	margin-left:20px
	}

.subnav a:hover{ font:13px Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	text-decoration:none;  
	list-style:none;
	margin:0;
	background-image:url(images/subnav-arrow.gif); background-position:left; background-repeat:no-repeat;
	margin-top:13px;
	margin-left:20px
}
.subnav li ul li{ padding:6px 0 0 10px; margin:0;
	line-height:18px}


.thirdlevel{ font:11px Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	background-color:#41A2AD; 
	width:220px;
	list-style:none;
	 }
	 
.thirdlevel li{ font:11px Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	background-color:#41A2AD; 
	list-style:none;
	border-bottom:0;
	line-height:25px;
	}

.thirdlevel a{ font:11px Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	text-decoration:none;  
	background-color:#41A2AD; 
	list-style:none;
 }

.thirdlevel a:hover{ font:11px Arial, Helvetica, sans-serif; 
	color:#BEE2E7; 
	text-decoration:none;  
	list-style:none;
	margin:0;
	background-image:none; 
	padding-left:35px
	
	
}


#footer{font:11px Arial, Helvetica, sans-serif; color:#FFF; text-align:center; width:964px; float:left}
.footer li{font:11px Arial, Helvetica, sans-serif; color:#FFFFFF;
	list-style:none;  display:inline; padding-right:22px}
.footer a {font:11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none}

#mainNav_1{display:none;}
 
 /*end nav*/
.formleft{ width:295px; float:left}
.formleft2{ width:650px; float:left}
.formright{width:355px; float:left}
.form{	color: #525252;
	margin: 0px;
	padding-bottom:8px;
	padding-top:12px;
	font: 12px/normal Arial, Helvetica, sans-serif;}
.indent{
	color: #525252;
	margin: 0px;
	padding-left:14px;
	
	font: 12px/normal Arial, Helvetica, sans-serif;
}
.rbChoice input { margin-left: 10px; }
.rbChoice td { padding-left: 10px; }
.indentOther{
	color: #525252;
	margin: 20px;
	padding-left:14px;
	font: 12px/normal Arial, Helvetica, sans-serif;
}
.line{float:left; padding:10px 0; margin:0}
.container{float:left; width:100%}
#facultyformbody{ width:800px; background-color:#FFF; margin:10px 0 10px 10px; padding:5px 20px 20px 20px }
#facultyformnav{ width:840px; margin:10px 0 0px 10px; padding:10px 0px 20px 0px; color:#FFF}
.facultyformnav li, .facultyformnav li a {font:11px Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; color:#FFFFFF; text-decoration:none; display:inline; padding-left:10px}
.facultyformnav li a:hover{color:#C4E2E6}
#facultynav{float:right; width:600px; text-align:right}
#productsform{ width:599px; background-color:#EAF5F7; padding:12px 0px 21px 44px; margin-top:16px}
.productform{ width:295px; float:left;}
#productdetails{ width:594px; background-color:#EAF5F7; padding:12px 21px 21px 28px; margin-top:16px}
.mentorsearch{ width:295px; float:left; margin-right:35px}
.submit {background-color:#666666; font:12px Arial, Helvetica, sans-serif; color:#FFF; border:0; padding:5px}
.reset { background-color:#AAAAAA; font:12px Arial, Helvetica, sans-serif; color:#FFF; border:0; padding:5px}
.browsecolor {width:599px; background-color:#EAF5F7; padding:12px 17px 14px 17px; margin-bottom:10px;}
.browsewhite {width:599px;  padding:10px 17px 10px 17px; margin-bottom:10px}
.browsecolormentor {width:728px; background-color:#EAF5F7; padding:12px 17px 14px 17px; margin-bottom:10px;}
.browsewhitementor {width:728px;  padding:10px 17px 10px 17px; margin-bottom:10px}
.browsetitles{font:12px Arial, Helvetica, sans-serif; color:#525252; font-weight:bold; width:135px; float:left; }
.browseinfo{ width:445px; float:left}
#back{ float:right;  width:150px; margin-top:8px; color: #378692; font-size:11px}
#back a{ color: #378692; font-size:11px}
.pagetitle1{width:425px; float:left; color: #378692; font-size:11px}
.pagetitle1 a{color: #378692; font-size:11px; font-weight:bold}
.pagetitle2{ width:400px; float:right; text-align:right; font-size:11px; margin:0; padding:0}
.pagetop{ width:150px; float:right; text-align:right; font-size:11px; padding-right:40px; position:relative}
.browsefooter{ font:11px Arial, Helvetica, sans-serif; color: #378692;}
.browsefooter a{ font:11px Arial, Helvetica, sans-serif; font-weight:bold; color: #378692;}
.folder{ padding-left:10px; }
#returnsearch{ float:right;  width:180px; margin-top:8px; color: #378692; font-size:11px}
#returnsearch a{ color: #378692; font-size:11px}
#downloadback{ float:right;  width:195px; margin-top:8px; color: #378692; font-size:11px}
#downloadback a{ color: #378692; font-size:11px}

#slideshow {
    position:relative;
    height:262px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.dataList{ width:30%; margin-right:8px}


.bold{ font-weight:bold}

 /*mentor styles*/
.mentortitles{font:12px Arial, Helvetica, sans-serif; color:#525252; font-weight:bold; width:142px; float:left; padding-bottom:10px }
.mentortitles2{font:12px Arial, Helvetica, sans-serif; color:#525252; font-weight:bold; width:100px; float:left; padding-bottom:10px }
.mentorinfo{width:180px; float:left; padding-bottom:10px}
.mentorinfo2{width:460px; float:left; padding-bottom:10px}
.email{float:left; width:625px}
.mentor{ width:600px; float:left}
.viewfull{ padding-top:10px}
/*end mentor*/

/*Added by Chad - 6/12*/
.gridView{
	/*margin:5px auto 0px;*/
	text-align: left;
	border: solid 1px #FFFFFF;
	width: 750px;
	clear:both;
}
.gridViewNameStyle, .gridViewIconStyle, .gridViewProductIDStyle
{
	vertical-align:top;
	padding:3px 0px;
	border-style:none;
}
.gridViewAltRowStyle, .gridViewAltRowStyle a{vertical-align:text-top; background-color:#e6efff; color:#666; font-size:9pt;}
.gridViewNameStyle{width:auto; vertical-align:top;}
.gridViewIconStyle, .gridViewIconStyle input{width:16px;padding-left:4px;padding-right:4px;margin-left:auto;margin-right:auto;}
.gridViewProductIDStyle{width:80px;vertical-align:top;}

.errormessage{font-size:9pt;background:#c00;color:#fff;}
.displaymessage{font-weight:700; font-size:9pt;color:#00c;} 
/*.star{ background:#c00 url(/images/bg_alert.png) no-repeat 10px center; padding:10px 10px 10px 40px; display:block; color:#fff; }*/
.star{font-size:14pt;font-weight:bold;}


.labelAnswer{color:#6A4877;font-weight:bold;}
.tableAnswer td
{
 border:thin #CCC solid; padding:3px
}
.tableAnswer{width:750px; }
.peerReviewquestion{ width:730px}
.peerReviewanswer{ width:20px; text-align:center; vertical-align:middle}
#displaymessage{color:#525252; text-align:left}

.gridViewFrontEnd{
	/*margin:5px auto 0px;*/
	text-align: left;
	border: solid 1px #FFFFFF;
	clear:both;
}
.gridViewFrontEndAltRowStyle, .gridViewFrontEndAltRowStyle a{vertical-align:text-top; background-color:#EAF5F7;}
.gridViewFrontEndNameStyle{width:auto; vertical-align:top;}
.gridViewFrontEndHeaderStyle{font-weight:bold;}
.gridViewFrontEndPagerStyle td {padding:0 3px; text-align:right}
.gridViewFrontEndPagerStyle td table {float:right; clear:both}
.gridViewFrontEndPagerStyle,.gridViewFrontEndPagerStyle td span, .gridViewFrontEndPagerStyle a
{
    vertical-align:text-top;
    background-color:#EAF5F7; 
    color:#378692;
    font-size:11px; 
    font-weight:bold; word-spacing:10px;
	
}
.gridViewFrontEndPagerStyle table {float:left; padding: 10px 10px 10px 20px;}
/*.gridViewFrontEndPagerStyle table {float:right;}
.gridViewFrontEndPagerStyle, .gridViewFrontEndPagerStyle a{vertical-align:text-top; background-color:#EAF5F7; color:#378692;font-size:11px; font-weight:bold}
.gridViewFrontEndPagerStyle table {float:left; vertical-align:middle;}
*/
.recordcount{ float:left; text-align:right; font-size:11px}