/* Dark Brown       #A27A28	162, 122,  40 
 * Mid Brown        #D7AF5E	215, 175,  94 
 * Light Mid Brown  #E0C285 224, 194, 133 
 * Light Brown      #EEDDBB	238, 221, 187 
 * Very Lt. Brown   #FBF4E6	251, 244, 230 
 * Light Purple     #FFB0D3	255, 176, 211 
 * Light Green      #B5DCB5 181, 220, 181
 *
 */

body
{
  background-image:url(../Images/tin.jpg); 
  background-position: center center; 
  background-attachment:fixed; 
  background-repeat:repeat;
  margin: 0;
  font-family: arial, helvetica, sans-serif; 
  font-size: 13px;
}
h1
{
  color: black;
  padding: 0px 10px 0px 10px;
  margin: 0;
  font-size: 23px;
}
h2
{
  color: black;
  padding: 0px 10px 0px 10px;
  margin: 0;
  font-size: 18px;
}
h3
{
  color: black;
  padding: 0px 10px 0px 10px;
  margin: 0;
}
p,li
{
  padding: 0px 10px 0px 10px;
}
a:link
{
  /*font-variant: small-caps;*/
  /*text-decoration: none;*/
  color: #004499;
}
a:visited
{
  /*font-variant: small-caps;*/
  /*text-decoration: none;*/
  color: #118855;
}
a:hover
{
  background: #FFB0D3;
  color: #000000;
  text-decoration: none;
}
div.cdbaby
{
  float: right;
  width: 205px;
}
div.cdbaby a
{
  text-decoration: none;
  background: none;
}
/* Use this after floated elements to expand the container. */
div.clear
{
  clear: both;
  height: 0px;
}
div.title
{
  font-weight: bold;
  padding: 10px 0px 5px 5px;
}

.caption
{
  font-style: italic;
  font-size: 10px;
  text-align: center;
}

table.subscriber
{
  border-collapse: collapse;
  border: 1px solid black;
}
table.subscriber td, th
{
  border: 1px solid black;
  padding: 0px 4px 0px 6px;
  font-size: 10px;
}

.imgbutton
{
  border: none;
}
/* This is the style for the Navigation Bar ***********************************/
/*#topmenu
{
  /*width: 100%;
  padding: 0;
  margin: 0;
  height: 23px;
  list-style-type: none;
  background-color: #A27A28;
  border: 1px solid black;
} 
#topmenu li
{
  display: inline;
}
#topmenu a:link, #topmenu a:visited
{
  height: 20px;
  float: left;
  border: none;
  background-color: #E0C285;
  padding: 3px 8px 0px 8px;
  margin-right: 2px;
  text-decoration: none;
  text-align: center;
  font-variant: small-caps;
  font-size: 90%;
  color: black;
  position: absolute;
  top: 0px;
  left: auto;
}
/* This is not currently in use. Use only for two row menu. 
#topmenu a.toprow
{
  background-color: #CD9C36;
}
#topmenu a:link.here, #topmenu a:visited.here
{
  background-color: #EEDDBB;
}
#topmenu a:hover
{
  background: #ffb0d3;
  color: black;
}*/

#topmenu 
{
  padding:0;
  margin:0; 
  list-style:none; 
  height:23px; 
  position:relative; 
  background-color: #A27A28;
}
#topmenu li 
{
  float:left; 
  margin-right:2px;
  padding: 3px 8px 0px 8px;
  background-color: #E0C285;
  color: black;
}
#topmenu li a 
{
  display:block; 
  float:left; 
  height:20px; 
  text-decoration:none; 
  font-size:100%;
  font-variant: small-caps;
  cursor:pointer; 
  color: black;
}
#topmenu li:hover
{
  background: #ffb0d3;
}
#topmenu li a:hover 
{
  color:#000; 
}
#topmenu li.here
{
  background-color: #EEDDBB;
}
#topmenu li.here:hover
{
  background-color: #EEDDBB;
}
#topmenu li.here a:hover 
{
  background-color: #EEDDBB;
  color:#000; 
  cursor:default;
}

/* This is the style for the second Navbar ************************************/
#secondnavbar
{
  margin: 0;
  padding: 0;
  height: 25px;
  list-style-type: none;
}  
#secondnavbar li
{
  display: inline;
}
#secondnavbar a:link.wide, #secondnavbar a:visited.wide
{
  /*width: 120px;*/
}
#secondnavbar a:link, #secondnavbar a:visited
{
  float: left;
  border: none;
  padding: 3px 8px 0px 8px;
  text-align: center;
  text-decoration: none;
  font-variant: small-caps;
  font-size: 100%;
  color: #A27A28;
  /*width: 90px;*/
}
#secondnavbar a:link.here, #secondnavbar a:visited.here
{
  color: #000000;
  font-weight: bold;
  background-color: #EEDDBB;
}
#secondnavbar a:hover
{
  background: #ffb0d3;
  color: #FFFFFF;
}

