body
{
	margin:1px;
	padding:0px;
}


/********************************************************************
	Top
*********************************************************************/

#top
{
	background:url('../Images/Chrome/top_background.jpg');
	height:1.5em;
	border-bottom: 1px solid #CFAE9B;
}

#top H1
{
	font-family:Arial;
	font-size:1.5em;
	letter-spacing:0.3em;
	color: #533729;
	margin-top:6px;
	margin-bottom:2px;
	margin-left:0px;
}

/********************************************************************
	Sidebar + menu
*********************************************************************/

#side
{
	width:158px;
	background-color:#e6d4ca;/* Color of the sidebar not covered by the background image */
	background-repeat:no-repeat; 
	background-image:url('../Images/Chrome/Left-GradientBackground.jpg'); /* Background gradient without logo */
	height:100%;
	padding-right:8px;
	padding-left:8px;
}


/* First level menu */		
#side UL
{
	padding-left:0px;
	margin-left:4px;
	list-style-type: none;
}

/* Second level menu */
#side UL UL
{
	padding-left:0px;
	margin-left:16px;
	list-style-type: none;
}

/* 
   Left border of the second level menu 
   We should actually apply this style to the UL tag above, but IE doesn't render that correctly...
*/
#side UL UL LI A
{
	border-left: 1px solid #CFAE9B;
}

/* Menu items */
#side UL LI A
{
	font-family:Arial;
	font-size:0.8em;
	color: #533729;
	text-decoration:none;
	padding: 3px;
	border-top: 1px solid #e6d4ca;
	border-bottom: 1px solid #e6d4ca;
	margin-top: -1px;
	font-weight: bold;
	display:block;	
}

#side UL LI A:hover
{
	text-decoration:underline;
}

#lastUpdatedInfo
{
	border-top: 1px solid #e6d4ca;
	margin-top: 30px;
	padding-top: 4px;
	margin-left: 8px;
	font-size: 0.7em;
	font-family: Arial;
	color: #533729;
}


/********************************************************************
	Bottom
*********************************************************************/

#bottom
{	
	border-top: 2px solid #CFAE9B;
	margin-top: 2px;
	font-family: Arial;
	text-align: center;
	font-size: 0.7em;
	color: #533729;	
	padding-left: 4px; padding-top: 2px;
}

#bottom A
{
	color: #533729;
	text-decoration:underline;
}

/********************************************************************
	TabMenu
*********************************************************************/
TABLE.tabmenu
{
	border-left: 1px solid #CFAE9B;
	font-family:Arial;
	font-size:0.8em;	
}

TD.tabcell
{
	border-right:1px solid #CFAE9B;
	border-bottom:1px solid #CFAE9B;
	padding:4px 6px 4px 6px;
	background:#F7F2EE;
	font-weight:bold;

}

TD.tabcell A
{
	color: #2E8F8D;
	text-decoration:none;
	
}

TD.tabcell A:hover
{
	text-decoration:underline;
}


/********************************************************************
	Content
*********************************************************************/


#content BLOCKQUOTE
{
	font-family:Times New Roman;
	font-size:1.0em;
	width: 200px; 
	background: #B5D1CE;	
	padding:8px; 
	font-style:italic;
	float:right;
	display:block;
	margin: 0px 0px 0px 0px;
	border-left:16px solid white;
	text-align:left;
	clear:both;
}

UL.news, UL.calendar
{
	margin-left: 0px;	
	margin-right: 0px;
	padding:0px;
	display:block;
	list-style-type: none;
}

UL.news LI, UL.calendar LI
{
	margin-left:0px;
	padding:8px 0px 8px 0px;
	/*border-bottom: 1px solid #B5D1CE;*/
	border-bottom: 1px solid #00908F;
}

.time
{
	float:right;
}

.newsheader
{
	float:left;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Arial;
	margin-bottom:0.25em;
	color: #533729;
}

UL.news LI P
{
	margin: 0;
	padding: 0;
	clear: both;
}

#content H1, .sitecontent H1
{
	font-family: Arial;
	font-size: 1.4em;
	font-weight: bold;
	color: #533729;
	margin-bottom:0.5em;
}

/**********************************************************************
	Region Selector
************************************************************************/
#regionSelector
{
	position:absolute;
	left:200px;
	top:23em;
	height:16em;
	overflow-y:hidden;
	width:22.5em;
	color:#F2E7E3;
	font-family: Arial;
	text-align:left;
}

#regionSelector A, #regionSelector A:visited, #regionSelector A:active
{
	font-size: 1.5em;
	color:white;
	display:block;
	text-decoration: none;
} 

