/*** CSS 2.1 Styles ***/

/*****************************
 * These are the styles that will be on all the site pages
 * They might get written over my other things, as this will be
 * the first style sheet, well-after yui-reset but mostly they 
 * will hang around
 *
 *****************************//*  Author: Dustin Masterson <masters@fas> 
 * Project: 0 
 *    Date: 2.22.2008
 */

html {
	background: #CCCCCC;
}

body {
	margin: 1.5em;
	font-family: "Times New Roman", Georgia, Serif;
	background-color: #CCCCCC;
	font-size: 16px;
	color: #000000;
}

/*** container divs ***/
div#main-content, div#footer {
    max-width: 40em;
}

div#footer {
	margin: 2em 5em 5em 2em;
	text-align: center;
}

div#footer ul, div#footer p {
    font-size: 0.8em;
}

/*** headers ***/

h1, h2, h3, h4, h5 {
	font-weight: bold;
}

h1 h2 {
    margin: 0.67em 0px 0.67em 0px;
}


h3 h4 {
    margin: 0.5em 0px 0.5em 0px;
}

h1 {
    font-size: 200%;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 130%;
}

h4 {
    font-size: 120%;
}

/*** lists ***/

ul {
    margin: 1em 0px 1em 0px;
	list-style: outside disc;
}


ul li {
	list-style: inherit;
	margin: 0px 0.5em 0px 0.5em;
}

dl {
    margin: 1em 0px 1em 0px;
}

dd {
    margin-left: 40px;
}

/*** text things ***/

p {
	margin: 0.5em 0px 0.5em 0px;
}

q {
	font-style: italic;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/*** custom presentation classe ***/

.stricken, a:link.stricken, a:visited.stricken, a:active.stricken   {
	text-decoration: line-through;
}

/*** tables ***/

th {
	background: #FFFFFF;
	font-weight: bold;
}

td, th {
	margin: 0.3em;
	padding: 0.3em;
}

/*** misc ***/
hr {
    border: #000000 inset 1px;
}



/*** forms ***/
select, input, button, label {
  font-family: inherit;
  font-size: 1em;
  margin: 0.3em 0 0.3em 0.3em;
  padding: 2px;
}

textarea {
  font-family: "Courier New", Courier, monospace;
  font-size: 0.8em;
  margin: 0.4em;
  padding: 0.2em;
}

td.label {
    width: 8em;
    text-align: right;
    vertical-align: top;
}

input.button {
    font-size: 0.8em;;
}

fieldset {
    padding: 0.5em;
    margin: 0.5em 0px 0.5em 0px;
    border: #999999 outset 2px;
    width: 43em;
}

fieldset label {
  margin: 0;
  padding: 0;
}

fieldset legend {
    font-size: 110%;
}

/*** links ***/
a:link {
    text-decoration: underline;
    color: #0000FF;
}

a:hover, a:active, a:visited {
    text-decoration: underline;
    color: #FF0000;
}


/******* styles for specific sections ********/

div#footer hr {
	margin-bottom: 1em;
}

div#footer ul {
	list-style: none;
}

div#footer ul li {
	border-right: 1px solid #000000;
	margin: 0px;
	padding: 0px 0.5em 0px 0.5em;
	display: inline;
}

div#footer ul li:first-child {
	border-left: 1px solid #000000;
}

div#footer ul li a:hover, div#footer ul li a:active, div#footer ul li a:visited {
	color: #0000FF;
}

div#footer ul li a:link.nav-current, div#footer ul li a:hover.nav-current, div#footer ul li a:active.nav-current, div#footer ul li a:visited.nav-current {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

div.img-captioned {
	float: left;
	width: 150px;
	margin: 3px;
	vertical-align: top;
}

div.img-captioned-first { /* to start a new gallery row */
	clear: left;
}

/*** ul menus when primary page element ***/
ul#main-menu {
	margin-left: 3em;
}

/*** jquery accordian styled things ***/
.expand-collapse h3, .expand-collapse h4 {
	font-weight: normal;
	font-size: 110%;
}

.expand-collapse h3 a:active, .expand-collapse h3 a:hover, .expand-collapse h3 a:visited, .expand-collapse h4 a:active, .expand-collapse h4 a:hover, .expand-collapse h4 a:visited {
	color: #0000FF;
}

div.expand-collapse {
	margin: 0.67em 0px 0.67em 0px;
}