/* gorin.css */

body { /* Styles for entire page. */
font-family: "Century Schoolbook", "New Century Schoolbook", Palatino, Times, "Times New Roman", serif;
/* List of font families in descending order preference. */
font-size: 1.05em; /* 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. */
color: #000000; /* default black text color */ 
}

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

.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: 5px 5px; text-decoration: none; color: #0000ff; }
.nav ul li a:hover { background-color: #0000ff; color: #fff; }

.anchor-link { display: inline-block; text-align: center; padding: 10px 15px; color: #fff; background-color: #0000ff; 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: #0000ff; }
#m-nav ul li a:hover { background-color: #0000ff; 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: 1.05em; /* 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: #0000ff; /* Link color is brown 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: #0000ff; /* Background color brown when hovering. */
border-bottom: 2px black solid; /* Draw black line on bottom and right of link box to highlight it. */
border-right: 2px black solid;
}

.suggestions ol li a { /* Index page - suggested links */
text-decoration: none; /* Turn off link underlining. */
}

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


.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: #0000ff; /* Brown. */
border-top: 3px solid; /* Draw solid brown line at top and bottom of container. */
border-bottom: 3px solid;
}

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

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

.container 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;
}

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

.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;
}

/* End of container box coding. */

/* Code for footer. */

/* Mainly used to enclose "Top of Page" link. */
.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: #0000ff;
 }

.footer 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;
}

/* End of footer code. */

.nodec a:link {
text-decoration: none;
}

/* Vertical lists of links using unordered or ordered lists. */

/* Unordered lists: */
.tablecontents ul li {
line-height: 140%;
}

.tablecontents ul li a {
text-decoration: none; /* turn off link underlining */
color: #0000ff;
 }

.tablecontents ul li 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;
}

/* Ordered lists: */
.tablecontents ol li {
line-height: 140%;
}

.tablecontents ol li a {
text-decoration: none; /* turn off link underlining */
color: #0000ff;
 }

.tablecontents ol li 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;
}

/* code for headers */

.fullh1 { /* Code for h1 headers. */
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; }


/* Columns */

/* Code to divide the page into two similar sized columns */

.leftcontent {
float:left; /* float the content to the left of available window */
width:54%; /* set available display space */
margin-left: 0em;
margin-right: 1em;
padding-bottom:10px;
font-size: 1.05em;
padding-right: .5em; 
border-right: 1px solid gray; /* Draw gray line between columns. */
}

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

.leftcontent ul {
font-size: 1em; /* Make lists print slightly smaller. */
}

.rightcontent { /* Uses window space left available to right of left column. */
margin-right: 0em;
font-size: 1.05em;
}

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


.leftcontent2 {
float:left; /* float the content to the left of available window */
width:50%; /* set available display space */
margin-left: 0em;
margin-right: 1em;
padding-bottom:10px;
font-size: 1.05em;
padding-right: .5em; 
border-right: 1px solid gray; /* Draw gray line between columns. */
}

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

.leftcontent2 ul {
font-size: 1em; /* Make lists print slightly smaller. */
}

.rightcontent2 { /* Uses window space left available to right of left column. */
margin-right: 0em;
font-size: 1.05em;
}

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

.leftcontent3 {
float:left; /* float the content to the left of available window */
width:50%; /* set available display space */
margin-left: 0em;
margin-right: 1em;
padding-bottom:10px;
font-size: 1.05em;
padding-right: .5em; 
border-right: 1px solid gray; /* Draw gray line between columns. */
}

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

.leftcontent3 ul {
font-size: 1em; /* Make lists print slightly smaller. */
}

.rightcontent3 { /* Uses window space left available to right of left column. */
margin-right: 0em;
font-size: 1.05em;
}

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