/* This is the style for the Bottom Navigation Bar ****************************/
#navbar-bottom
{
  border: none;
  background-color: transparent;
  width: 800px;
  text-align: center;
  font-variant: small-caps;
  font-weight: normal;
  color: black;
  text-decoration: none;
}
#navbar-bottom a:link, #navbar-bottom a:visited
{
  font-variant: small-caps;
  font-weight: normal;
  color: black;
  text-decoration: none;
}
#navbar-bottom a:hover 
{
  font-variant: small-caps;
  font-weight: normal;
  color: black;
  text-decoration: none;
  background-color: #ffb0d3;
}
/* This is the style for the Admin Navigation Bar *****************************/
#adminnavbar
{
  border: none;
  padding-left: 20px;
  background-color: transparent;
  color: #A27A28;
  width: 780px;
}
#adminnavbar a:link, #adminnavbar a:visited
{
  text-decoration: none;
  font-variant: small-caps;
  color: #A27A28;
}
#adminnavbar a:hover 
{
  background: #ffb0d3;
  color: #000;
}
#adminnavbar a:link.here, #adminnavbar a:visited.here
{
  color: #000000;
  font-weight: bold;
  background-color: #EEDDBB;
}

/* This is the centered portion of the main conatainer. There is another div */
/* that contains this div, that spans the width of the browser window.        */
/******************************************************************************/
div#container
{
  width: 800px;
  background-color: #A27A28;
  border: 3px solid black;
}
/* This is the style for the general Div */
div#maincontent
{
  color: black;
  text-align: left;
  background-color: #eeddbb;
  border: none;
}
/* This is used on the index page.  *******************************************/
div.home
{
  vertical-align: top; 
  position: relative;
  overflow: auto;
}
div.home p
{
  padding: 0px 10px 0px 10px;
}
div.home h3
{
  padding-left: 10px;
}
div.withbackground
{
  background-image: url(../Images/TabHead.jpg); 
  background-position: top;
  background-repeat:repeat-x; 
  vertical-align: top; 
}
div.other
{
  background-image: none; 
  vertical-align: bottom; 
  position: relative;
}
div.promopic
{
  float: right;
  margin: 5px 5px 5px 5px;
  width: 375px;
}


table#listtable
{
  width: 100%;
  border-collapse: collapse;
}
table#listtable td
{
  padding-bottom: 10px;
  width: 397px;
  background-image: url(../Images/TabHead.jpg); 
  background-repeat: repeat-x; 
  vertical-align: middle; 
  position: relative;
}
table#listtable img
{
  border: none;
}
div.item
{
  width: 397px; 
  position: relative; 
  vertical-align: top;
  background-image: url(../Images/TabHead.jpg); 
  background-repeat: repeat-x;
  padding-bottom: 10px;
}
div#schedule
{
  position: relative;
  vertical-align: top;
}
table.sitem
{
  position: relative;
  height: 110px;
  width: 798px;
  background-image: url(../Images/SchedBar.jpg); 
  background-repeat: no-repeat; 
  border-collapse: collapse;
  border: 2px solid #FFFFFF;
  margin-left: 1px;
}
table.sitem th
{
  border: none;
  font-weight: bold;
  font-size: 14px;
}
table.sitem td.datecol
{
  padding: 5px 5px 0px 5px;
  width: 120px;
  vertical-align: top;
}
table.sitem td.venuecol
{
  padding:5px 5px 0px 5px;
  width: 300px;
  vertical-align: top;
}
table.sitem td.admissioncol
{
  padding:5px 5px 0px 5px;
  width: 200px;
  vertical-align: top;
}

table#biotable
{
  width: 800px;
}
table#biotable td.bio
{
  height: 300px;
  width: 600px;
  vertical-align: top;
  background-image: url(../Images/TabHead.jpg); 
  background-repeat: repeat-x;
}
table#biotable td.bio img.biomain
{
  margin-right: 10px;
  margin-left: 10px;
}
#copynotice
{
  color: black;
  text-align: center;
  font-size: 10px;
}  

div.blog
{
  border: 2px solid white;
  padding: 3px 3px 10px 3px;
  vertical-align: top;
  margin-bottom: 10px;
}

/* This is used on the Past Schedule page. ************************************/
table.pastsched
{
  border-collapse: collapse;
  position: relative;
  vertical-align: top;
  width: 799px;
  margin: 0 0 10px 1px;
}
table.pastsched td
{
  border: 1px solid white;
  padding: 1px 3px 3px 3px;
  vertical-align: top;
}
table.pastsched td.narrow
{
  width: 150px;
}
table.pastsched td.right
{
  width: 200px;
}

/* This is used in Admin functions for links to edit items. *******************/
a:link.editlink 
{
  font-weight: normal;
  font-variant: normal;
  text-decoration: none;
  color: #FF0000;
}
a:visited.editlink
{
  font-weight: normal;
  font-variant: normal;
  text-decoration: none;
  color: #FF0000;
}
a:hover.editlink
{
  background: #FFFF00;
  color: #FF0000;
  text-decoration: underline;
}
a.adminlink
{
  font-weight: normal;
  font-variant: normal;
  text-decoration: underline;
  color: #EEDDBB;
}

div.activebar
{
  background-color: #CD9C36;
  height: 20px;
}
div.inactivebar
{
  background: transparent;
  height: 20px;
}
div.inactivebar a
{
  background-color: #D7AF5E;
}
div.inactivebar a.first
{
  margin-left: 40px;
}
div.confirmationbox
{
  background-color: #B5DCB5;
  margin: 0px 10px 0px 10px;
  border: 2px solid #005000;
}
div.alertbox
{
  background-color: #FFFFBB;
  margin: 0px 10px 0px 10px;
  border: 2px solid #AA0000;
  color: #AA0000;
}