/* CSS Document */

/*
-----------------------------------------------
Global styles
----------------------------------------------- 
*/

body {
	margin: 0; 
	padding: 0; 
	background: #E6D9E6; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	/* font-size: 1em; */
	font-size: 100%;
	color: #000000; 
}

a {color: #660066;}
a:hover {color: #990000;}
a:visited {color: #990000;}

h1.purple {/* purple main headers */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bolder;
	color: #660066;
	border-bottom: 1px solid #E6D9E6;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

h2.red {/* red subheaders */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	color: #990000;
	border-bottom: 1px solid #E6D9E6;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

h2.teaser {/* red teaser subheaders */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	font-style: italic;
	color: #990000;
	margin: 0 0 10px 0;
}

h2.divider {/* red teaser subheaders */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	font-style: italic;
	color: #990000;
	padding: 8px 0 0 0;
	margin: 0 0 10px 0;
	border-top: 1px solid #E6D9E6;
}

h3.red {
	border-bottom: 0px;
	padding-top: 7px;
	padding-bottom: 1px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #990000;
}

h3.purple {
	border-bottom: 0px;
	padding-top: 7px;
	padding-bottom: 1px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #660066;
}

hr {
width: 100%;
height: 1px;
color: #E6D9E6;
background-color: #E6D9E6;
border: none;
}

th {
background-color: #660066;
font-weight:bold;
color: #FFFFFF;
text-align: center;
}

.divider {
border-top: 1px solid #E6D9E6;
padding: 5px 0 0 0;
}

.indent {
margin-left: 20px;
}

.indent_double, ul ul {
margin-left: 40px;
}

#main img {
border: 1px solid #000000;
}

#main  img.icon {
border: none;
}


#container {
max-width: 1024px;
width: expression(document.body.clientWidth > 1024? "1024px": "100%" );
border-right: 1px solid #660066;
	background: #FFFFFF;
}

#container_min {/*sets IE min-width */
width: expression(document.body.clientWidth < 800? "780px": "auto" );
min-width: 780px;
border-right: 1px solid #660066;
	background: #FFFFFF;
}

img.align_right {
float: right;
border: 1px solid #000000;
margin: 3px 0 6px 6px;
}


img.align_left {
float: left;
border: 1px solid #000000;
margin: 3px 6px 6px 0;
}

.caption {padding: 5px; color: #666666; text-align: center;}

.content  ul ul, .content ol ul {
padding: 8px 0 0 0;
}

#leftbox, #main, #index {
font-size: .7em;
}

/*
------------------------------------------------------------------------
styles for bottom nav bar found globally
------------------------------------------------------------------------
*/

#bottom_nav {/* sets navigation box width and styles, with right border */
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #660066;
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	list-style-type: none;
	list-style-position: outside; 
	float: left;
	background: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	z-index: 1000;
}

#bottom_nav a em {font-style: normal; text-decoration: underline;} /*underlines letter for keyboard access*/
#bottom_nav a  {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 8px;
	width: auto;
	z-index: 1000;
	height: 15px;
}
#bottom_nav a:link, #bottom_nav a:visited, #bottom_nav a:active {color: #FFFFFF; background-color: #990000; z-index: 1000}
#bottom_nav a:hover, #bottom_nav a:focus {color: #990000; background-color: #E6D9E6; z-index: 1000}

/*necessary to delete extra empty line in IE under pop-out window links */
#bottom_nav ul   {padding: 0; margin: 0; line-height: normal; z-index: 1000; list-style: none;}

/*styles for parent links - sets width of each box*/
#bottom_nav li.moritz {float: left;padding: 0; width: 140px; z-index: 1000; color: #FFFFFF;}/*on groups bar*/
#bottom_nav li.date {text-align: right; float: right;padding: 0; width: 130px; z-index: 1000; color: #FFFFFF;	text-decoration: none; font-weight:bold; padding-top: 4px; padding-bottom: 2px; padding-right: 8px;}

/*
------------------------------------------------------------------------
styles for footer found globally
------------------------------------------------------------------------
*/

#footer {
background: #FFFFFF;
	margin: 0;
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #660066;
}

#footer p {
	font-size: 10px;
	padding: 0 10px 10px 10px;
}
/*
------------------------------------------------------------------------
styles for secondary pages
------------------------------------------------------------------------
*/


/*
------------------------------------------------------------------------
navigation in left box
------------------------------------------------------------------------
*/


#leftbox {
top: 0; left: 0;
padding-top: 10px;
width: 160px;
background: #E6D9E6;
margin: 0;
float: left;
}


#leftbox h2.red {/* red subheaders in left box internally, other styles sames as h2.red */
	border-bottom: 1px solid #660066;
	padding-top: 10px;
	padding-left: 8px;
}

