/* CSS for Rocky Run Middle School PTA website */

body {
    margin: 0;
    padding: 0;
    color: #003366;           /* dark blue */
    background: lavender;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
}
a:link,
a:visited {
   color: #5555ff;   / * bright-ish blue */
   }
a:hover {
   color: #ee1133; /* rose */
   }
h1 {
   color: #ee1133;
   font-weight: bolder;
   font-size: 150%;
   margin: 2;
   }
h2 {
   color: olivedrab;
   font-weight: bold;
   font-size: 100%;
   margin: 2;
   }
hr {
   border: 1px solid #003366;
   height: 1px;
   color: #003366;
   background-color: #003366;
   }
table {
    width: 80%;
    }
th {
   background: #003366;
   color: #ffffcc;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 75%;
   }
td {
   color: #003366;
   background: ivory;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 75%;
   }
/* Sections on the page */
#page { /* whole thing */
    margin: 0 auto;
    width: 850px;
    color: #000080;          /* dark blue */
    background: lightgoldenrodyellow;
   }
#header {
   clear: both;
   height: 189px;
   margin: 0;
   padding: 0 0 0 0;
   }
#main { /* main column of info */
    clear: right;
    float: right;
    margin: 0;
    padding: 0 30px 0 0;
    width: 550px;
   }
#main_nomenu { /* main column of info */
    clear: right;
    float: left;
    margin: 0;
    padding: 0 30px 0 0;
    width: 690px;
   }
/* Trailer format */
#trailer {
   clear: both;
   margin: 20px 0 0 30px;
   padding: 0;
   width: 660px;
   height: 36px;
   line-height: 26px;
   font-size: 75%;
   font-style: italic;
   }
/* Menu bar on the left */
#menubar {
   clear: left;
   float: left;
   margin: 0;
   padding: 0 50px 0 50px;
   width: 140 px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 75%;
   }

#menubar #item {
    margin: 0 0 0 0;
    padding: 0;
    width: 140px;
    background: #003366;
    color: #ffffcc;
}

#menubar #item #itemlink {
    margin: 0;
    padding: 0; 
    list-style: none;
    border: 1px solid #003366;     /* dark blue */
}

#menubar #item #itemlink a:link,
#menubar #item #itemlink a:visited {
    display: block;
    margin: 1px 0;
    padding: 3px 0 3px 15px; 
    background: lavender;
    color: #003366;                /* dark blue */
    text-decoration: none;
    width: 123px;
}

#menubar #item #itemlink a:hover {
    background: #003366;          /* dark blue */
    color: #ffffcc;
}
.highlight {
	background-color: ivory;
      color: green;
}
.message {
	background-color: ivory;
      color: #ee1133;
}
.warning {
	background-color: ivory;
      color: orange;
}
.debug {
	background-color: ivory;
      color: purple;
}
.header {
	font-size: 200%;
}