/*BODY DESCRIPTION*/
body {
	background-color: #e0e0e0;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

/*DIVISION(S) FOR TEXT IN THE PAGES*/
div.container {
	background-color: #ffffcc;
	width=780px;
	height=100%;
}

div.header {
	height: 175px;
	border: 2px solid #000066;
	background-image: url("images/bayardmastheadflat.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: top-left;
}

div.banner {
	top: 158px;
	height: 27px;
	font-family: trebuchet, verdana, sans-serif;
	font-size: 17pt;
	line-height: 1;
	vertical align: middle;
	text-align: right; 
	padding-right: 20px;
	color: #000033;
	background-color: #0066cc;
}

div.main {
	float: right;
	top: 182px;
	left: 182px;
	border: 0px;
}

/*BEGINNING THE MENU SYSTEM*/
/* set button menu position */
dl#menu {
	float: left;
	width: 180px;
	background: #ffffcc;
}

/* set general button styles */
dt.btn {
	margin-bottom: 1px;
	text-align: center;
}

/* set general anchor styles */
dt.btn a {
	display: block;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

/* mouseout (default) */
dt.btn a {
	background: #0099cc;
	border: 3px outset;
}

/* mouseover */
dt.btn a:hover {
	background: #ff0066;
	border: 3px outset #990000;

}

/* omousedown */
dt.btn a:active {
	background: #66cc66;
	border: 3px outset #330000;
}

/* BUSINESS AND OTHER TEMPLATES STUFF*/
img.biz1 {
    	float: right;
    	width: 10em; 
    	height: 10em;
	border: 1px solid #000;
}

img.biz2 {
	float: right;
	width: 20em;
	height: 20em;
	border: 1px solid #000;
}

img.biz3 {
	float: left;
	width: 10em;
	height: 10em;
	border: 1px solid #000;
}

img.biz4 {
	float: left;
	width: 21.5em;
	height: 20em;
	border: 1px solid #000;
}

img.biz5 {
	float: center;
	width: 21.5em;
	height: 20em;
	border: 1px solid #000;
}

img.biz8 {
    	float: center;
    	width: 10em; 
    	height: 10em;
	border: 1px solid #000;
}

img.biz9 {
    	float: left;
    	width: 10em; 
    	height: 10em;
	border: 1px solid #000;
}

img.biz10 {
    	float: left;
    	width: 5em; 
    	height: 5em;
	border: 1px solid #000;
}

img.biz11 {
    	float: left;
    	width: 37em; 
    	height: 37em;
	border: 1px solid #000;
}

img.biz12 {
    	float: center;
    	width: 20em; 
    	height: 5em;
	border: 1px solid #000;
}


img.biz13 {
    	float: center;
    	width: 35em; 
    	height: 45em;
	border: 1px solid #000;
}


img.biz14 {
    	float: center;
    	width: 15em; 
    	height: 10em;
	border: 1px solid #000;
}
img.biz15 {
    	float: center;
    	width: 35em; 
    	height: 20em;
	border: 1px solid #000;
}

img.biz16 {
    	float: center;
    	width: 35em; 
    	height: 45em;
	border: 1px solid #000;
}

img.biz17 {
    	float: center;
    	width: 35em; 
    	height: 45em;
	border: 1px solid #000;
}

.capfirst {
   	font-family: Georgia, Times New Roman, serif;
	font-size: 3em;
	font-weight: bold;
	background-color: #99ccff;
	border-top: 2px #ff0066;
	border-left: 2px #ff0066;
}

p.biz {
    	font-family: Helvetica, Arial, sans-serif;
    	font-size: 1.1em;
}

p.biz_subsection{
    	font-family: Helvetica, Arial, sans-serif;
   	font-size: 1.1em;
    	text-align: center;
    	color: #2f4f4f;
}

.sectionhdr {
	font: small-caps 2em Georgia, Times New Roman, serif;
	background-color: #99ccff;
	text-align: right;
	float: right;
	margin-top: 1em;
	padding-right: 2em;
}

.sectionhdr2 {
	font: small-caps 1.2em Georgia, Times New Roman, serif;
	background-color: #99ccff;
	text-align: center;
	float: center;
	margin-top: 1em;
	padding-right: 2em;
}

.sectionhdr3 {
	font: small-caps 1.2em Georgia, Times New Roman, serif;
	background-color: #99ccff;
	text-align: center;
	float: center;
	margin-top: 1em;
	padding-right: 10em;
}


.sectionhdr4 {
	font: small-caps 1.2em Georgia, Times New Roman, serif;
	background-color: #99ccff;
	text-align: center;
	float: left;
	margin-top: 1em;
	padding-right: 17em;
}

p.floatleft {
	float: left;
}

/* Gallery */
ul#gallery {
  padding:0; 
  margin:0; 
  width:448px; 
  height:336px; 
  position:relative; 
  background:#888 url(graff/g26.jpg);
  }
#gallery li {
  list-style-type:none; 
  width:64px; 
  height:48px; 
  float:left; 
  z-index:100;
  }
#gallery li.lft {
  float:left; 
  clear:left;
  }
#gallery li.rgt {
  float:right; 
  clear:right;
  }
#gallery a {
  position:relative; 
  width:64px; 
  height:48px; 
  display:block; 
  float:left; 
  z-index:100; 
  cursor:default;
  }
#gallery a img {
  position:relative; 
  width:62px; 
  height:46px; 
  border:1px solid #888; 
  z-index:100;
  }
#gallery a:hover {
  width:160px; 
  height:120px; 
  padding:108px 144px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:20;
  }
#gallery a:hover img {
  background:#eee; 
  position:relative; 
  width:160px; 
  height:120px; 
  border:0; 
  z-index:20;
  }
#gallery a:active, #gallery a:focus {
  background:transparent; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
#gallery a:active img, #gallery a:focus img {
  background:#eee; 
  position:relative; 
  width:320px; 
  height:239px; 
  border:0; 
  z-index:10;
  }
/* hack for Internet Explorer */
#gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-2px; 
  width:448px; 
  font-size:0;
  }

/* hack for Opera 7+ */
@media all and (min-width:0px){
#gallery a:hover {
  background:#888; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
#gallery a:hover img {
  background:#aaa; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0; 
  z-index:10;
  }
}

/* Calander */
.month {
background-color:#0066cc;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}

</style>


<script type="text/javascript" src="basiccalendar.js">

/***********************************************
* Basic Calendar-By Brian Gosselin at http://scriptasylum.com/bgaudiodr/
* Script featured on Dynamic Drive (http://www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>