#leftbox h2.red a {text-decoration: none; color: #990000;}
#leftbox h2.red a:hover {color: #660066; text-decoration: underline;}
#leftbox h2.red a:visited {text-decoration: none; color: #990000;}

#leftbox ul {/* left navigation styles for unordered list */
	padding: 0;
	margin: 0 0 0 8px;	/* change margin-left to padding-left to get line to stretch 100% */
	list-style-type: none;
}

#leftbox li {padding: 0 3px 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #660066;}
#leftbox li a {text-decoration: none; color: #660066;}
#leftbox li a:hover {text-decoration: underline; color: #990000;}

/*
------------------------------------------------------------------------
main content area
------------------------------------------------------------------------
*/

#main { /* container for content area and far right column */
right: 0; /* bg flows behind 3rd col if exists */
margin: 0 0 0 160px;
/* IE hacks */
padding: 10px 10px 0 10px; /* flows behind other cols for bgimage */
top: 0px;
color: #444;
background: #FFFFFF;
height: 100%;
}

#main .content {
right: 0; /* bg flows behind 3rd col if exists */
margin: 0;
color: #444;
/* IE hacks */
padding: 10px; /* flows behind other cols for bgimage */
top: 0px;
width: 65%;
background: #FFFFFF;
background-image:url(images/bg_globe.jpg);
background-repeat:no-repeat;
}  

#main .content100 {
right: 0; /* bg flows behind 3rd col if exists */
margin: 0;
color: #444;
/* IE hacks */
padding: 10px; /* flows behind other cols for bgimage */
top: 0px;
width: 90%;
background: #FFFFFF;
}  

#main p {margin-top: 0px; margin-bottom: 12px; line-height: 135%;}

/*#main .content100 p {margin-top: 0px; margin-bottom: 12px; line-height: 135%; width: 100%;}*/

#main .nav-section {
  top: 150px; 
  float: right;
  width: 25%;
  right: 0%;
  margin: 30px 0 0 0;
  padding: 10px;
  border-left: solid 1px #ccc;
  background-color: #fff; /* IE fix for wrap width problem */
}

#main .nav-section ul {/* left navigation styles for unordered list */
	padding: 0px;
	margin: 0 0 0 15px;
	list-style-type: disc;
}

#main .nav-section li {padding-bottom: 4px;}

#main li {padding-bottom: 6px;}

.phinline { /*photos inline */
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666;
	padding: 6px 6px 0px 6px;
	/*width: 204px; */
	border: 1px solid #ccc;
	float: right;
	margin: 5px 0px 5px 10px;
}

.phinline2 { /*photos inline */
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666;
	padding: 6px 6px 0px 6px;
	/*width: 204px; */
	border: 1px solid #ccc;
	float: left;
	margin: 5px 10px 5px 0px;
}

#main .phinline img, #main .phinline2 img {
border: 0;
}

.photosubtext {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	color: #000;
	background: #E6D9E6;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 5px 6px 18px 6px;
}

/********************************************
			'Hot Works' Styles
********************************************/

h1.hwtitle {/* 'hot works' article title */
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bolder;
	color: #660066;
	/*border-bottom: 1px solid #E6D9E6;*/
	padding-bottom: 3px;
	margin: 0 0 0 0;
}

h2.hwsubtitle {/* 'hot works' article subtitle */
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	font-style: italic;
	color: #660066;
	padding: 0 0 3px 0;
	margin: 0;
}

h2.hwauthor {/* 'hot works' author */
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	/*font-weight: bolder;*/
	color: #990000;
	border-bottom: 1px solid #E6D9E6;
	padding-bottom: 0.5em;
	margin: 0 0 10px 0;
}

h2.hw1 {/* 'hot works' first level heading */
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	color: #990000;
	margin: 0 0 10px 0;
}

h3.hw2 {/* 'hot works' second level heading */
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #990000;
	margin: 0 0 10px 0;
}

h4.hw2 {/* 'hot works' second level heading */
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style:italic;
	color: #990000;
	margin: 0 0 10px 0;
}

#main p.hwabstract {
	text-align:justify;
	font-style:italic;
}

#main p.hwauthor {
	text-align:justify;
}

#main p.hwarticle {
	text-align:justify;
	line-height:1.8;
	text-indent:20px;
}

#main p.hwarticlenoindent {
	text-indent:0px;
}

#main p.hwquote {
	text-indent:0;
	text-align:justify;
	margin-left:40px;
	margin-right:40px;
}

table.hwtable {
	display:block;
	width:100%;
}

table.hwtable td {
	text-align:center;
	padding:0;
	margin:0;
}

.footnotes {
	font-size: 0.8em;
}

.footnotes p {
	margin:0;
	padding:0;
}

.footnotes p.hwquote {
	text-indent:0;
	text-align:justify;
	margin-left:40px;
	margin-right:40px;
}