/***********************/
/***** general *********/
/***********************/

@charset "UTF-8";

body {
  margin: 0;
  padding: 0;
  font-family: arial,sans-serif;
  font-size: 11px;
}

div {
  margin: 0px;
  padding: 0px;
}

a:link {
	text-decoration: none;
	color: #0D0D91;
	font-family: Arial, Helvetica, sans-serif;
	border:0
}
a:visited {
	text-decoration: none;
	color: #000e74;
	font-family: Arial, Helvetica, sans-serif;
	border:0
}
a:active {
	text-decoration: none;
	color: #820808;
	font-family: Arial, Helvetica, sans-serif;
	border:0
}
a:hover {
	text-decoration: none;
	color: #2D3DFF;
	font-family: Arial, Helvetica, sans-serif;
	border:0
}


a img {
    border: 0px;
}


.centered {
	position:relative;
	display:block;
	width:900px;
	margin:0 auto;
	padding:0;
	text-align:left;
	left: 0;
	top: 0;
	visibility: visible;
	background-image: url(graphics/c3_cont.jpg);
}



.centered-table {
  margin:0 auto;
}


.clear {
  clear: both;
}

.floatleft   {
	float: left;
	margin: 3 3 3px 3px;
	padding: 3px;
}

.floatright  {
float: right;
	margin: 3 3 3px 3px;
	padding: 3px;
}

.gray {
  color: #666666;
  font-weight: bold; 
}

.red  {
  color: red;
}

.thumbnail {
	border: medium inset #666666;
}
.graphicbrdr {
	border: thin outset #CCCCCC;
}

.subscript { font-size: 60% }	
	
/***********************/
/***** header **********/
/***********************/

form { 
margin: 2; 
} 

#header {
  background: url(graphics/hdr_mn.jpg) no-repeat;
  width: 900px;
  height: 90px;
}

#headerMain {
  float: left;
  width: 900px;
}
.formfield {
	border:1px solid #7d8486;
	height:20px;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	color:blue;
	font-weight:normal;
	position:float;
	width:144px;
	background-color:#EAEBEE;
}
.search {
	position:absolute;
	right:52px;
	top:274px;
	width: 159px;
	height: 13px;
}

/***************************************************/
/***** for nav, see section css sheets: ************/
/***** section_home.css, section_i_g.css, etc. *****/
/***************************************************/


/***********************/
/**** footer main ******/
/***********************/

#footerStrip {
  width: 900px;
  height: 60px;
}
#footerNav {
  background: url(../graphics/ftr_mn.jpg) no-repeat;
  width: 900px;
  height: 60px;
}
#footerNavContent {
  width: 870px;
  text-align: right;
  color: #EEEEEE;
  font-family:  Tahoma;
  font-size: 10px;
  padding: 17px 11px 0px 0px;
  line-height: 22px;
}
#footerNav a,
#footerNav a:link,
#footerNav a:visited, 
#footerNav a:active {
  text-decoration: none;
}
#footerNav a:hover {
  text-decoration: underline;
}

/***********************/
/***** footer 3T *******/
/***********************/

#footerSt3 {
  width: 900px;
  height: 60px;
}
#footerNav_3t {
  background: url(../graphics/ftr_3t.jpg) no-repeat;
  width: 900px;
  height: 60px;
}
#footerNav_3tContent {
  width: 900px;
  text-align: right;
  color: #EEEEEE;
  font-size: 11px;
  padding: 17px 11px 0px 0px;
  line-height: 22px;
}
#footerNav_3t a,
#footerNav_3t a:link,
#footerNav_3t a:visited, 
#footerNav_3t a:active {
  text-decoration: underline;
}
#footerNav_3t a:hover {
  text-decoration: none;


/****************************/
/***** page titles **********/
/****************************/
}
h5 {

font-size: 16pt; 
color: #007db6;  
font-family: arial; 
line-height: 20px;


}

h3 {

font-size: 16pt; 
color: #007db6;  
font-family: arial, helvetica, sans-serif;
padding: 0px;
margin: 0px;

}
.boldDkBlue13 {
font-family: arial, helvetica, sans-serif; 
	font-size: 13px;
	color: #1B256D;
	font-weight: bold;

}
.13boldDkBlue {
font-family: arial, helvetica, sans-serif; 
	font-size: 13px;
	color: #1B256D;
	font-weight: bold;

}

