/* Modified 26 June 07
- please see change log for extensive list of changes */

/* Import the main layout style sheet  */
@import url("/styles/3.0/xmain.css");
@import url("/styles/3.0/xidentity.css");

/* vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv 

Read the following instructions before modifying this style sheet  

This site color scheme consists of the following colors:
primary color: #DD5511 - main headings
complementary color: #444477 - smaller headings
neutral color: #616A82 - small headings
neutral color: #EEEEAA - barcolor background
feature heading color: #FFF
feature linked text color: #E07305

After you have determined the colors with which you will be replacing the colors in this style sheet,
use Dreamweaver Find and Replace tool to replace all instances of the colors above.
The modification will change the color scheme of your entire site.  

vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */
.instructions {color: #888;}

/* Site specific general formatting  */
p { color: #333; 
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
	li { color: #333; 
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 
16px; font-weight: bold; color: #42441B;} /*primary color*/ 
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 
13px; font-weight: bold; color: #9AAE00;}
h3 { color: #343360; }
.captiontop{ color: #666;}
h4 { color: #616A82; }
h5 { color: #444477; }
h6 { color: #616A82; }

#mid-section1 { background: transparent; }
/* this id changes the background color or the background image of the upper section of the page, 
If you want to place a background image, you can replace the above declaration with this declaration: 
#mid-section1 { background: #FFF url("/orgs/yourgroupacronym/images/file.jpg") top right no-repeat; } */

/* Sitebar color specifications */
#sitebar { background: transparent; border-bottom: 1px #DDDDCC solid; }
.locator { color: #666; }

/* Toolbar navigation links ON styling begins here */
.home a#home, .org a#org, .about a#about, .safety a#safety .security a#security{color: #994466;  background: #FFF;  }

#content-org  { background: transparent;}
#mid-section1 .col2-3 { background: transparent;}
#mid-section1 .col4 { background: transparent;}

/* Header bar coloring */
.barleft { border: #dedede solid;  border-width: 1px 0;}
.bar {  color: #666; border:1px  solid #dedede;   }
.barcolor { color: #666; background: #eeeeaa; }

/* FEATURE TEXT OVER IMAGE */
#feature { margin: 73px 0px 9px 20px; color: #fff; padding: 2px 2px 2px 0;}
#feature a { color: #E07305; border-left: solid #FFF 3px; }
#feature a:hover { color: #fff;border-color:  #E07305; }
#feature h2 {font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; padding: 0 0 5px 0; margin:0;}

/***********************/
#banner1 {
	position:absolute;
	left:0px;
	top:45px;
	width:960px;
	height:90px;
	z-index:40;
	visibility: visible;
}

#banner1a {
	position:absolute;
	left:0px;
	top:239px;
	width:263px;
	height:49px;
	z-index:41;
}
#mid-section1 .col1 {background: url(/source/science/postdocs/images/dot.gif) repeat-y right top}

.col2-420 {width:620px !important;}


.default .col3 {background: #FFF url("/source/science/postdocs/images/dot.gif") top left repeat-y !important;
padding: 131px 0px 0px 0px!important;}
/*.col3{
	padding: 78px 0px 0px 0px!important;
	background-image: none!important;

}*/

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

.default .content{padding: 205px 10px 10px 10px;}

.secondary .content{
	padding: 0px 10px 10px 15px;	
}

.col2-420 ul {
 font: 11px Verdana, Arial, Helvetica, sans-serif;
 padding-left: 10px;
 }
 
 .col2-420 ol {
 font: 11px Verdana, Arial, Helvetica, sans-serif;
 padding-left: 10px;
 }

/*.col2-420 li {
 font: 11px Verdana, Arial, Helvetica, sans-serif;
 padding: 0px 0px 5px 0px;
 margin: 0px 0px 0px 0px;
 }	*/
.secondary .col3 {background: #FFF url("/source/science/postdocs/images/dot.gif") top left repeat-y !important;}
/*padding: 131px 0px 0px 0px!important;
.col3{
	padding: 78px 0px 0px 0px!important;
	background-image: none!important;

}*/
 
#bar {color:#E2E2E2; background: #A3AAC5;}/*complementary color tint, this id is used to style the waist headings */

#barleft, #barleft1 {color: #E2E2E2; background: #E2E2E2; }/*or complementary color, this id is used to style the headings in the left navigation area*/
	
/* t page specifications /////////////////////////////////////////////////////////////////////*/	
	

#bar, #bar1, #bar2, #bar3, #bar4, #barleft, #barleft1, #baright, #baright2 { 
  display: block; 
  margin: 0px 0px -10px 0px; 
  padding: 4px 10px 3px 20px; 
  height: 13px; 
  vertical-align: top; 
  color: #FFF; 
  background: #A3AAC5;
  font: bold 10px Arial, Helvetica, sans-serif; 
  /*letter-spacing: 0.01em; 
  text-transform: uppercase; */
  text-decoration: none;
}	
#barleft, #barleft1 { padding: 4px 10px 3px 10px; color: #49407B; background: #E2E2E2; width: 160px; wid\th: 140px; } 
 
 
 
 
 
 
 .default #barleft {background: #FFF; border: 1px solid #E2E2E2; width:120px;}
.default #bar, .default #bar1, .default #bar2 { color: #0033CC;  background: transparent; border-bottom: 1px #E2E2E2 solid; padding: 0px 10px 0px 0px;}
.default #content
{
 padding: 55px 10px 5px 15px;
	
}

.secondary #barleft, .secondary #barleft1 {background: #FFF; border: 1px solid #E2E2E2; width:130px;}
.secondary #bar, .secondary #bar1, .secondary #bar2 { color: #0033CC;  background: transparent; border-bottom: 1px #E2E2E2 solid; padding: 0px 10px 0px 0px;}
.secondary #content
{
 padding: 0px 10px 5px 15px;
	
}

/*#baright { padding: 4px 10px 3px 10px; color: #49407B; background: #CED2E3; width: 160px; wid\th: 140px;/* the preceding is a box model hack for IE  }
#baright {color: #333; background: #E2E2E2; }/*or complementary color, this id is used to style the headings in the left navigation area*/
#baright, #baright2 { padding: 4px 10px 3px 10px; color: #49407B; background: #E2E2E2; width: 160px; wid\th: 140px;
margin: 0px 0px 5px 0px; }
.default #baright {background: #FFF; border: 1px #E2E2E2 solid; width:120px;}
.secondary #baright, .secondary #baright2 {background: #FFF; border: 1px #E2E2E2 solid; width:120px;}
 
 
.default .col1{ 
  padding: 185px 0px 0px 0px;}
 
 
#nav2 {
width: 160px;
}

#nav2 ul{
margin: 0px 0px 0px 0px;
}


#nav2 li{ display: block;
 color: #333;
 text-decoration: none;
 font: 10px Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal; 
  padding-left: 20px;
 margin-left: -6px;
 }
 
#nav2 li a:link, #nav2 li a:visited {
 color: #333399;
 text-decoration: none;
 font-weight: normal;
 font: 10px Verdana, Arial, Helvetica, sans-serif;}/* font color of the nav links*/
 
 #nav2 li a:visited:hover, #nav2 li a:hover {
	color: #333399;
	font-weight: normal;
	text-decoration: underline;
}
 
 
 
 
/*#nav1 {
	background-image: url(/source/orgs/mst/cint/dev/images/nav1.gif);
	background-repeat: no-repeat;
}

*/
  #nav3{
width: 160px;
}

 
 
 
 #nav3 ul{
margin: 0px 0px 0px 0px;
}


 #nav3 li { display: block;
 color: #333;
 text-decoration: none;
 font: 10px Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal; 
  padding-left: 20px;
 margin-left: -6px;
 }
 
#nav3 li a:link, #nav3 li a:visited {
 color: #333399;
 text-decoration: none;
 font-weight: normal;
 font: 10px Verdana, Arial, Helvetica, sans-serif;}/* font color of the nav links*/
 
