/* CSS Document */

/******** color palette *********

776a6e - dark grey
ded8c9 - light grey
79288c - purple
008752 - green
f6f1de - creme
ece3bd - tan

*********************************/

/******* NOTE: always check image references *********/

html, body{
	font : 14px Arial, Helvetica, sans-serif;
	margin : 0;
	padding : 0;
	height : 100%;
	background-color : #776a6e;
}

input, select {
	padding : 2px;
	font : 12px Arial, Helvetica, sans-serif;
	color: #333;
	clear: both;
	margin : 2px 0;
}

a {
	color : #008752;
}

.tb { /*top border*/
	background : url(../images/bdr_top.gif) repeat-x 0 0;
	width : 984px;
	background-color : #ece3bd;
	margin : 5px auto 0 auto; 
}
.bb { /*bottom border*/
	background : url(../images/bdr_btm.gif) repeat-x 0 100%;
  height : 100%;
	max-height : 100%;
}
.lb { /*left border*/
	background : url(../images/bdr_lft.gif) repeat-y 0 0;
  height : 100%;
	max-height : 100%;
}
.rb { /*right border*/
	background : url(../images/bdr_rgt.gif) repeat-y 100% 0;
  height : 100%;
	max-height : 100%;
}
.blc { /*bottom left corner*/
	background : url(../images/cnr_btm_lft.gif) no-repeat 0 100%;
  height : 100%;
	max-height : 100%;
}
.brc { /*bottom right corner*/
	background : url(../images/cnr_btm_rgt.gif) no-repeat 100% 100%;
  height : 100%;
	max-height :100%;
}
.tlc { /*top left corner*/
	background : url(../images/cnr_top_lft.gif) no-repeat 0 0;
  height : 100%;
	max-height :100%;
}
.trc { /*top right corner*/
	background : url(../images/cnr_top_rgt.gif) no-repeat 100% 0;
  height : 100%;
	max-height : 100%;
}

.main_content { 
  position : relative;
	height : auto;
	padding : 14px 17px 12px 16px;
}


/*========== Masthead Elements =============*/
.mh_imgs{
	clear : both;  
	margin : 0 -13px 0 -14px; 
	width : 977px;
	/*border-top : 1px solid #000;
	border-bottom : 1px solid #000;*/
}

.mh_img_lft {
	width : 507px; 
	height : 142px; 
	float : left;
	margin : 0;
}

.hp_mh_img_lft { /* Home Page specific */
	margin : 0;
	width : 507px; 
	height : 246px; 
	float : left;
}

.mh_img_rgt {
	float : right;
	margin : 0;
	width : 470px; 
	height : 142px;
}

.hp_mh_img_rgt { /* Home Page specific */
	margin : 0;
	width : 470px; 
	height : 246px;
	float : right;
}

.client_access {
	height : 72px; 
	background-color : #f6f1de;
	margin : 0 0 0 -14px;
	width : 967px;
	padding-right : 10px;
}

.client_access img {
	float : right;
	border : 0;
}


 /*======== Navigation - Main Menu =========*/
.menu {
	padding : 0;
	border : 0;
	font : 12px Arial, Helvetica, sans-serif;
	background-color : #f6f1de;
	height : 28px; 
	margin : 0 -13px 0 -14px; 
	width : 977px;
}

.menu img {
	border : 0;
	margin : 0 65px 0 5px;
	cursor: default;
}

.menu ul {
	margin : 0;
	padding-left : 0;
	margin-right : 5px;
	margin-left : 530px;
	list-style-type : none;          
	line-height : 1.0em;           
}


.menu li {
	float : left;  
	margin : 0;
	position : relative;
}


.menu ul li table {
	position : relative;
	margin : -1px -1px;              /* IE5 needs -1px top and bottom table margins */
	m\argin : 0;               		/* re-zero the table margins for everyone but IE5 */
	border-collapse : collapse;   /* IE5 needs this for the sub-menus to work */
	font-size : 12px;        			/* this sets the base font size for our entire menu */
}

.menu ul li ul {
	display : none;
	padding : 1px;
}

.menu ul li a,.menu ul li a:visited {                   
	display : block;
	float : left;
	height : 28px;
	border-left : 1px solid #f6f1de;
	
}

	
.menu ul li:hover a,.menu ul li a:hover {                      
	height : 28px;
	border-left : 1px solid #79288c;
	text-decoration : none;
}

/** 2nd Level Menus **/

.menu ul li:hover ul,.menu ul li a:hover ul {                          
	display : block;
	position : absolute;
	margin : 0;
	top : 20px; 
	_top : 10px;             
	left : 0;       
	height : auto;      
	width : 130px;
	color : #776a6e;                        
	background : #f6f1de;        
	border-left : 1px solid #79288c;
	border-bottom : 1px solid #79288c;
}

