/*
 * Styles for stjames website
 */

/* Basic page layout */

body { 
	min-width: 40em; 
	border: 0em;
	padding: 0em;
	margin: 0em;
        font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

div#container {
	font-size: 1.2em;
	margin-left: 1em;
	margin-right: 1em;
}

div#header {
	height: 128px;
	overflow: hidden; 
	position: relative;
	width: 100%;
}

div#menu { 
	height: 1.5em;
	overflow: hidden;
	z-index: 500;
}

div#sidebar {
	float: right;
	width: 15em;
	margin-left: 1em;
	margin-top: 1em;
}

div#content {
	margin-top: 1em;
	margin-right: 16em; 
}

/* Basic page styling */

body { 
	background-color: #fefed0;
}

div#header {
	background-color: black;
	background-image: url('../images/header.jpg');
}

div#menu { 
	background-color: black; 
	color: white; 
}

/* Element styling */

h1.content_divider, h2.content_divider, h3.content_divider {
	background-color: #dedeb0;
	border: 1px solid gray;
	padding: 0.2em;
	margin-bottom: 0.5em;	
}

p.planet_metadata {
	color: gray;
	font-size: 0.6em;
	margin: 0em;
}

.planet_entry h3 {
	clear: left;
	margin-bottom: 0em;
}

div.planet_left {
	border: 1px solid gray;
	background-color: #dedeb0;
	padding: 1em;
	width: 16em;
	float: left;
	margin-right: 1em;
}

div.shaded {
	background-color: #dedeb0;
	padding: 0em;
	border: 0em;
	padding: 0em;
}

div.shaded h1 {
	background-color: black;
	color: white;
	margin: 0em;
}

div.sidebar_content {
	text-align: left; 
	background-color: #dedeb0;
	border: 1px solid gray;
	padding: 0.2em;
	margin-bottom: 0.5em;
}

div.sidebar_content h1 {
	background-color: black;
	color: white;
	margin: 0em;
	padding: 0.2em;
	font-size: 125%;
}

div.sidebar_content dl { 
	font-size: 75%;
	padding: 0em 0.5em 0em 0.5em;
}

div.sidebar_content dt {
	font-weight: bold;
}

div.sidebar_content dd {
	padding: 0em;
	border: 0em;
	margin: 1em, 0em, 0em, 0em;
	text-indent: -2em;
}

div#footer {
	clear:both;
	padding-top: 1em;
	text-align: center;
}

dt {
	font-weight: bold;
}

img.img_right {
	float: right;
	padding: 0em 0em 1em 1em;
}

div.blockit {
	display: block;
	margin: solid 4px red;
	background-color: green;
}

/* Special Formatting for the title in the header_content */
div#header h1 {color: white; position: absolute; left: 10; top: 100px;
	margin: 0.25em; padding: 0;
	/* hide-from-IE5/Mac hack \*/
	top: auto; bottom: 0;
	/* end hack */}

dd.popup {
	cursor: pointer;
}
	
dd.popup div {
	position: absolute;
	right: 999em; 
	width: 25em;
	border: 1px solid gray;
	padding: 0.5em;
	background-color: #dedeb0;
	text-indent: 0em;
}

/* dd.popup:puHover - hacky js hook for IE */
dd.popup:hover div, dd.puHover div {
	right: 20em;
	background-position: 0 0;

}

/*
 * See http://www.htmldog.com/articles/suckerfish/dropdowns/ for an explanation of
 * how this works. The snippet of code is important to allow a
 * workaround for IEs lack of support for :hover targets...
 */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 9em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

#nav a:link { color: gray; }
#nav a:visited { color: gray; }
#nav a:hover {color: yellow; }
#nav a:active {color: red; }

#nav li {
	float: left;
	width: 9em;		/* width needed or else Opera goes nuts */
}

#nav li ul {
	position: absolute;
	width: 9em;
	background: black;
	border: 1px solid gray;
	padding: 1em;
	left: -999em;			/* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* Make 2nd level menu items visible */
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background-position: 0 0;
}

#nav li ul ul {				/* Make 3rd level menu appear to the right of the second level */
	margin: -1em 0 0 9em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {	/* Hide 3rd level menu items by default */
	left: -999em;
}

/* allow 3rd level menu items to appear when needed */
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
	background-position: 0 0;
}




/* Something that the Google Map API uses */
v\:* {
  behavior:url(#default#VML);
}

/*
	Styling for the thumbnail control
*/

div.thumbnailRight
{
	float: right;
	text-align: left; 
	background-color: #dedeb0;
	border: 1px solid gray;
	padding: 0.2em;
	margin-bottom: 0.5em;
}

div.thumbnail
{
	text-align: left; 
	background-color: #dedeb0;
	border: 1px solid gray;
	padding: 0.2em;
	margin-bottom: 0.5em;
}

th
{
	background-color: Black;
	color: White;
}

table
{
	border: 1px solid gray;
	background-color: #dedeb0;
	padding: 0.2em;	
}

td
{
	border: 1px solid gray;
	padding: 0.2em;
	background-color: #fefed0;
		
}

/* Default anchor styling */

a 
{
    font-weight: bold;
    text-decoration: none;
}

/* Makes lists of PDF documents looks pretty */

ul.pdf_list
{
    list-style: disc url(/images/pdf.gif) inside;
	padding-left: 0;
	margin-left: 0;
}