#nav3 li a:visited:hover, #nav3 li a:hover { 
 color: #333399;
 text-decoration: underline;  
 font-weight: normal}
 
 
.indent10b{
 padding: 13px 0px 0px 9px;
 margin: 0px 0px 0px -7px;
 }
 
 .indent10c{
 padding: 13px 0px 0px 9px;
 margin: 0px 0px 0px -7px;
 }
 
 
/******************************* Pure CSS Dropdown Menu *******************************/
	
 .contacts{padding: 20px 0px 0px 10px;
 list-style-type: none!important;
 background-image: none!important;}
 
 .contacts ul {
	list-style-type: none!important;
	list-style-image:url(/)!important;
 }	 
 
 
 .contacts li {
	display: block;
	color: #333;
	text-decoration: none;
	margin:0px;
	font: 10px Verdana, Arial, Helvetica, sans-serif!important;
	font-weight: normal;
	list-style-type: none!important;
	background-image: none!important;
 }	 
 
.contacts li a:link, .contacts li a:visited {
 color: #333399;
 text-decoration: none;
 font-weight: normal;
 font: 10px Verdana, Arial, Helvetica, sans-serif!important;
 list-style-type: none!important;
 background-image: none!important;}/* font color of the nav links*/
 
 .contacts li a:visited:hover, .contacts li a:hover { 
 color: #333399;
 text-decoration: underline;  
 font-weight: normal;
 list-style-type: none!important;
 background-image: none!important;}
 
 
 /***********************************************/