#regionSelector A:hover
{
	text-decoration: underline;
}

/**********************************************************************
	Region Info in the sidebar
************************************************************************/
#regionInfo
{
	margin-top: 30px;
	padding-top: 4px;
	margin-left: 8px;
	font-size: 0.7em;
	font-family: Arial;
	color: #533729;
}

#regionInfo A, #regionInfo A:visited, #regionInfo A:active
{
	color: #533729;
} 

/**********************************************************************
	News Ticker
************************************************************************/

.tickers
{
	position:absolute;
	overflow-y:hidden;
	overflow-x:hidden;
	margin-left:200px;
	color:#F2E7E3;
	font-family: Arial;
	text-align:left;
}

#newsTicker
{
	left:0em;
	top:21em;
	height:18em;
	width:22.5em;
}

#eventTicker
{
	border-left: solid #F2E7E3 0.1em;
	padding-left: 0.5em;
	left:24em;
	top:21em;
	height:18em;
	width:13.5em;
}

.tickers H1
{
	padding: 0;
	margin: 1.2em 0 0.2em 0;
	font-size: 1em;
	color:white;
	text-decoration:none;
	font-weight: bold;
}

.tickers H1 A, .tickers H1 A:visited, .tickers H1 A:active 
{
	text-decoration: none;
	color:white;
}

.tickers H1 A:hover
{
	text-decoration: underline;
	color:white;
}

.tickers P
{
	font-size: 0.8em;
	margin:0;
	padding:0;
}

.tickers A
{
	color:white;
}

#content UL.notopmargin
{
	margin-top:0;
}

#content H2, .sitecontent H2
{
	font-family: Arial;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	font-size: 1.2em;
	font-weight: bold;
	color: #533729;
}

#content H3, .sitecontent H3
{
	font-family: Arial;
	margin-top: 0.25em;
	margin-bottom: 0;
	font-size: 1em;
	font-weight: bold;
	color: #533729;
}

#content A
{}

#homepagecontent
{
	height:40em;
	width:40em;
	background: #CFAE9B;	
}


#content
{
	margin-left: 0px;
	margin-top: 0px;
	padding: 8px 8px 8px 8px;
	border-bottom: 1px solid #CFAE9B;
	border-left: 1px solid #CFAE9B;
	border-right: 1px solid #CFAE9B;
	font-family:Verdana;
	font-size: 0.8em;  
	text-align:left;
	height:40em; 	  /* i.e. "min-height" in ie */ 
	min-height:40em; /* ignored by ie */
}

#content[id] { 
	height: auto; /* ie ignores attr selector, modern browsers replace height declaration */ 
} 


/* Used in site_content to display all the articles */
.sitecontent 
{
	font-family:Verdana;
	font-size: 0.8em;  
	text-align:left;
}


#content P
{
	margin-top: 0px;
	padding-top: 0px;
}



#content P.intro
{
	margin:0 0 8px 0;
	width: 400px; 
}

#content P.important
{
	margin:0 0 8px 0;
	font-weight:bold;
	font-size: 1.2em;
}

/* Link to raised footnote (<sup><a href=...>*</a></sup>) */ 
#content SUP A
{
	text-decoration: none;
}

/* Title of scientific publication */
#content .papertitle
{
	font-size: 1.1em;
	font-weight: bold;
	display: block;
}

/* List of authors of a scientific publication */
#content .authors
{
	font-size: 0.8em;
}

/* Scientific publication */
#content .publication
{
	font-size: 0.8em;
}

/* Footnote */
#content .footnote
{
	font-size: 0.8em;
}

/* Explicit table not only for layout (with visible borders) */
#content table.table
{
	border-collapse: collapse;
	border: hidden;
	border:1px solid window; /* why doesn't border:hidden work? */
}
#content table.table td
{
	border:1px solid #e6d4ca;
	padding: 10px;
}


/* Order form */

#thetable textarea, #thetable input, #thetable select { font-family:Verdana; font-size:10pt }
#thetable { width: 100% }
#thetable td.field-info { font-size: 8pt; }  
#thetable tr td { padding: 2px 2px 2px 2px }
#thetable tbody input, #thetable tbody textarea  { width:98% }
#thetable tfoot input { font-weight:bold; width:80px }

/*NEW TABLE LAYOUT*/
form label
{
	width: 180px;
	padding:5px;
	position: relative;
	bottom: 4px;
	float: left;
	clear: both;
	font-weight: bold;
	text-align: right;
}

form br
{
	clear: both;
}

form .btn {
	clear: both;
}