/* main.css: all browsers

These styles apply to the elements in the template surrounding the content window (the menus, search, footer, etc.)

font-size is specified in main.phtml 
*/

body {
	background-color: #fff;
   margin: 0;
   padding: 0 0 2em 0;
/*   background-image: url(../../images/fpp45right.gif);
   background-position: top right;*/
}
body, td, p, blockquote, dl, dd, dt, ul, ol, li, span.label { 
	color: #555;
}
body, p, blockquote, dl, dd, dt, ul, ol, li, h1, h2, h3, .h3, h4, .h4, .subtitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   line-height: 1.3em;
   }
p {
   padding: 0;
   margin: 0 0 1.3em 0;
}

/* POSITIONING IN  MAIN.PHTML. STRICTLY STRUCTURAL STUFF */

#topmenu {
   text-align: right;
   margin-right: 1.3em;
   margin-top: .5em;
   margin-bottom: 1.3em;
}
div.row {
   border: 1px solid #fff;
   margin-right: 4em;
}
div.row #logo {
   float: left;
   width: 300px;
   text-align: left;
   margin-top: -1em;
}
div.row #logo a {
   height: 80px;
   width: 295px;
}
div.row #topsearch {
   float: right;
   width: 40%;
}
div.row #topsearch form.shortform {
   float: right;
   width: 31em;
   font-size: .8em;
}
div.row #topsearch form.shortform a#searchoptions {
   display: block;
   text-align: right;
   font-size: 1em;
   margin-right: 7em;
}
div.row #topsearch form.shortform span.formw {
   float: left;
   width: 24em;
   font-size: 1em;
}
div.row #topsearch form.shortform span.formw #searchwindow {
   width: 24em;
   font-size: 1em;
}
div.row #topsearch form.shortform span.label {
   float: right;
   width: 5em;
   font-size: 1em;
}
div.row #topsearch form.shortform span.label #searchsubmit {
   width: 5em;
   font-size: 1em;
}
/* the spacer separates floats vertically */
br.spacer {
   clear: both;
   position: relative;
}
#shoulder {
   clear: left;
   float: left;
   width: 11em;
   padding: 0;
   margin-top: 3em;
   height: 60%;
}
#mainmenu {
   text-align: right;
}
#subscribe {
   text-align: right;
   margin-right: 1.5em;
}
#subscribe form input.fill {
   float: right;
   width: 10em;
   padding-right: 5px;
   margin-bottom: 0.3em;
   font-size: .8em;
   text-align: right;
}
#subscribe form input.submit {
   font-size: .8em;
}
#submenu {
   text-align: right;
   margin: 0 7em 1em 2em;
   padding-top: 2px;
}
#subsub {
	text-align: right;
}
/* max-width: about 66 characters per line, pretty long */
div.contentbox {
   clear: right;
   padding-left: 2em;
   margin: 0 8em 0 11em;
   max-width: 41em;
}
/* see #shoulder height */
#footer {
   clear: both;
   padding-top: 2em;
   margin: 1em 8em 0 13em;
   max-width: 41em;
}
/* link to the top of the page */
a.top {
	display : block;
   margin-top: .5em;
   border-top : 2px solid #45761D;
   padding-top: .5em;
}

/* EXPERIMENTAL FORMS */

/* 
see form tweaks in opera.css, netscape4.css 
see box model form tweaks in boxcontent.css
margin and width values must be relative to body font-size 
*/
 
span.label {
	float: left;
	width: 200px;
	text-align: right; 	
   font-family: Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;	
}
div.formwrap { width: 40em; }
fieldset { margin-bottom: 1em; }
legend {  
	font-family: Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;
	font-weight: normal;
	color: #45761D;
	font-size: 1em; 
}

/* label for a "required" field */
span.labelreq, span.labelreq label { 
   font-weight: bold; 
   }

label, td label, span.label label, #andor, div.formrow {
	color: #45761D;
	font-family: Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: normal;
}
/* must use class names for input tags */
input.fill {
   text-align: left;
   background-color: #fff;
   color: #555;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   line-height: 1em; /* move line-height to boxmain */
}
input.submit {
	background-color: #efefef;
	color: #6862A2;
	font-family: Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;
	font-size: 1em;
   line-height: 1em;
   padding: 1px;
}
/*div.formrow {
   margin-top: 5px;
}*/

div.submitrow input.submit {
   margin-left: 200px;
   margin-top: 1em;
}
/* use these classes when two or more drop-down menus share a single line.
In the boxcontent.css, each carries a width rule.  */
select.filltwo { }
select.fillthree { }
select.fillfour { } 
select.fillfive { }


