/* basic.css */
/* Designed by Tom Allen for midwaybc.net (2008-08) 

   In addition to black and white, the layout primarily uses two colors:
   #770F10	The same "maroon" color that is used in the MBC Logo
   #F7D949	A "gold" color chosen to complement the color of the logo
*/

/* Basic style declarations */

body {background: #FFFFFF; font-family: Arial, Verdana, Helvetica, sans-serif; margin: auto; text-align: left;}

a {color: #770F10; text-decoration: none; border-bottom: 1px dotted #D2B0B0;}
a:hover {border-bottom: 1px solid #770F10;}

h1, h2, h3, h4 {font-family: Arial, Verdana, sans-serif;}
h1 a, h2 a, h3 a, h4 a {text-decoration: none; border: none;}
h1 {background: #770F10; color: #FFFFFF; font-size: 120%; margin: 15px 0 0 0; padding: 2px 15px; clear: both;}
h1 a {background: #770F10; color: #FFFFFF;}
h1 a:hover {background: #F7D949; color: #770F10}
h2, h3, h4 {color: #770F10; margin: 0;}
h2 {font-size: 105%; padding: 15px 0 5px 0; clear: both;}
h2.center {text-align: center;}
h3 {font-weight: bold; font-size: 90%; padding: 10px 0 0 0;}
h3.center {text-align: center;}
h4 {font-weight: bold; font-size: 80%; padding: 10px 0 0 0}

p {margin: 0; padding: 10px 0; font-size: 80%; text-align: justify; line-height: 1.5;}
p.center {text-align: center;}
p.quote {font-size: 100%; text-align: center; font-style: italic; color: #770F10;
  border:1px dotted #F7D949; margin: 20px 35px 0 35px; padding: 15px;}
p.quote-source {font-size: 80%; text-align: right; color: #770F10;}
p.overview {}

img {border: none; margin: 0; padding: 0;}
img.wrap {margin: 0; padding: 0 0 0 15px; float: right;}
img.wrap-left {margin: 0; padding: 0 15px 0 0; float: left;}
img.opening-quote {width: 40px; height: 40px; margin: 0; padding: 0; float: left;}
img.closing-quote {width: 40px; height: 40px; float: right; margin: -25px 0 20px 0; padding: 0;}

p img.staff-thumbnail {float: left; margin-right: 12px; width: 106px; height: 150px;}
p a img.staff-thumbnail {border-bottom: 1px solid #FFFFFF;}
p a:hover img.staff-thumbnail {border-bottom: 1px solid #770F10;}

ul {margin: 5px 10px 5px 15px; text-align: justify; line-height: 115%; padding: 0;}
li {font-size: 80%; margin: 0; padding: 3px;}

input {display: block; float: left; margin: 0;}


/* General page layout */

#wrapper {width:770px; margin: auto; padding: 0;}
#header {height: 150px; padding: 0 10px; text-align: center;}
#content {margin-top: 10px; padding-bottom: 10px;}
#content div {padding: 10px; float: left; min-height: 450px;}

/* On home page, panels "-left" and "-main" are combined.
   On other pages, the content is divided into 3 panels. */
#content-big-welcome {width: 550px;}
#content-big-welcome a {text-decoration: none; color: #770F10; border: none;}
#content-big-welcome a:hover {}
#content-big-welcome a img {text-decoration: none; border-bottom: 1px solid #FFFFFF;}
#content-big-welcome a:hover img {border-bottom: 1px solid #770F10;}

#content-left {width:160px;}
#content-main {margin: 0 0 0 10px; width:360px;}
#content-right {margin-left: 10px; width: 160px;
  background: url(images/RightBorderGradient.png) repeat-y right;}

#footer {float:left; width:750px; margin: 10px; padding: 1px; border: none; clear: both; 
  text-align: center; font-size: 75%; color: #770F10; background: #FDF4CA; text-decoration: none;}
#footer a {color: #770F10; text-decoration: none; border: none;}
#bottom {clear: both; text-align: center; font-size: 65%; color: #707070; text-decoration: none;}
#bottom a {color: #707070; text-decoration: none; border: none}

/* NAVIGATION */

/* News and Announcements */

#ann {margin: 0; padding: 0;}
#ann img {}
#ann a img {}
#ann a:hover img {}
#ann li {margin: 10px 0; padding: 1px 1px 10px 15px; list-style: none; 
  font: bold 75% Arial, Helvetica, sans-serif; text-align: right; text-transform: none;}
#ann li a {color: #770F10; border: none; text-decoration: none;}
#ann li a:hover {text-decoration: underline;}
#ann li a.heading {font-size: 110%; text-transform: uppercase;}
#ann li a.heading:hover {}

/* Drop-down menus 
   Adapted from The JavaScript Source: http://javascript.internet.com/ */
#dd {margin: 0; padding: 0;}
#dd li {float: left; margin: 0; padding: 0; list-style: none; font: bold 80% Arial, Helvetica, sans-serif;}
#dd li a.menu {display: block; text-align: center; border: none;
  padding: 6px 10px 0 10px; margin: 0; color: #770F10; text-decoration: none;}
#dd li a.menu:hover {background: #F7D949; margin: 0; text-decoration: underline;}
.submenu {background: #770F10; border: none; visibility: hidden; position: absolute; z-index: 3;}
.submenu a {display: block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; 
  text-align: left; padding: 5px 10px; color: #FFFFFF; text-decoration: none; border: none;}
.submenu a:hover {text-decoration: underline; color: #F7D949; border: none;}

/* For the Custom Google Search input */
.searchbar {float: right; margin: 0 0 -2px 0; padding: 0;}

/* Left panel navigation menu */
#nav { margin: 0 0 15px 0; padding: 0 0 15px 0;}
#nav li {list-style: none; font: bold 80% Arial, Helvetica, sans-serif; 
  margin: 0 0 5px 10px; text-align: left; background: #FFFFFF; color: #770F10;}
#nav li.heading {margin: 0 0 10px 0; padding: 0 0 0 0; text-transform: uppercase;}
#nav li:hover {text-decoration: underline;}
#nav li a {text-decoration: none; color: #770F10; border: none;}
#nav li a:hover {text-decoration: underline;}
#nav li a.heading {margin: 20px 0; text-decoration: none; text-transform: uppercase;}
#nav li a.heading:hover {text-decoration: underline;}


/* Temporary styles */