a:link       { color: rgb(0, 51, 102) }
a:active     { color: rgb(0, 0, 255) }
a:visited    { color: rgb(0, 153, 0) }
body         { background-color: rgb(180, 205, 222); color: rgb(0, 0, 0); margin:0px }
table        { table-border-color-light: rgb(255, 255, 204); table-border-color-dark: 
               rgb(102, 102, 51) }
h1           { color: rgb(0, 51, 51) }
h2           { color: rgb(0, 0, 0) }
h3           { color: rgb(0, 0, 0) }
h4           { color: rgb(0, 51, 51) }
h5           { color: rgb(0, 0, 0) }
h6           { color: rgb(0, 0, 0) }
button       { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255) }
label        { color: rgb(0, 0, 0) }
textarea     { color: rgb(0, 0, 0) }
fieldset     { color: rgb(0, 0, 0) }
legend       { color: rgb(0, 0, 0) }
select       { color: rgb(0, 0, 0) }
caption      { color: rgb(0, 0, 0) }
th           { color: rgb(0, 0, 0) }
body         { font-family: Arial, Arial, Helvetica }
h1           { font-family: Arial, Arial, Helvetica; font-weight: normal; font-style: normal; 
               font-size: 24pt }
h2           { font-family: Arial, Arial, Helvetica; font-weight: normal; font-style: normal; 
               font-size: 18pt }
h3           { font-family: Arial, Arial, Helvetica; font-weight: normal; font-style: normal; 
               font-size: 14pt }
h4           { font-family: Arial, Arial, Helvetica; font-weight: normal; font-style: normal; 
               font-size: 12pt }
h5           { font-family: Arial, Arial, Helvetica; font-weight: normal; font-style: normal; 
               font-size: 10pt }
h6           { font-family: Arial, Arial, Helvetica; font-weight: normal; font-style: normal; 
               font-size: 8pt }
button       { font-size: 8pt; font-family: Arial, Arial, Helvetica; font-style: normal; 
               border-style: solid; border-width: 1pt }
textarea     { font-size: 8pt; font-family: Arial, Arial, Helvetica; font-style: normal; 
               border-style: solid; border-width: 1pt }
fieldset     { font-size: 8pt; font-family: Arial, Arial, Helvetica; font-style: normal; 
               border-style: solid; border-width: 1pt }
legend       { font-size: 8pt; font-family: Arial, Arial, Helvetica; font-style: normal }
select       { font-size: 8pt; font-family: Arial, Arial, Helvetica; font-style: normal; 
               border-style: solid; border-width: 1pt }
table        { font-family: Arial, Arial, Helvetica; font-style: normal }
caption      { font-size: 14pt; font-family: Arial, Arial, Helvetica; font-style: normal }
th           { font-family: Arial, Arial, Helvetica; font-style: normal }
marquee      { font-size: 14pt; font-family: Arial, Arial, Helvetica }

.bannertitle { font-family: Georgia, 'Times New Roman', Times; color: #008000; 
               font-size: 36pt; font-style: normal; font-weight: 700 }
.bannertext { font-family: Georgia, 'Times New Roman', Times; color: #008000; 
               font-size: 18pt; font-style: normal; font-weight: normal }
.homebannertext { font-family: Georgia, 'Times New Roman', Times; color: #008000; 
               font-size: 16pt; font-style: normal; font-weight: normal }
.diarybannertext { font-family: Georgia, 'Times New Roman', Times; color: #008000; 
               font-size: 24pt; font-style: normal; font-weight: normal }
.DiaryPage  { font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; line-height: 120%;}
.HomePage   { font-family:Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal; }

INPUT.formbutton
{
font-weight: bold;
color: #FFFFFF;
background-color: #78A3C5;
}

#containerul, #containerul ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0 0 0 8px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:"none"; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:10px;
  height:1em;
  background-position:right center;
  background-repeat:no-repeat;
}


/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font-family: Arial, Helvetica, sans-serif; font-weight: 550; font-style: normal;
color: #78A3C5;
background: rgb(180, 205, 222);
/* width: 135px; width of menu (not including side paddings)*/
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
font-family: Arial, Helvetica, sans-serif; font-weight: 550; font-style: normal;
color: #78A3C5;
background-color: rgb(180, 205, 222);
width: 135px; /*width of menu (not including side paddings)*/
display: block;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 145px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background: #78A3C5;
color: rgb(180, 205, 222);
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 150px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 0px 0;
padding: 0;
border: 1px solid rgb(180, 205, 222); /* hide the box around the main menu */
}

.markermenu ul li a{
font-family: Arial, Helvetica, sans-serif; font-weight: 550; font-style: normal;
color: #00014e;
background: rgb(180, 205, 222) no-repeat 3px center; /*light gray background*/
border-bottom: 1px solid rgb(180, 205, 222);
display: block;
width: auto;
padding: 3px 0;
padding-left: 4px; /* add this to the 150 to get 154 below */
text-decoration: none;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 154px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: rgb(0, 153, 0);
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: rgb(180, 205, 222);
background-color: #78A3C5;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: rgb(180, 205, 222);
color: #00014e;
}

.blackwhite li a:hover{
background: #78A3C5;
color: rgb(180, 205, 222);
}