.formText12Bold { 

font-size: 12px; 
color: #1B256D;  
font-family: arial, helvetica, sans-serif; 
font-weight: bold;
text-align:right; 

}
.bo_Text12Bold { 

font-size: 12px; 
color: #94310b;  
font-family: arial, helvetica, sans-serif; 
font-weight: bold;
 

}
.tableheader14 { 

font-size: 14px; 
color: #3f4676;  
font-family: arial, helvetica, sans-serif;
font-weight: bold; 

}

.tableheader12 { 

font-size: 12px; 
color: #1B256D;  
font-family: arial, helvetica, sans-serif; 
font-weight: bold; 

}

.tableheader12red { 

font-size: 12px; 
color: #cb0000;  
font-family: arial, helvetica, sans-serif; 
font-weight: bold; 

}

.tableheader11 { 

font-size: 11px; 
color: #1B256D;  
font-family: arial, helvetica, sans-serif; 
font-weight: bold; 

}

.tableheader10 { 

font-size: 10px; 
color: #cc5500;  
font-family: arial, helvetica, sans-serif;
font-weight: bold; 

}

.tabletext14 { 

font-size: 14px; 
font-family: arial, helvetica, sans-serif;

}

.tabletext12 { 

font-size: 12px; 
font-family: arial, helvetica, sans-serif;

}

.tabletext12 ul li {
  line-height: 17px;
}

.tabletext11 { 

font-size: 11px; 
font-family: arial, helvetica, sans-serif;

}

.tabletext12blue { 

font-size: 12px; 
font-family: arial, helvetica, sans-serif;
color: #1B256D;

}

.tabletext10 { 

font-size: 10px; 
font-family: arial, helvetica, sans-serif;
line-height: 11px; 

}

a.tabletext10 { 

font-size: 10px; 
font-family: arial, helvetica, sans-serif;
color: #cc5500; 
text-decoration: underline; 

}

a.tabletext12 { 

font-size: 12px; 
font-family: arial, helvetica, sans-serif;
color: #cc5500; 
text-decoration: underline; 

}

a.tabletext12:hover { 

color: red; 
text-decoration: underline; 

}


a.tabletext11 { 

font-size: 11px; 
font-family: arial, helvetica, sans-serif; 
color: #cc5500; 
text-decoration: underline; 

}

.baseText10 {	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.baseText10 {font-size: 11px

    font-family: Arial, Helvetica, sans-serif;

}

.baseText10dblu {font-family: Arial, Helvetica, sans-serif; 
                 font-size: 10px; color: #1B256D; 

}

.baseText11 {	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.orgTitle {
font-family: arial, helvetica, sans-serif; 
	color: #990000;
	font-weight: bold;
}
.talkTitle {
font-family: arial, helvetica, sans-serif; 
	color: #000066;
	font-weight: bold;
}
.12boldBlue {
font-family: arial, helvetica, sans-serif; 
	font-size: 12px;
	color: #0066CC;
	font-weight: bold;
}
.smallGreytext {
text-align:center;
font-family: arial, helvetica, sans-serif; 
font-size: 10px;
color: #888888;


}
.picpadright {
	margin-right: 4px;
}
.pxNoImageBorder {border:none;	
	
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* the following allow for dynamic popup of <span> when mousing over 
   it works particularly well to create an <a> anchor with a span 
   embedded in it.  upon mouseover of the link, the span becomes visible. -newshamr
   
   note that with IE, there is an issue that the later element with the same z-index
   takes priority.  as a result, subordinate elements (the span within the link) that
   is defined before the next link might appear behind the following link.  To fix this,
   set the z-index of the links in descending order.  This way, the span inherits a higher
   z-index than any links that follow it's parent link.   
 */

.thumbnail{
position: relative;
z-index: 1;
}

.thumbnail:hover{
background-color: transparent;
z-index: 500;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #EBEBEB;
padding: 5px;
left: 40px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 15px;
left: 40px; /*position where enlarged image should offset horizontally */
color: #FFFFFF;
background-color: #B4BFE2;  #344987;
font-weight: bold; 
}