/* Soup-Bowl CSS */

body { /* Styles for entire page. */
font-family: "Century Schoolbook", "New Century Schoolbook", Palatino, serif;
/* List of font families in descending order preference. */
font-size: 1.1em; /* An em is equal to the default browser font-size. */
line-height: 1.725em; /* Allow space between lines for easier reading. */
margin: 0em; /* Allows body to use entire window. */
background: #FDF6E3;
color: #586E75; /* default text color */ 
}

.titlebar { /* Used with div to center header graphic. */
margin: 5px auto; /* Center image horizontally and leave 5 pixels above and below. */
text-align: center; /* Added to force centering for some browsers. */
}

.big {
font-size: 1.5em; /* An em is equal to the default browser font-size. */
}

.verybig {
font-size: 2.0em; /* An em is equal to the default browser font-size. */
}

.small {
font-size: 0.8em; /* An em is equal to the default browser font-size. */
line-height: 1.4em; /* Allow space between lines for easier reading. */
}

.verysmall {
font-size: 0.6em; /* An em is equal to the default browser font-size. */
line-height: 1.2em; /* Allow space between lines for easier reading. */
}

.nav ul { display: none; list-style: none; padding: 0px; margin: 0px; font-weight: bold; text-align: center; }
.nav ul li { display: inline-block; text-align: left; }
.nav ul li a { display: block; padding: 10px 10px; text-decoration: none; color: #2AA198; }
.nav ul li a:hover { background-color: #009051; color: #fff; }

.anchor-link { display: inline-block; text-align: center; padding: 10px 10px; color: #fff; background-color: #009051; text-decoration: none; margin: 3px; float: right; }

.display-footer { font-size: 1.1em; }
#m-nav { display: block; }
#m-nav ul { list-style: none; margin: 0px; padding: 0px; }
#m-nav ul li { list-style: none; text-align: center; }
#m-nav ul li a { display: block; padding: 20px 10px; border-bottom: 1px solid #ccc; text-decoration: none; color: #2AA198; }
#m-nav ul li a:hover { background-color: #009051; color: #fff; }

@media all and (min-width:40em){
	
	.nav ul { display: block; }
	.anchor-link { display: none; }
	#m-nav { display: none; }
	
}

/* Main horizontal menu bar; used with div */
.mainmenubar { /* Set the following for entire menu bar. */
text-align: center; /* Center menu horizontally. */
font-size: 1em; /* Maintain font size. */
line-height: 80%; /* Reduce vertical white space by 20% to reduce space above and below menu line. */
}

/* Menu is displayed as an unordered list <ul>. */
.mainmenubar ul { /* Set for menu bar list. */
margin-left: 0; /* No indented margin. */
padding-left: 0; /* No padding on left. */
list-style-type: none; /* Display without dots. */
padding-bottom: 0; /* No padding below. */
}

.mainmenubar ul li { 
display: inline; /* Display unordered list items in a horizontal line. */
}

.mainmenubar ul li a { /* For menu bar links... */
text-decoration: none; /* Turn off link underlining. */
color: #2AA198; /* Link color is black like rest of text. */
padding: .2em .4em .2em .4em; /* Top, right, bottom, left padding around each item. */
}

.mainmenubar ul li a:hover { /* Do when cursor hovers over link. */
color: #fff; /* Text color white when hovering. */
background-color: #009051; /* Background color black when hovering. */
}

/* Content boxes used with div. */
/* Display is centered in browser window and restricted to a width suitable for majority of computer screens. */

.outerbox { /* Used to define content window. */
width:1020px; /* Define width of allowable window box. Majority of screens accept this width without horizontal scrolling. */
margin:0px auto; /* Center the box horizontally; use all available vertical space. */
}

.container { /* Used as an innerbox to define general content placement. */
width: 98%; /* approximately 1000 pixels */
margin: 0px auto; /* Center container. */
padding-top: 0em; /* No padding on top, left, and right of container. */
padding-left: 0em;
padding-right: 0em;
line-height: 130%; /* Overrides body setting to provide more space between lines. */
border-color: #000000; /* Black. */
border-top: 3px solid; /* Draw solid brown line at top and bottom of container. */
border-bottom: 3px solid;
}

.container a:link {
color: #2AA198; /* Links are same color as text. */
 }

.container a:visited {
color: #2AA198; /* Color does not change when already visited. */
 }

.container a:hover { /* Do when cursor hovers over link. */
color: #fff; /* text color white */
background-color: #009051; /* background color brown */
}

.innerbox { /* Used to set margins within the container.  */
margin: .5em 1em ; /* .5em top and bottom; 1em left and right. */
}

/* code for a footer window beneath divided windows */

.footer {
clear: both; /* clear to both sides of divided windows */
margin: 0;
padding: .5em;
 }

.footer a:link {
text-decoration: none; /* do not underline links */
color: #2AA198;
 }

.footer a:hover { /* do when cursor hovers over link */
color: #fff; /* text color white */
background-color: #009051;
border-bottom: 2px black solid; /* draw black line on bottom and right of link */
border-right: 2px black solid;
}

.right { /* align type to right of current window */
text-align: right; }

.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }

.fullh1 {
font-size: 1.5em;
font-weight: bold;
text-align: center;
margin-top: 0em;
padding-top: 0em; 
line-height: 130%; }

.fullh2 { /* Code for h2 headers; not centered. */
font-size: 1.15em;
font-weight: bold;
margin-top: 0em;
padding-top: 0em; }

.fullh2c { /* Code for h2 headers, centered. */
font-size: 1.15em;
font-weight: bold;
text-align: center;
margin-top: 0em;
padding-top: .5em; }


.centertable
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}

.center { /* center text */
text-align: center; 
}

.full_img {
  max-width: 100%;
}

/* Reduce paragraph left/right margins */

.reducemargin {
padding-left: 3em;
padding-right: 3em;
}

.reducemargin1 {
padding-left: 1em;
padding-right: 1em;
}

.reducemargin2 {
border-left: thin dotted #0000ff; /* Dotted line on left. */
padding-left: 1em;
padding-right: 1em;
}

.reducemargin3 {
border-left: thin dotted #0000ff; /* Dotted line on left. */
padding-left: 3em;
padding-right: 3em;
}

.box {
border: thin dotted #0000ff; /* Dotted line. */
padding: .2em .2em .2em .2em;
}

.red {
color: #cc0000; }

.bottomcontainer { /* Used as an innerbox to define bottom content placement. */
width: 98%; /* Reset width. */
margin: 0px auto; /* Center container. */
padding-top: 0em; /* No padding on top, left, and right side. */
padding-left: 0em;
padding-right: 0em;
line-height: 120%; /* Reduce line height. */
font-size: 80%; /* Reduce font size. */
}

.bottomcontainer a:link {
text-decoration: none; /* Do not underline links */
color: #0000ff; /* Maintain link color as brown. */
 }

.bottomcontainer a:hover { /* do when cursor hovers over link */
color: #fff; /* text color white */
background-color: #0000ff; /* background color brown */
border-bottom: 2px black solid; /* draw black line on bottom and right of link */
border-right: 2px black solid;
}

.clearboth {
clear: both;
 }

/* Two columns; left at 450 pixels. */

.leftfront {
float:left; /* float the content to the left of available window */
width: 45%; /* set available display to 450 pixels */
margin-left: .5em;
margin-right: 2em;
padding-bottom:10px;
font-size: 1.05em;
padding-right: 1em; 
border-right: 1px solid gray; 
}

.leftfront p {
margin-top: 0em;
padding-top: 0em; 
}

.rightfront { /* uses window space left available to right of left column */
margin-right: 1em;
font-size: 1.05em;
}

.rightfront p {
margin-top: 0em;
padding-top: 0em; 
}

.notextdec a {
text-decoration: none; }