/* BATS CSS Style */
/* Copyright 2016 Baltimore Assessment and Therapy Services */

body {
  color: #000000;
  background-color: gray;
  font-family: serif;
  background-image: url(images/4BLUFADE.JPG);
  margin:0;
  padding:0;
  line-height: 1.2em;
  text-align: center; /* To fix IE auto margin bug */
}

#maincontainer {
  width: 780px; /*Width of main container*/
  margin: 1em auto 0 auto; /*Center container on page*/
  font-family: "Times New Roman", Times, serif;
}

#banner {
  background-image: url(images/Banner780x150.jpg);
  width: 780px;
  height: 150px;
  border: solid 1px black;
}

#contentwrapper { /* Contains menu, content and footer */
   min-height:100%;
   position:relative;
  float: left;
  width: 100%;
  background: #eeeeee;
  border: 1px solid black;
  padding: 0 0 3em 0;
}

#contentcolumn {
  text-align: left;
  margin: 0px;
  margin-left: 150px; /* Must be same as menubar width */
  padding: 0.2em 1em 0px 1em;
}

#menubar {
  float: left;
  width: 150px; /* Must be same as contentcolumn width */
  background: #C0E0F0;
}

#footer {
  position:absolute;
  left: 0;
  bottom:0;
  width:100%;
  height: 3em;   /* Height of the footer */
  background: #C0E0F0;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  font-weight: normal;
  line-height: 1em;
  border-top: 1px solid black;
}

#footer p {
  margin: 0px;
  padding: 0.2em;
  line-height: 1em;
}

/* A menu list */
ul.sidemenu {
  padding: 0px;
  margin: 0px;
  list-style: none;
  font-size: 90%;
  border-bottom: 1px solid #000000;
  width: 150px;
  background-color: #C0E0F0;
}

/* A menu item */
ul.sidemenu li {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  color: #000000;
}

/* A menu title */
ul.sidemenu li.title {
  background-color: #204460;
  border: 1px solid #000000;
  font-weight: bold;
  color: #FFFFFF;
}

/* The current menu item */
ul.sidemenu li.current {
  background: url(images/rightarrow.png) no-repeat 5px center; /*custom bullet */ 
}

/* A menu item link */
ul.sidemenu li a {
  text-decoration: none;
  display: block;
  width: 145px;
  color: #204460;
  padding: 2px;
}

/* Mouse over a menu item link */
ul.sidemenu li a:hover, ul.sidemenu li a:focus {
  background-color: #0080E0;
  color: #ffffff;
}

/* The current menu item */
ul.sidemenu li.current a:hover {
  background: url(images/rightarrow.png) no-repeat 5px center; /*custom bullet */ 
  background-color: #0080E0;
  color: #ffffff;
}