#default_header {
	position:absolute;
	left:270px;
	top:245px;
	width:600px;
	height:34px;
	z-index:3000;
	visibility: visible;
}

.secondary #barleft, .secondary #barleft1 {background: #FFF; border: 1px solid #E2E2E2; width:130px;}
.secondary #bar, .secondary #bar1, .secondary #bar2 { color: #0033CC;  background: transparent; border-bottom: 1px #E2E2E2 solid; padding: 0px 10px 0px 0px;}
.secondary #content
{
 padding: 0px 10px 5px 15px;
	
}

.secondary #baright, .secondary #baright2 {background: #FFF; border: 1px #E2E2E2 solid; width:120px;}

#graphic {
	position:relative;
	left:0px;
	top:0px;
	width:218px;
	height:159px;
	z-index:1;
}

#Layer2 {
	position:absolute;
	left:265px;
	top:265px;
	width:600px;
	height:34px;
	z-index:3000;
	visibility: visible;
}

#apDiv1 {
	position:absolute;
	left:828px;
	top:190px;
	width:112px;
	height:151px;
	z-index:100;
	visibility: visible;
}
#apDiv2 {
	position:absolute;
	left:159px;
	top:158px;
	width:248px;
	height:82px;
	z-index:54;
	visibility: visible;
}
#apDiv3 {
	position:absolute;
	left:397px;
	top:158px;
	width:322px;
	height:14px;
	z-index:51;
}
#apDiv4 {
	position:absolute;
	left:717px;
	top:158px;
	width:291px;
	height:51px;
	z-index:52;
}
#apDiv5 {
	position:absolute;
	left:945px;
	top:25px;
	width:62px;
	height:62px;
	z-index:53;
}
#apDiv6 {
	position:absolute;
	left:114px;
	top:158px;
	width:45px;
	height:20px;
	z-index:55;
}


/**/
ul#nav1, ul#nav11 { font: normal .75em/1.3em Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 13px 0 10px 0; list-style: none; vertical-align: top; }
ul#nav1 li { padding: 0px 0 10px 10px; margin:0px; line-height: 13px; }
ul#nav11 li { padding: 2px 0 8px 0; line-height: 10px; }
td.col1 > ul#nav1 { font-size: 70%; }
#content-subject ul#nav1 {padding: 23px 0 0 0;}

ul#nav1 ul { margin: 5px -10px -11px -10px; padding: 10px 0px 0px 0px; border-top: solid #dedede 1px; }
#mid-section1 td.col1 ul#nav1 ul li { font:  normal 150% Verdana, Arial, Helvetica, sans-serif; text-transform: none; line-height: 125%; }