body {
 font-family: verdana;
 margin: 0px; }

/* BaNNER
---------------------------*/

#banner {
 position:absolute;
 top:0px;
 left:150px;
 right:0px;
 height:100px; 
 background-image:url('BannerBody.gif');
 overflow:hidden; }

/* CUSClogo
---------------------------*/

#CUSClogo {
 position:relative;
 right:50px; }


/* MENU
---------------------------*/

#menu {
 position:fixed;
 top:0px;
 bottom: 0px;
 left: 0px;
 width:150px;
 background-image:url('MenuBody.gif'); font-family: arial;
 font-size: 21px;
 font-weight: bold;
 font-style: italic;
 text-decoration: none; }

#menu a:link {
 display: block;
 width: 120px;
 height: 24px;
 text-shadow: 1px 1px #0000ff; 
 margin: 0px 3px;
 color: white;
 text-decoration: none; }
 
#menu a:visited {
 color: white;
 text-decoration: none; }

#menu a:hover {
 color: yellow;
 background-image: url(ArrowOn.png); }

#menu a#facebook {
 display: block;
 width: 100px;
 height: 33px;
 margin: 10px 3px;
 font-size: 8pt;
 font-weight: normal;
 font-style: normal;
 text-shadow: 0 0; }


/* MENU TITLE
---------------------------*/

#menutitle {
 margin: 60px 3px 0px 3px;
 font-family: verdana;
 color: white;
 font-size: 16pt;
 font-style: normal;  font-weight: bold; }


/* ARCHIVE
---------------------------*/

#archive {
 font-family: verdana;
 font-size: 8pt;
 font-weight: normal;
 font-style: normal;
 color: white; }

#archive a:link {
 display: inline;
 height: 12px;
 text-shadow: 0 0; 
 text-decoration: underline;
 color: yellow; }
 
#archive a:visited {
 color: white; }

#archive a:hover {
 background-image: none;
 color: lightgreen; }


/* CONTENT
---------------------------*/

#content {
 position:absolute;
 left:150px; 
 top:100px; 
 bottom:4px; 
 right:0px;
 font-family: verdana;
 font-size: 10pt; }