html,body	{
	margin: 0px;
	padding : 0px;
	background-color: #fff;
	color: #333;
	font-family: Verdana, Helvetica, sans-serif;
	}

h1, h2, h3	{
	font-weight: normal;
	color:#666;
	margin: 0px;
	}

h4, h5, h6	{
	color:#666;
	margin: 0px;
	}

h1 {
	font-size: 1.9em
	}

hr {
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: none;
	padding: 0px;
	margin: 0px;
	}

a:link	{
	text-decoration : none;
	color:#006699;
	outline: none;
		}

a:active	{
    text-decoration : none;
	color:#006699;
			}

a:visited	{
	text-decoration : none;
	color:#568ca7
			}

a:hover 	{
    text-decoration : underline;
	color:#006699;
			}

.missions ul li {
	font-size: 80%;
	font-weight: bold;
	list-style-type:none
	}
	
.missions ol li {
	font-size: 80%;
	font-weight: normal;
	list-style-type:decimal
	}
/********************************************************/
/* Start of breadcrumb strip styles */

.breadcrumb {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index:2;
	font-size: 75%; 
	padding: 5px 0 5px 20px;
	margin: 0px; 
	height: 15px; 
	width: auto; 
	color:#ccc;
	}
.breadcrumb a {
	color: #ccc;
	text-decoration: none
	}
.breadcrumb a:link {
	color: #ccc;
	text-decoration: none
	}
.breadcrumb a:active {
	text-decoration: none
	}
.breadcrumb a:visited {
	color: #ccc;
	text-decoration: none
	}
.breadcrumb a:hover {
	color:#fff;
	text-decoration : none
	}

/* End of breadcrumb strip styles */


/****** Start of header styles */