/* MENUS, LINKS , LINK  CLASSES */
a {
	color: #6862A2;
   background-color: transparent;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a:hover {
	text-decoration: underline;
	color: #45761D;
   background-color: #fff;
}
a:visited {
	color: #777;
   background-color: transparent;
}
#mainmenu a, #submenu a, #topmenu a, #subsub a, #topsearch a {
	font-size: .8em;
	text-decoration: none;
	white-space : nowrap;
}
/* subhead is the currently selected link */
a.subhead, a.subhead:visited {
   color: #45761D;
   background-color: transparent;
   font-weight: bold;
}
#mainmenu a.subhead, 
#mainmenu a.subhead:visited,
#topmenu a.subhead, 
#topmenu a.subhead:visited, 
#submenu a.subhead, 
#submenu a.subhead:visited  {
	color: #45761D;
   background-color: transparent;
	font-weight: bold;
}
#topmenu a.subhead, 
#topmenu a.subhead:visited, 
#submenu a.subhead, 
#submenu a.subhead:visited  {
	color: #45761D;
   background-color: transparent;
	font-weight: bold;
   text-decoration: underline;
}
/* visited: full selector paths for old browsers */
#topmenu a:visited, 
.h4 a:visited, 
#subsub a:visited, 
#topsearch a:visited {
	color: #777;
   background-color: transparent;
   font-weight: bold;
}

/* anything inside the marginalia division will be reduced to 80% of its font size. Experimental. */
div.marginalia *, .marginalia { 
	font-size: .9em;
 }

#context {
	font-style: italic;
}
.answer {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-indent: 1em;
	}
	
.question {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em; 
	color: #400080;
   background-color: #fff;
	}

/* 

CONTENT STYLES FOLLOW
 
These styles apply to the elements in the content window (paragraphs, headings, lists, forms, etc.)
*/

/* HEADINGS */

h1, .h1 { 
	font-family: Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;
	font-weight: normal;
	color: #45761D;
   	font-size: 1.5em; 
   margin-top: 0;
}
h2, .h2 { 
	font-family: Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;
	font-weight: normal;
	color: #45761D;
   	font-size: 1.3em;
	padding-bottom: 0;
	margin-bottom: 0.5em;
}
h3, .h3 { 
	font-family: Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;
	font-weight: normal;
	color: #45761D;
	font-size: 1.2em;
}
.h4 {  
	font-family: Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;
	font-weight: normal;
	color: #45761D;
	font-size: 1em; 
}
h4 {  
	font-family: Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	font-size: 1em; 
}

h5 { /* not yet defined */
	
}
/* for use with copyright and similar legal, marginal text */
h6 { 
	font-family: Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;
	font-weight: bold;
	color: #45761D;
	font-size: .8em;
}
/* nest inside any header; usually a div */
.subtitle { 
	font-size: .8em;
	background-color: transparent;
}
/* a link to the top of the document . functions as section divider */
a.top { 
	text-align: right;
	text-decoration: underline;
}
/* hub bibliography. This is a span, inside dl tags */
.h4 a { 
	color: #45761D;
   background-color: #fff;
	text-decoration: none;
}
.h4 a:hover {
	text-decoration: underline;
	color: #6862A2;
   background-color: #fff;
}
a.h4 {
   color: #6862A2;
   font-weight: bold;
}
a.h4:hover {
   text-decoration: underline;
}
a.h4:visited {
   color: #6862A2;
}
/* HTML tags used as selectors */

em, i {
	font-style: italic;
 }
strong, b {
	font-weight: bold;
 }
ol {
	list-style: decimal;	
}
ol ol {
	list-style: lower-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
 dt a {
	display: inline;
}

 /* CREDITS, QUOTATIONS */ 

.byline { font-weight: bold; }

blockquote { font-style: italic; }

/* person quoted. nest inside the blockquote */
blockquote div.byline { 
	font-weight: bold;
	text-indent: 3em;
}

address { }

.author { font-style: italic;
	font-size: .8em;
	font-weight: bold; } 

/* intro editor's note */  
div.editorial { font-style: italic; }

div.announce { }

/* for a table of contents to same-page links */
div.contents {
	border: 1px solid #45761D;
   color: #555;
	background-color: #F0FFF0;
}
div.contents ol, div.contents ol li, div.contents ol li a {
   background-color: #F0FFF0;
}

/* SELECTORS GENERATED BY SCRIPTS */
 
#results dl dt cite.h4 {
	font-style:normal;
}
dl dt .cat, 
dl dt .subcat, 
dl dt .h3,
dl dt .byline {
   display: block;
}
.field { 
   color: #000; 
   background-color: #fff;
}
.value { }

/* usually a link to "more" or "details"*/
.more, a.more {  
	font-size: .8em;
	text-decoration: none;
}
a.more:hover {
	text-decoration: underline;
}
a.more:visited {
	color: #777;
   background-color: transparent;
}

/*REMOVE DIV SUBMITROW
div.submitrow { margin-left: 20em; }*/

/*the preferred order for the short-hand
border style is : color, width, style. */

span.accesskey { text-decoration: underline; }
:focus { /*background-color: #DC143C;*/ }

.typea {
   color: #555;
   background-color: #E1E0EC;
}
.typeb {
   color: #555;
   background-color: #DBE6DC;
}
/* prevents tables from dropping out of box model */

div.contentbox table {
	 float: left;
	 width: 35em;
/*	margin-left: 2em; */
} 
div.contentbox table table {
	float: none;
	width: auto;
	margin: 0;
}
/*
div.contentbox table > table {
   float: none;
	clear: left;
}*/

.publicaccess
{ width: 100%; }

.announcement {
	background-color: #D6E2CE;
	border: 2px solid;
	border-color: #363;
	padding-right: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	}