.menu ul li:hover ul li a,.menu ul li a:hover ul li a {
	border : 0;
	margin : 0;
	padding : 6px 10px;
	height : auto;
	color : #776a6e;               
	background : #f6f1de; 
	width : 110px;
	border-bottom : 1px solid #ded8c9;
	text-decoration : none;
}

.menu ul li:hover ul li:hover a,.menu ul li a:hover ul li a:hover {
	color : #79288c;
	background : #f6f1de;
}





/*=============== Site Content =============*/
.pg_hdr { /* page header for all interior pages */
	background : #776a6e url(../images/hdr_pg_bg.gif) no-repeat scroll top right;
	height : 18px;
	margin : 0 0 15px 0;
}

.hp_content_text { /* Home Page specific */
	width : 485px; /*725px;*/
	float : left; 
	margin : 7px 0;
	margin-bottom : 0; 
	color : #776a6e; 
	font : 14px/16px Arial, Helvetica, sans-serif;
}

.content_text {
	width : 945px; /*725px;*/ 
	clear : both;
	padding-top : 15px;
	/*float : left; */
	margin : 0 10px 0 10px; 
	color : #776a6e; 
	font : 14px/16px Arial, Helvetica, sans-serif;
}

.hp_header {
	color : #776a6e; 
	font : bold 20px/32px Arial, Helvetica, sans-serif;
}

.hp_rgt_col { /* Home Page specific */ 
	margin-top : 5px;
	width : 460px;
	float : right;
	text-align : center;
	margin-right : -10px;
}

.hp_rgt_col img {
	margin:0 15px;
}

.headline {
  font : bold 14px/18px Arial, Helvetica, sans-serif;
  color : #79288c;
}

.form_bdr 
{
	border : 2px solid #f6f1de; /*#776a6e*/
}

.form_header 
{
	font : bold 14px/18px Arial, Helvetica, sans-serif;
	background-color : #f6f1de;
	color : #776a6e;
	padding : 2px;
	margin-bottom : 5px;
}

.form td 
{
	padding : 5px 0;
	font : 12px Arial, Helvetica, sans-serif;
}

.form_table 
{
	border-top : 1px solid #776a6e;
	border-left : 1px solid #776a6e;
}

.form_table_header 
{
	font : bold 12px Arial, Helvetica, sans-serif;
	background-color : #ded8c9;
	color : #776a6e;
	padding : 2px;
	margin : 0;
	border-right : 1px solid #776a6e;
	border-bottom : 1px solid #776a6e;
}

.form_table td
{
	font : bold 12px Arial, Helvetica, sans-serif;
	color : #776a6e;
	padding : 2px;
	border-right : 1px solid #776a6e;
	border-bottom : 1px solid #776a6e;
	margin : 0;
}

.left_col {
  float : left;
  width : 160px;
}

.left_col img 
{
	margin : 5px 0 0 10px;
}

.center_col {
	padding-top : 5px;
	margin-left : 170px;
}

.rgt_col { /* right column content */ 
	margin-top : 15px;
	width : 200px;
	float : right;
	/*text-align : center;*/
	color : #776a6e; 
}

.portal {
	width : 191px; 
	height : 190px;
	background : url(../images/img_portal_bg.gif) repeat-y left bottom;  
	font : 12px Arial, Helvetica, sans-serif; 
	color : #776a6e;
}

.portal#lab_tour {
	float : right; 
	margin : 0 10px 0 10px;
}

.portal#ESC_tip {
	float : left; 
	margin : 0 10px 0 10px;
}

.portal img {
	margin : 0;
}

.portal a {
	position : relative;
}

.portal a span {
	display : none;
}

.portal a:hover span{
	display : block;
	position : absolute;
	top : -5px;
	left : -598px;
	width : 585px;
	margin : 0px;
	color : #776a6e;
	background : #ece3bd;
	border : 1px solid #79288c;
	text-align : center;
	text-decoration : none;
	padding : 5px;
}

.portal_tip_header {
	font-weight:bold; 
	color:#79288c;
	margin : 10px;
}

.portal_lab_tour_header {
	font-weight:bold; 
	color:#008752;
	margin : 35px 10px 10px 10px;
}

.bullet {
	margin: 5px 0 0 20px;
	padding-left: 0;
	list-style: none;
}

.bullet  li {
	background : transparent url(../images/img_bullet.gif) no-repeat 0 .5em;
	padding-left: 15px;
	line-height : 17px;
}