.header {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;
	height: 115px;
	margin: 0;
	border-bottom: 1px solid #889EAD;
	padding:10px 0 10px 17px;
	background-image: url(../assets/images/rotate/rotate.php);
	z-index: 1; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

/****** End of header styles */

/****** Start of content styles. */

.new {
	color: #f00;
	font-weight: bold;
	font-size: 80%
	}

.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;
	left: 0px;
	top: 0px;
	min-width:120px;
	font-size: 90%;
	margin: 20px 180px 0 180px;
	border-bottom: 1px solid #CCC;
	background-position: top right;
	background-repeat:no-repeat;
	padding: 0;
	background-color: transparent; /* IE needs this to show the bottom border */
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

h1.pageheaders {
	width: 100%; 
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc
	}

.partnerhidden {
	display: none
	}

/****** Content for all standard (i.e. not home or special) pages */

/***** Trails pages **/

.paths table {
	width: auto; 
	border: 1px solid #fff
	}

.paths li p {
	margin: 0px;
	font-size: 75%
	}

.paths li li {
	font-size: 80%
	}

.paths p {
	margin: 0; 
	padding: 2px 0 2px 0; 
	border-bottom: none
	}

.paths th {
	height: 12px;
	width: 20%; 
	font-size: 70%; 
	border-right: 1px solid #fff; 
	color:#333; 
	margin-right: auto; 
	margin-left: auto; 
	padding: 4px 20px 4px 20px; 
	vertical-align:top; 
	white-space: nowrap;
	}

.paths td {
	font-size: 70%; 
	border-right: 1px solid #fff; 
	border-bottom: none; 
	margin-right: 5px; 
	padding: 4px; 
	vertical-align:top
	}


/** Left main menu **/

#navAlpha {
	position:absolute;
	left: 20px;
	width:155px;
	font-size: 80%;
	top: 145px;
	margin: 0 0 0 0;
	border:none;
	padding: 0 0 0 0;
	z-index:2;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#navAlpha {width:150px;}

/****** Start of left menu styles */

.leftmenu {
	left: 0px;
	width: 125px;
	font-size: 75%;
	margin: 0px;
	padding: 5px 10px 10px 0px
	}

.leftmenu p {
	margin: 0px;
	padding: 10px 0px 0px 10px
	}

.leftmenu p a {
	color: #666;
	text-decoration: none
	}

.leftmenu p a:link {
	color: #666;
	text-decoration: none
	}

.leftmenu p a:visited {
	color: #999;
	background-color: transparent;
	}

.leftmenu p a:hover {
	color: #000;
	text-decoration: underline !important;
	background-color: transparent;
	}

/********* Left menu first level **********/	
.leftmenu ul {
	top: 0px;
	left: 0px;
	margin: 0 0 0 0;
	width: 125px;
	padding: 0;
	list-style: none;
	}
	
.leftmenu ul li {
	left: 0px;
	color: #000;
	text-align: right;
	font-weight: bold;
	margin: 0;
	width: 125px;
	padding: 0px;
	background-color:#fff;
	}

.leftmenu ul li a {
	display: block;
	margin: 0px;
	padding: 4px 10px 5px 5px;
	border-bottom: 1px solid #fff;
	text-decoration: none !important;
	width: 125px; /*IE 5 PC reads this*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/*width:125px; /*IE5Mac IE6 Mozilla Opera read this*/
	color: #00007E;
	font-weight: normal;
	background: url('../assets/images/gradient_bg.jpg') #3C7FAC
	}

.leftmenu ul li a:link {
	color: #fff;
	background: url('../assets/images/gradient_bg.jpg') #3C7FAC
	}

.leftmenu ul li a:visited {
	color: #fff;
	background: url('../assets/images/gradient_bg.jpg') #3C7FAC
	}

.leftmenu ul li a:hover {
	color: #fff;	
	background-image: url('../assets/images/gradient_bg_dk.jpg')
	}

/*********** Leftmenu second level */
.leftmenu ul ul {
	top: 0px;
	left: 0px;
	margin: 0 0 0 0;
	width: 125px;
	padding: 0;
	list-style: none;
	}
	
.leftmenu ul ul li {
	left: 0px;
	color: #000;
	text-align: right;
	font-weight: bold;
	margin: 0;
	width: 125px;
	padding: 0px;
	background-color:#889EAD;
	}

.leftmenu ul ul li a {
	display: block;
	margin: 0px;
	padding: 4px 10px 5px 5px;
	border-bottom: 1px solid #c4c4c4;
	text-decoration: none !important;
	width: 125px; /*IE 5 PC reads this*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/*width:125px; /*IE5Mac IE6 Mozilla Opera read this*/
	color: #00007E;
	font-weight: normal;
	background-color:#33CCFF;
	}

.leftmenu ul ul li a:link {
	color: #fff;
	background-color:#33CCFF;
	}

.leftmenu ul ul li a:visited {
	color: #fff;
	background-color:#33CCFF;
	}

.leftmenu ul ul li a:hover {
	color: #fff;
	background-color: #48698E;
	}

/*********** Highlight current page */

#nav li.current {
	background-color:#48698E
}


/*********** End of Left menu styles */

/*********** Start of Right menu styles */

#navBeta {
	position:absolute;
	font-size: 90%;
	top: 0;
	right: 20px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
/* Again, "be nice to Opera 5". */
body>#navBeta {width:150px;}

#navBetafornews {
	position:absolute;
	font-size: 90%;
	top: 150px;
	right: 20px;
	padding: 0;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
/* Again, "be nice to Opera 5". */
body>#navBetafornews  {width:150px;}

.featuredpartner {
	font-size: 98%;
	height: 12px;
	text-align: center; 
	margin: 0 0 5px 0; 
	font-weight:bold; 
	width: 100%; 
	background-color:#CCA726; 
	color:#fff; 
	padding: 3px 0 3px 0
	}

.featuredpartner div {
	margin: 5px 0 0 0; 
	width: 100%; 
	text-align:center 
	}

.allpartners {
	font-size: 98%;
	height: 12px;
	text-align: center; 
	margin: 5px 0 0 0; 
	font-weight:bold; 
	width: 100%; 
	background-color:#0099FF; 
	color:#fff; padding: 3px 0 3px 0
	}

.search {
	display: inline;
	top: 0;
	right: 0;
	margin: 5px 0 0 0;
	padding: 0;
	z-index: 2
	}

.search input {
	font-size: 70%;
	margin: 2px 0 0 0;
	padding: 0;
	white-space:nowrap;
	}

.search_submit {
	font-weight: bold;
	background-color:#CC3300;
	color:#FFFFFF;
	border: 0px;
	margin: 0 0 0 0;
	padding: 2px 2px 0px 1px
	}


