html{height: 100%;}

body{

  background: #775842 url('back1.png') repeat-x;
 color: black;
}
#container
{ background: transparent;
  color: white;
}

#menuContainer
{ background: white;
  color: black;
}

#topLinks, #footer
{ background: #f4ede0;
  color: #30231b;
}


#topLinks a, #footer a, #topLinks a:hover, #footer a:hover
{ background: #f4ede0;
  color: #30231b;
}

#footer a, #footer a:hover
{
  background: #f4ede0;
 color:black;	
}

#contactFooter
{background: #f4ede0;
  color: #30231b;	
}

#footer
{
 background: #f4ede0;
  color: #30231b;	
}
#banner
{
 background: #f4ede0;
  color: #30231b;	
}
#visitorCounter
{
 background: white;
 color:black;
}

#logo
{ background: url(basketStripHeader.png) no-repeat;
  color: black;
}

#logo h1
{ background: transparent;
  color: black;
}

#menu
{
 background-color:#f9edd5;
	color:#30231b;
 float:left;
}

#menu a
{
 background-color:#f9edd4;
	color:#30231b;
 text-decoration:none;
 display:block;	
}

#menu a:hover
{
 background:#30231b;
 color:#f9edd5;	
}

#menu li{
	
 background-color:#f9edd5;
	color:#30231b;
 list-style:none;
 text-align:center;
}

#menu li:hover{
background-color:#f9edd5;
 color:#f9edd5;	
	
}

#menu ul ul{
 position:absolute;
}

#menu ul ul
{
 display:none;
}

#menu ul li:hover ul, #menu ul ul li:hover ul
{
 display:block;
}

#Menu {
	background-color:#f9edd5;
	width:15%;
	float:left;
	padding:0px;
	margin-left:0px;
	margin-top:0px;
	font-size:12px;
}

#Menu a {
	text-decoration:none;
	display:block;
	color:#30231b;
}
#Menu li {
	height:20px;
	margin-top:0px;
	padding:0px;
	list-style:none;
	font-weight:bold;
	background-color:#f9edd5 repeat;
	color:#30231b;
	text-align:right;
	position:relative;
	cursor:pointer;
}
#Menu li:hover {
	background-color:#f9edd5;
	 color:#f9edd5;	

}
#Menu ul ul {
	position:relative;
	top:.01px;
	left:20%;
	width:115%;
}

#Menu ul ul ul{
position:relative;
	top:-40px;
	left:50%;
	width:115%;
}
#Menu ul ul{
	display:none;
}

#Menu ul li:hover ul{
	display:block;
}

#content
{
 background: #f4ede0;
  color: #30231b;	
}


#imgBar
{border: black;
 border-style:ridge;
}
#homeBottomLeft
{
background:white;
}

#homeBottomLeft th
{
font-size:1.1em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background:white;
color:white;
vertical-align:middle;
}

#homeBottomLeft td, #homeBottomLeft a
{font-size:1em;
background:white;
color:maroon;
text-decoration: none;
vertical-align:middle;
}


#homeBottomLeft td{border: 1px solid maroon;}

#homeBottomLeft a:hover
{
 background:gray;
 color:white;
}

#homeBottomCenter
{
 background: white;
 color: black;
}

#homeBottomRight
{
 background: #f4ede0;
  color: #30231b;
}

#homeRight
{
 background: #f4ede0;
  color: #30231b;
}


#bottomCenter
{
	color: black;
	background: #f4ede0;
}
#councilCommittees td{
	
	padding:3px;
	vertical-align:top;
}

#bottomRight table, #bottomRight a
{
 background: #333;
 color: #CCC;
 text-decoration:none;	
 text-align:center;
 vertical-align:middle;


}
#bottomRight td
{border: 1px solid black;
 text-align:center;
}

#bottomRight a:hover
{
 background: #CCC;
 color: #333;	
 text-decoration:underline;
 text-align:center;
 vertical-align:middle;
}

#bottomRight th
{
 background: black;
 color: white;	
}

#community, #community a
{
 color:black;	
}

#bc a:hover
{
 color:red;
 text-decoration:underline;
 background:white;
}
#bh a:hover
{
 color:red;
 text-decoration:underline;
 background:black;
}
#cone a:hover
{
 color:white;
 text-decoration:underline;
 background:royalblue;
}
#cr a:hover
{
 color:white;
 text-decoration:underline;
 background:turquoise;
}
#pr a:hover
{
 color:white;
 text-decoration:underline;
 background:navy;
}
#rw a:hover
{
 color:red;
 text-decoration:underline;
 background:yellow;
}
#sp a:hover
{
 color:yellow;
 text-decoration:underline;
 background:purple;
}
#tucker a:hover
{
 color:yellow;
 text-decoration:underline;
 background:green;
}

#earlyChildhoodStaff
{ text-align:left;
}
#earlyChildhoodStaff th
{
border-bottom:medium; 
border-bottom-style:dotted; 
border-bottom-color:#900000;	
}

#jobAnnoucementsTable th
{
border-bottom:dotted;
border-bottom-color:#900000;	
text-align:left;
border-left:solid;
border-left-width:2px;
border-left-color:#666;
}

#jobAnnoucementsTable td
{
text-align:left;

padding:0;
margin:0;
}

#alt1
{
text-align:left;
background:white;
padding:0;
margin:0;
}

#alt2
{
text-align:left;
background:#CCC;
padding:0;
margin:0;
}

#jobAnnoucementsTable tr
{
 border-bottom:solid;
border-bottom-width:2px;
border-bottom-color:#666;	
}

#schools a
{ text-decoration:none;
   color:black;
}

#schools a:hover
{text-decoration:underline;
 color:#900000;	
}

#announcements 
{
	color:#CCCCCC;
    background:#222222;
	border:3px double #990000;
	padding:2px;
	font-size:12px;
	text-align:left;
	width:600px;
}
#hrForms hr
{
border-top-style:dotted;
border-top-color:#900000;
border-top-width:thick;
	
}

#hrHolidaysTable th
{ border-bottom:dotted;
border-bottom-color:#900000;	
text-align:left;
width:600px;
padding-top:40px;
}

#sportsRosterTable th
{ border-bottom:dotted;
border-bottom-color:#520707;	
text-align:left;
width:600px;
padding-top:40px;
	
}

#sportsRosterTable td
{
 border-bottom:thin;
 border-bottom: solid 1px #333;
 padding-top:15px;
}

#sportsBioTable
{ width:600px;	
}
#sportsBioTable th
{
 width:600px;
 font-family: 'Black Ops One', cursive;
 color:#600;
 text-align:left;
 font-size:24px;
}
#sportsBioTable td
{
 width:600px;
 text-align:left;
 font-family: 'Black Ops One', cursive;
 font-size: 20px;	
}

#hrAlt2
{
width:400px;	

}

#cchsSports h1
{ font-family: 'Black Ops One', cursive;
	
}

#aboutMBCIOverview img
{
 width:300px;
 height:41px;	
}

.buttons {
	background-color:#000;
	color:#fff;
	padding:5px;
}
.buttons:hover {
	background-color:#555;
}
.box2 {
  width: 30px;
  height: 30px;
  background-image:url(../media/img/download.png);
  background-position:center;
  background-repeat:no-repeat;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.pull-left {
  float: left !important;
}
.hover:hover {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}