.map_canvas {
	width: 900px; 
	height: 400px; 
	margin : 10px 0;
	font : 12px Arial, Helvetica, sans-serif;
}

.pics 
{
	float:left;
    width:100%;
}

.pics ul {
    margin:0;
    padding:0;
    list-style:none;
    }
.pics li {
    float:left;
    margin:0 5px 5px 5px;
    padding:0;
    }
    
.pics img {
	padding : 0;
	margin : 0;
	border : 0;
}

.team_pics  
{
	display:block;
	width:76px;
	height:76px;
	text-decoration : none;
	overflow:hidden;
	padding : 0;
}

.team_pics:hover {
	display:block; 
	text-indent:-75px;
	text-decoration : none;
}

.tour_pics 
{
	margin : 0 auto;
	width: 820px;
}

.tour_pics ul {
    margin:0;
    padding:0;
    list-style:none;
    }
.tour_pics li {
    float:left;
    margin:0 5px 5px 5px;
    padding:0;
    }
    
.tour_pics img {
	padding : 0;
	margin : 0;
	border : 0;
}

.error 
{
	font-weight : bold;
	color : #990000;
}

.gv 
{
	border-top : 1px solid #776a6e;
	border-left : 1px solid #776a6e;
}

.gv_header 
{
	background-color : #ded8c9;
	font-weight : bold;
	color : #776a6e;
}

.gv_item 
{
	border-right : 1px solid #776a6e;
	border-bottom : 1px solid #776a6e;
	color : #776a6e;
}

.gv_alt_item 
{
	background-color : #f6f1de;
	border-right : 1px solid #776a6e;
	border-bottom : 1px solid #776a6e;
	color : #776a6e;
}

/*========= Equation Definition =======*/
a.tooltip{
  text-decoration : none;
}

a.tooltip img {
	border : 0;
}

  a.tooltip span{
    display : none;
  }

  a.tooltip:hover span{
    display : block;
    position : absolute;
    top : 236px; 
    left : 509px;
    padding : 3px 5px;
    width : 460px;
    background-color : #776a6e;
    color : #f6f1de;
    font-weight : bold;
    font-size : 11px;
    text-align : center;
  }
/*=====================================*/


/*======== Calendar =========*/
#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #776a6e;
	padding:1px 1px 20px 1px;
	background-color: #fff;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	visibility:hidden;
}
#calendarDiv .dropBox,#calendarDiv .dropBoxOver{
	cursor:pointer;
	padding-left:2px;
	text-align:center;
	width:70%;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	cursor:pointer;
	padding-left:2px;
	text-align:center;
	width:70%;
}

#calendarDiv .monthYearPicker{
	background-color: #776a6e;
	border:1px solid #fff;
	border-top: 0;
	position:absolute;
	color: #ece3bd;
	left:0px;
	top:15px;
	z-index:10;
	display:none;

}

#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
	padding-left:1px;
}


#calendarDiv td{
	padding:3px;
	margin:0px;
	font:10px Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
}
#calendarDiv .dropBox {
	/*color: #1b418c;*/
	position:relative;
	cursor:pointer;
	color:#fff;
	padding-left:2px;
	text-align : left;
}
#calendarDiv .selectBox{
	position:relative;
	border:1px solid #ece3bd;		
	color: #ece3bd;
	position:relative;
	cursor:pointer;
	color:#fff;
	padding-left:2px;
	text-align : left;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #776a6e;
}

#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#79288c;
	font:bold 11px Arial, Verdana, Helvetica, sans-serif;
	background-color: #ece3bd;
	border: solid 1px #79288c;
}

#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #ece3bd;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}

#calendarDiv .monthYearPicker{
	display:none;
}

#calendarDiv td{
	text-align:center;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}

#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}

#calendarDiv .weekdays{
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	background-color: #ece3bd;
	color: #000;
	border-right: solid 1px #fff;
}

#calendarDiv div.arrow {
  padding: 2px 3px;
  border: solid 1px #ece3bd;
  background-color:#f6f1de;
  margin-right: 1px;
}

#calendarDiv .arrow img {
  padding: 0;
  margin:0;
}

/*================ Footer ===============*/
.footer {
	font : 10px/14px Arial, Helvetica, sans-serif; 
	color : #f6f1de; 
	margin : 0 auto; 
	width : 984px; 
	text-align : center;
	/*margin-bottom : 2px;*/
}

.footer a {
	color : #f6f1de;
}

/******** color palette *********

776a6e - dark grey
ded8c9 - light grey
79288c - purple
008752 - green
f6f1de - creme
ece3bd - tan

*********************************/