/* style.css */


/* These modify standard elements. */

/* Setup body.
 * body appears as background for page defined below.
 */
body {
	margin-left: 10%; margin-right: 10%;
	font-family: sans-serif;
	color: black; background: #99ccaa;
}

/* Don't underline links. */
:link, :visited {
	text-decoration: none;
}


/* anchors have underlined text when mouse hovers over them. */
a:hover {
	text-decoration: underline;
}


/* These "subclass" standard elements.*/

/* unordered list w/o bullets, with indent. */
ul.no-bullet-indent, ul.no-bullet-indent-dark-background {
	margin-left: 1em;
	padding: 0;
	list-style: none none inside;
}

/* + dark background */
ul.no-bullet-indent-dark-background {
	background: #e3e3e3;
}

/* Begin Tables. */

/* table with indent */
table.indent {
	margin-left: 1em;
}

/* table row with dark background. */
tr.dark-background {
	background: #e3e3e3;
}

/* table heading text aligned left, with indent. */
th.left-indent {
	padding-left: 3em;
	text-align: left;
}

/*
 *  table data cell indented. 
 *  Need to add padding on right so table heading (th) will center correctly over this.
 */
td.indent {
	padding: 0 3em 0 3em;
}

/* table data centered. */
td.center {
	text-align: center;
}

/* End Tables. */



/* These are new elements. */

/* Begin Tabs.
 * The same "tabs" appear on each page with current page as "selected" tab.
 * "Link" for the selected tab is "disabled" in html for that page by making it ordinary text (not a link).
 */

div.tabs {
}

ul.tabs {
	list-style: none;
	margin: 2em 0 0 0;
	padding: 0 0 0 0.6em;
}

li.tabs, li.tabs-select, li.tabs-indent, li.tabs-select-indent,li.tabs-dead {
	display: inline;
	padding: 0.3em 0 0 0;
	border: 1px solid black;
	border-bottom-width: 0;
	background-color: #e3e3e3;
	font-size: 80%;								
}

/* These are "selected" tabs.
 * By setting padding-bottom to 1px covers page's top border.
 * Setting background-color to the same as page makes tab look like part of the page.
 */
li.tabs-select, li.tabs-select-indent {
	padding: 0.3em 0.5em 1px 0.5em;
	background-color: #f9f9f9;
}

/* These are "dead" tabs.
 * Used for tabs which do NOT contain a link (but are not the "selected" tab.
 */
li.tabs-dead {
	color: gray;
	padding: 0.3em 0.5em 0 0.5em;
}

li.tabs-indent, li.tabs-select-indent {
	margin-left: 1em;
}

/* anchors for tabs use black text.
 * Adding padding to anchor, rather than li, makes whole tab clickable.
 */
a.tabs {
	color: black;
	padding: 0 0.5em 0 0.5em;
	text-decoration: none
}

/* End Tabs. */


/* Begin page.
 * This division holds actual content of web page.
 */
div.page {
	border: 1px solid black;
	padding: 1em 1em 1em 1em;
    background: #f9f9f9;
}

/* End page */


/* Centered text with vertical spacing above and below. */
div.title-center {
	margin: 1em 0 1em 0;
	text-align: center;
}

div.office-schedule {
	margin: 3em 0 0 1em;
	font-family:"Liberation Sans";
	font-size:x-small;
}

/* Right aligned text with vertical spacing above. */
div.validated-icon {
	margin: 3em 0 0 0;
}

/* End Titles. */