/* News Sidebar starts */

h4.greybgheader {
	height: 10px;
	font-size: 75%;
	color: #fff; 
	background-color:#889EAD; 
	text-align:center; 
	font-weight:bold; 
	padding : 0px 0 7px 0;
	text-decoration: none
 	}

.newsitems {
	border: 1px solid #ccc;
	}

.newsitems p {
	color: #ccc;
	text-align:left;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	margin: 3px 5px 3px 5px
	}
	
.newsitems a {
	color: #333;
	font-size: 70%;
	text-decoration: none
	}
.newsitems a:link {
	color: #333;
	text-decoration: none
	}
.newsitems a:active {
	color:#333;
	text-decoration: none
	}
.newsitems a:visited {
	color:#666;
	text-decoration: none
	}
.newsitems a:hover {
	color:#000;
	text-decoration : underline
	}
/* News Sidebar ends */

/* Div below the news box */
.belownews {
	font-size: 70%;
	}

/* Navbeta styles for Minisite Starts */
 .minisite_header {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;
	height: 115px;
	margin: 0;
	padding:10px 0 10px 17px;
	z-index: 1; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

.minisite_imagevideo {
	color: #999; 
	margin: 0; 
	padding: 0
	}

.minisite_missiontable {
	margin: 0 auto 0 20px; 
	border: 0px; 
	font-size: 80%
	}
	
.minisite_detailstable {
	margin: 20px auto 0 0; 
	border: 0px;
	}

#navBetaMini {
	position:absolute;
	font-size: 90%;
	top: 0px;
	right:152px;
	background-color:#fff;
	padding: 0;
	text-align:center;
	height: 181px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
/* Again, "be nice to Opera 5". */
body>#navBetaMini {width:150px;}

#navBetaMini h4 {
	background-color:#666; 
	padding: 5px 0 0 0; 
	height: 20px; 
	color: #ccc; 
	font-size: 80%
	}

/* Navbeta for Minisite Ends */



/* Location maps and featured scientist panel starts */
#locationmap {
	position:absolute;
	float: right;
	font-size: 90%;
	top: 0;
	background-color:#fff;
	right:0px;
	padding: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}

	
/* Again, "be nice to Opera 5". */
body>#locationmap {width:150px;}

/* Partners panel ends */


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
	}

.vscrollerbase {
	width: 10px;
	background-color: #FF9900;
	}
	
.vscrollerbar {
	width: 10px;
	margin: 0 0 0 0;
	background-color: #925700;
	}
	
.hscrollerbase {
	height: 10px;
	background-color: #FF9900;
	}
	
.hscrollerbar {
	height: 10px;
	background-color: #925700;
	}

.scrollerjogbox {
	width: 10px;
	height: 15px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background-color: gray;
	}

/* Scroll Bar Master Styling Ends Here */


/* Footer Styling Starts Here */

#footer {
	font-size: 70%;
	clear:both;
	z-index: 2;
	text-align:center;
	margin: 10px 40px 0 40px;
	padding: 0 140px 0 140px;
	}

#footerlinksstyle {
	margin:0 auto 0 auto;
	padding:0;
	}

#footerlinksstyle li.bottomofmenu {
	display: none
	}

#footerlinksstyle li.topofmenu {
	display: none
	}

#footerlinksstyle ul {
	display:inline;
	margin: 0 auto 0 auto; /* in full to help IE5Mac */
	padding: 0; /* Zero to prevent IE box trouble. */
	list-style: none;
	}
	
#footerlinksstyle ul li {
	display:inline;
	line-height: 20px;
	margin: 0;
	padding: 0 5px 3px 7px;
	border-right: 1px solid #ccc;
	}

#footerlinksstyle li a {
	color: #666;
	text-decoration: none
	}
#footerlinksstyle li a:link {
	color: #666;
	text-decoration: none
	}
#footerlinksstyle li a:active {
	text-decoration: none
	}
#footerlinksstyle li a:visited {
	color: #999;
	text-decoration: none
	}
#footerlinksstyle li a:hover {
	color:#0066FF;
	text-decoration : underline
	}
/* Footer Styling Ends Here */