/* ---------- Cascaded from main style sheet ---------- */

#container {  width: expression( document.body.clientWidth < 826 ? "825px" : "auto" ) }
#headerimage { float:none; width:193px; height:138px; 
               background-image:url('../stuff/colorlg4_95.jpg') }
#headercaption { margin-top:-18px; padding-right:40px; float:right; height:18px; width:300px; 
                 text-align:right;  }
#yellow { width:93%;  padding-top:5px;  padding-left:5px }


/* --- As of 9/20/2008 this is only used on the index page, but it or some similar padding adjustment
       might be found to be useful elsewhere to make IE display a ul the same way Firefox does 
       (see the Firefox developers doc on the subject.  It is used with the <!--[if IE]> <![endif]-->
       construct.
--- */

.IEulfix { padding-left:5px }

/* --- Custom items.  NOTE:  some of these object might at some point be useful elsewhere,
       particularly .block, .notes, .marquee, .menu and maybe .smallprint and .head
--- */

#white { width:93%;}
#leftcontent { clear:left; padding-top:10px; margin-right:255px; text-align:justify } 
#blockcol { float:left; width:249px }

/* ---------- Main menu ----------*/

.menu { }
.menu ul { width:100%; padding:0; margin:0; list-style-type:none; }
.menu li { float:left; width:33%; height:20px; padding-top:2px; text-align:center; background-color:#0099CC; 
           border:2px solid #CC0066; border-right:1px solid #CC0066;}
.menu li.middle { border-left:none }
.menu li.right { border-left:none; border-right:2px solid #CC0066 }
.menu a {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; 
           color: #FFCC99; font-weight: bold; text-decoration: underline }

/* ---------- The small blocks & accessories ---------- */

.block { background-color:#EFEFEF; border:2px solid #669999; width:235px; padding:5px }
.block a {font-size:8pt; text-align:center; padding-bottom:2px; 
               color:#669999; font-weight:normal; text-decoration:underline }

.block a.b {font-size:10pt; text-align:left;  
               color:black; font-weight:normal; text-decoration:underline }
.block ul { padding:0; margin:0; list-style-position:outside; padding-left:12px; 
                 list-style-image:url("../stuff/rpointerl2.gif");  }

.head { border-bottom:1px solid black; font-size:10pt; text-align:center; padding-bottom:2px;
                   color:#669999; font-weight:bold }
.smallprint { text-align:center; line-height:10px }

/*  ---------- The list of announcements ---------- */

.notes {  }
.notes ul {  padding:0;
             margin:0; 
	     list-style-type:none;             
	     font-size: 10pt; 
             color: #CC0066; background-color:#F5EAD8;
}
.notes li {
           display:table;
           margin:0 auto; width:100%; padding-top:10px; padding-bottom:10px; height:35px;
	   border-left:1px solid #517979; border-right:1px solid #517979; border-bottom:1px solid #517979; 
	   text-decoration:none;
	   text-align:center;
	   vertical-align:middle;          
}
.notes li.top { border-top:1px solid #517979 }
.notes li.only { border-top:1px solid #517979; border-bottom:1px solid #517979 }
.notes a { font-size:12pt; color:#CC0066; text-decoration:underline }
.notes a.rs { font-size:10pt; color:#CC0066; text-decoration:none }
.notes a.rsu { font-size:10pt; color:#CC0066; text-decoration:underline }


/* ---------- The horizontal lists of links ---------- */

.marquee { width:100%; float:left }
.marquee ul { padding:0; margin:0; list-style-type:none }
.marquee li { float:left; width:33%; color:#669999; font-size:8pt; 
              border-top:1px solid #517979; border-bottom:1px solid #517979; border-left:1px solid #517979;
              background-color:#F5EAD8; height:22px; line-height:20px; text-align:center 
}
.marquee li.left { border-left: 1px solid #517979; }
.marquee li.right { border-right: 1px solid #517979; }
.marquee li.under { border-top:none; }
.marquee li.under-right { border-top:none; border-right:1px solid #517979 }
.marquee a { font-size: 8pt; color: #669999; text-decoration: underline }

/*  This is a customization of the width of the menu for the index page.  It is put here so that
    the main definition of .menu could more easily by used in other pages if it is ever used elsewhere.
*/

.menu { width:100.3% }