body { font-family:'Comic Sans MS',verdana,sans-serif; background-color:#ffffdd; color:#000; font-size:small; margin:0; padding:0;}

h1 { color:#5a2369; font-size:160%; margin:2em 0 0 0;}
h2 { font-size:125%;}
h3 { font-size:110%;}
h5 {}

.menu {color: #336633; font-weight: bold; background-color: #8efffd;}
ul a:link {color: #000; font-weight: bold; text-decoration: none;}
ul a:visited {color: #000; font-weight: bold; text-decoration: none;}
ul a:hover {color: #a74661; font-weight: bold; text-decoration:none; border-left:5px solid #a74661; padding-left:5px;}
ul a:active {color: #a74661; font-weight: bold; }

#menu { text-align:left;}
#menu a:link {color: #336633; font-weight: bold; text-decoration: none;}
#menu a:visited {color: #669933; font-weight: bold; text-decoration: none;}
#menu a:hover {color: #3333cc; font-weight: bold; text-decoration:none;}
#menu a:active {color: #CC3333; font-weight: bold; }

.inset {border-color:#336633; border-width:2px; border-style:solid;}

#wrapper { width:760px; margin:0 auto; position:relative; border:0 solid #c8c8c8; border-width:0 3px 0 3px; font-size:100%;}
#header { margin-left:40px; margin-top:1em; position:relative;}
#header img { float:right; margin:1em 5em 0 0;}
#main { width: 450px; margin:3em 10px 1em 40px; position:relative;}
#main p, #main h2, #main h3 { padding:5px 10px;}
#main img { margin:5px;}
#main { background-image:url(images/bordertop.gif); background-position:0 0; background-repeat:no-repeat;}
#main p.last { background-image:url(images/borderbottom.gif); background-position: 0 100%; background-repeat:no-repeat; padding-bottom:20px; clear:both; margin-top:2em;}
#main .imgrt { float:right; margin:10px 20px;}
#main .imglt { float:left; margin:10px 20px;}
#main .imgfarrt { position:absolute; top:350px; left:350px;}
#footer { clear:both;font-size: x-small; float:none; text-align:right; margin:3px;}
#rightnav { clear:right; float:right; width:225px; margin:5em 0 0 0; line-height:2;}
#rightnav ul { list-style-type:none;}

#latest, #courses { width:140px; margin:40px 0;}
#latest a, #courses a { text-decoration:none;}
#latest a:hover, #courses a:hover {color: #a74661; font-weight: bold;}

#ubishirts, .article { width:140px; margin:40px 0; padding:0 5px; border:2px solid #5a2369; line-height:1.2;}
#ubishirts h2 {text-align:center; margin-top:10px;}
#ubishirts img {float:right; margin:3px;}
#ubishirts a { text-decoration:none;}
#ubishirts a:hover {color: #a74661; font-weight: bold;}
.article { text-align:center; padding-bottom:5px;}

#quotes { width:160px; font-size:90%; margin:40px 0; line-height:1.2;}
#quotes p { margin:1.5em 0; font-style:italic;}

/* page bg colors  */

#home #main { background-color:#c7e4f3;}


#main, #header, #footer, #leftnav, { border:0px solid #000}

#backlink { text-align:right; margin-bottom:3em; margin-top:1.5em;}

.toplink {clear:both;
	  float:left;
	  }

.indent { margin-left:3em;}

.red { color:red;}
.mapref { color:blue;}

.bolditalics {  font-family: "Trebuchet MS", Garamond, Arial; font-size: 18px; font-style: italic; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;}

.clr {clear:both;}

/*  Title image replacement  */

h1 {width:450px;
    padding: 72px 0 0 0;
    overflow: hidden;
    background-image: url(images/titlelg.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:72px; /* for IE5.5's bad box model */
}