/* 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; 
}

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


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

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

}

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

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

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

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

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

}

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

.leftfront6 {
float:left; /* float the content to the left of available window */
width: 65%; /* set available display */
margin-left: .5em;
margin-right: 2em;
padding-bottom:10px;
font-size: 1.05em;
padding-right: 1em; 

}

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

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

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

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

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

.leftfront4 {
float:left; /* float the content to the left of available window */
width: 35%; /* set available display */
margin-left: .5em;
margin-right: 2em;
padding-bottom:10px;
font-size: 1.05em;
padding-right: 1em; 

}

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

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

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

.leftfront5 {
float:left; /* float the content to the left of available window */
width: 25%; /* set available display */
margin-left: .5em;
margin-right: 2em;
padding-bottom:10px;
font-size: 1.05em;
padding-right: 1em; 

}

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

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

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

/* Use to clear back to a single column. */

.clearboth {
clear: both;
 }


/* text manipulation */

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

.xbigtext { /* use for larger type */
line-height: 135%;
font-size: 1.8em;
}
.bigtext { /* use for larger type */
line-height: 135%;
font-size: 1.4em;
}

.bigtext2 { /* use for larger type */
line-height: 125%;
font-size: 1.2em;
}

.bigtext3 { /* use for larger type */
line-height: 120%;
font-size: 1.1em;
}

.smalltxt { /* use for normal type */
font-size: .9em; 
}

.xsmalltxt { /* use for small type */
font-size: .8em; 
}

.xxsmalltxt { /* use for really small type */
font-size: .7em; 
}

.italic { /* make type italic */
font-style: italic; 
}

.bold { /* make type bold */
font-weight: bold; 
}

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

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

.noliststyle {
list-style-type: none; }

.notextdec a {
text-decoration: none; }

.red {
color: #cc0000; }

.floatright {
float: right;
}

.floatleft {
float: left;
}

/* Use this to center an image within a div. */

.centeredimage {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

/* Code for footnotes. */

.footnote {
text-indent: -1.5em;
padding-left: 3.5em;
padding-right: 2em; }

.fn {
vertical-align: super;
font-size: .8em; 
color: red;
line-height: 0em; }

.fn2 a {
vertical-align: super;
font-size: .8em; 
line-height: 0em;
text-decoration: none; }

.footnote1 {
text-indent: -1em; margin-left: 1.5em;
}

.footnote2 {
text-indent: -1.5em; margin-left: 1.5em;
}

.footnote2a {
text-indent: -2em; margin-left: 1.5em;
}

.footnote3 {
margin-left: 1.5em;
}

/* 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;
}

/* Table manipulation. */

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

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

.centeralltablewhite
{ 
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #FFFFFF;
}

.tdivory { 
background-color: #FFFFF0;
}

.tdwhite { 
background-color: #FFFFFF;
}

.centerwhitetable
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #FFFFFF;
}

.whitetable
{ 
background-color: #FFFFFF;
}

.leftalign ul {
text-align: left;
}

.rightalign ul {
text-align: right;
}

/* Other Stuff */

.brown
{ 
background-image:url(images/parchmentbg.jpg);
}

.noliststyle ul {
list-style-type: none; /* display without dots */
}		

.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }
.frame { padding: 0px; border: 1px solid #0000ff; }
.margin5 { margin: 5px 5px 5px 5px; }

p {padding: 0 0 0 0; font-weight:300; text-indent:1.625em; line-height: 140%;}


p.noindent {text-indent:0;}

b {
font-weight:600;
}

p.headline {
text-align: center;
text-indent: 0;
}

pre {
font-size: 110%;
}

.bigger {
font-size: 120%;
}

/* Extras: */

.notxtdec a:link {
text-decoration: none; /* do not underline links */
}

.thru {
text-decoration:line-through;
}

.forms {
width: 80%;
}

.animals {
width: 70%;
}

.full_img {
  max-width: 100%;
}

.responsive-container
{
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    }

.responsive-container iframe,  
.responsive-container object,  
.responsive-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.jscenter {
margin: 0px auto;
}