/*
 * SiteCommon.css - Styles for the entire site
 * ver 1.0 - 16 Aug 2011
 * Jim Fawcett, Syracuse Univ
 */
 
/*----< Page Links >-------------------------------------*/

a:link, a:visited, a:active
{
  color:Black;
}

a:hover { color:#060; }

#prevlink
{
  float:left;
  padding:5px 10px 5px 10px;
}

#prevlink:hover
{
  background:#ddd;
}

#nextlink
{
  float:right;
  padding:5px 10px 5px 10px;
}

#nextlink:hover
{
  background:#ddd;
}

/*----< menu styles >------------------------------------*/

.container  
{
    width:100%;
    overflow:visible;
    position:relative;
    text-align:left;
}

/*#menu, #menu ul 
{
    padding:0;
    margin:0 10px 0 10px;
    list-style:none;
    background:#fff;
}

#menu li a:hover
{
  background:#ddd;
}

#menu li 
{
    float:left;
}

#menu a 
{
    display:block;
    padding:4px;
    width:6em;
    text-decoration:none;
    margin-bottom:2px;
    margin-top:2px;
}

#menu li ul 
{
    position:absolute;
    width:7em;
    left:-999em;
    text-align:left;
    padding:0 5px 0 5px;
    z-index:1;
}

#menu li:hover ul, #menu li ul:hover 
{
    left:auto; border:1px solid Black;
    border-bottom-width: 3px;
    border-right-width:3px;
}

#menu li ul a:hover
{
  background:#ddd;
}

ul[id=menu] li { margin:0; }

.menubegin
{
    margin:0;
}

.menuend
{
    clear:both;
    margin-bottom:20px;
}*/

/*----< Heading Styles >---------------------------------*/

#topleft { float:left; font-size:small; padding-bottom:2px; }

#topright { float:right; font-size:small; padding-bottom:2px; }

#pagetitle { clear:both; text-align:center; padding:15px; background-color:#efe; border:1px solid Teal; }
  /* margin-top is ignored on clear:both element so use padding to control space between floated and cleared */

#title { margin:2px 50px 0px 50px; padding:4px; background-color:Teal; color:White; }

#subtitle { margin:0px 50px 2px 50px; padding:3px 0 10px 0; background-color:Teal; color:White; }

#pagedate { margin:5px 0 0 0; }

/*----< Page Content styles >----------------------------*/

html, body {
  padding:0px; margin:0px; height:100%; width:100%; overflow:hidden;
}
body
{
  background-color:#ddd; font-family:Comic-Sans, Tahoma, Sans-Serif;
}
header {
  padding:0px 10px; background-color:white;
}
main {
  margin:0px; padding:0px 30px; background-color:white; border:solid 1px black;
}
footer {
  padding:0px 30px; background-color:white;
}
.row, .col {
  overflow:hidden; 
  position:absolute;
}
.body {
  position:absolute;
}
.scroll-x {
  overflow-x:auto;
}
.scroll-y {
  overflow-y:auto;
}
body {
  top:0px; right:0px; bottom:0px; left:0px;
}
header.row {
  left:0px; right:0px;
}
header.col {
  top:6px; height:80px;
}
main.row {
  left:0px; right:0px;
}
main.col {
  top:86px; bottom:30px; z-index:0;
}
footer.row {
  left:0px; right:0px;
}
footer.col {
  height:50px; bottom:8px;
}
/*nav > div > div > ul { height:30px; white-space:nowrap; width:100%;
  overflow-x:hidden; overflow-y:hidden;
}*/
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.clear { clear:both; }
.top { vertical-align:top; }

section { border:1px solid black; margin-bottom:5px; }

.block
{
  border-width:2px; border-style:solid; border-color:#000;
  background-color:#fff; 
  box-shadow:5px 5px 2px #888;
  padding: 15px 15px 25px 15px;
  margin:10px 0 10px 0;
  border-radius:5px;
}

table 
{ 
  border:2px solid #000; 
  width:98%;
  margin:10px 1% 10px 1%; 
  border-collapse: collapse; 
}

th 
{ 
  background-color:Teal; color:#fff; 
}

th#tabletitle
{
  background-color:Teal; color:#fff;
}

tr, th
{
  border:2px solid #040; text-align:center; padding:8px;
}

td
{
  border:2px solid #040; text-align:left; padding:4px 8px; color:#040;
}

tr:last-child { text-align:center; }

td.em
{
  color:white; background-color:LightSeaGreen;
}

/*----< footer styles >----------------------------------*/

/*footer 
{ 
  clear:both;
  font-size:small;
  margin:30px 0 50px 0;
}*/