/* 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-family: arial, helvetica, sans-serif; 
  font-size: 23px;
}
h2
{
  color: black;
  padding: 0px 10px 0px 10px;
  margin: 0;
  font-family: arial, helvetica, sans-serif; 
  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.awards 
{
}
div.awards h3
{
  margin: 0;
  padding: 0;
  font-size: inherit;
}
div.awards ul, div.awards p
{
  margin: 0;
}
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;
}
div.halfcolumn
{
  width: 386px;
}
.halfcolumn p
{
  margin: 0;
}
div.left
{
  float: left;
}
.caption
{
  font-style: italic;
  font-size: 10px;
  text-align: center;
}

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

.imgbutton
{
  border: none;
}
/* This is the style for the Navigation Bar ***********************************/

#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: 11px;
  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-size: 10px;
  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-weight: normal;
  font-size: 9px;
  color: black;
  text-decoration: none;
}
#navbar-bottom a:link, #navbar-bottom a:visited
{
  font-weight: normal;
  color: black;
  text-decoration: none;
}
#navbar-bottom a:hover 
{
  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;
  font-size: 11px;
  background-color: transparent;
  color: #A27A28;
  width: 780px;
}
#adminnavbar a:link, #adminnavbar a:visited
{
  text-decoration: none;
  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.item p img
{
  margin-left: 3px;
}
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; 
  background-position: right bottom;
  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;
  position: relative;
}
table.sitem td.admissioncol
{
  padding:5px 5px 0px 5px;
  width: 200px;
  vertical-align: top;
}
table.sitem td.imgcol
{
  text-align: center;
  vertical-align: middle;
}
table.sitem td.imgcol img
{
  width: 100px;
}
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;
  background-image: url(../Images/SchedBar.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
}
.fb_share_button 
{ 
  display: -moz-inline-block; 
  display: inline-block; 
  padding: 1px 20px 0 5px; 
  height: 15px; 
  border: 1px solid #d8dfea; 
  background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; 
} 
.fb_share_button:hover 
{ 
  color: #fff;   
  border-color: #295582; 
  background: #3b5998 url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; 
  text-decoration: none; 
} 

/* 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 
{
  text-decoration: none;
  color: blue;
  /*font-weight: normal;
  font-variant: normal;
  text-decoration: none;
  color: #FF0000;*/
}
a:visited.editlink
{
  text-decoration: none;
  color: blue;
  /*font-weight: normal;
  font-variant: normal;
  text-decoration: none;
  color: #FF0000;*/
}
a:hover.editlink
{
  background-color: #FFFFCC;
  text-decoration: underline;
  /*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;
  padding: 5px;
}
div.alertbox
{
  background-color: #FFFFBB;
  margin: 10px 10px 10px 10px;
  border: 2px solid #AA0000;
  padding: 5px;
  color: #AA0000;
}
.controlbox
{
  width: 200px;
  border: 2px solid #AAAAAA;
  background-color: #CCCCCC; 
  padding: 0 5px 0 5px; 
  width: 130px; 
  position: absolute; 
  right: 0px; 
  top: 0px;
  z-index: 2;
}
div.adminbutton
{
  float: right; 
  margin: 2px 10px 0 0; 
  width: 10px; 
  height: 10px;
}
div.placeholder
{
  height: 500px;
}