/*
    The original Hoosier Beemers theme
    Created by Tom Wade
*/

body { color: #ffffff; background-color: #0000ff; }

#top           { margin: 20px; padding: 10px; color: #000000; background-color: #000099; height: 100px; text-align: center; }

#left          { float: left; width: 20%; color: #ffffcc; background-color: #0000dd; }

#right         { float: right; width: 20%; color: #ffffcc; background-color: #0000dd; }

#center        { margin-left: 21%; margin-right: 21%; padding: 20px; color: #ffffff; background-color: #0000bb; }

#widecenter    { float: right; width: 77%; padding: 0px 7px 0px 7px; color: #ffffcc; background-color: #0000bb; border: 0px solid red; }

#clear { clear: both; }

#footer { bottom: 0; margin: 20px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffdd; background-color: #0000ee; height: 50px; text-align: center; }

.logoboxclear  { margin: 0 0%; padding: 10px 0; text-align: center; }

.logoboxwhite  { margin: 0 5%; padding: 10px 0; text-align: center; color: #000000; background-color: #ffffff; }

.centered { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; text-align: center; }

.green { color: #00ff00; }




h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 200%;    color: #000000; background-color: #bbffff; text-align: center; }
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 150%;    color: #000000; background-color: #bbffff; text-align: center; }
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium;  color: #000000; background-color: #bbffff; text-align: center; }
h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;       color: #000000; background-color: #bbffff; text-align: center; }
h6 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #006600; font-weight: normal; background-color: #fafffa; }

/* white text */

.tinyWhiteText        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 60%;   font-weight: normal; color: #FFFFFF; text-align: center; } 
.tinyWhiteTextleft    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 60%;   font-weight: normal; color: #FFFFFF; text-align: left;   } 
.smallWhiteText       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%;   font-weight: normal; color: #FFFFFF; } 
.mediumWhiteText      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%;   font-weight: normal; color: #FFFFFF; } 
.mediumlargewhiteText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%;  font-weight: normal; color: #FFFFFF; } 

/*  red text */

.smallRedText         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  70%;  font-weight: normal; color: #FF0000; }
.mediumRedText        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  90%;  font-weight: normal; color: #FF0000; }
.bigRedText           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 125%;  font-weight: normal; color: #FF0000; }
.hugeRedText          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 175%;  font-weight: normal; color: #FF0000; }

/*  red text */

.mediumYellowText        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;  font-weight: normal; color: #FFD700; }


a:link    { color: #ccFFFF; font-weight: bold; text-decoration: none; }
a:visited { color: #ccFFFF; font-weight: bold; text-decoration: none; } 
a:hover   { color: yellow;  font-weight: bold; } 
a:active  { color: yellow;  font-weight: bold; } 


.logoboxwhite a:link    { color: #000000; font-weight: bold; text-decoration: none; }
.logoboxwhite a:visited { color: #990000; font-weight: bold; text-decoration: none; } 
.logoboxwhite a:hover   { color: #990000;  font-weight: bold; } 
.logoboxwhite a:active  { color: #990000;  font-weight: bold; } 


img { border-color: #FFBD32; border-style: hidden; }


#inboxes  ul {
  float: right;
  width: 52%;
  padding: 0;
  margin: 0;
  list-style-type: none; /*turns off display of bullet*/
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


.logolink a {
color: #ffffff;
}


/*  Menu styles start here  */


#navlist {
float: left;
left: 9px;
top: 135px;
width: 100%;
}

#navlist ul {
margin:  0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-size: .9em;
}

#navlist li {
margin: 0;
color: #ffffff;
}

#navlist a {
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid;
border-color: #ddd #000 #000 #ddd;
background-color: #bbffff;  /*  this is the unhighlighted background color should be the same color as h1 */
background-image:  url(assets/l4_down.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
}

#navlist a:link, #navlist a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
}

#navlist a:hover, #navlist a:active {
background-color: #ffffbb;
background-image:  url('assets/l4_over.jpg');
background-repeat: no-repeat;
background-position: 0% 50%;
color: #eeffff;
}

#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
background-color: #0000ff;  /*  this is the uberlink color  */
background-image:  url(assets/l4_over.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #eeffff;
}