body { font-family:Batang,Garamond,'Times New Roman',serif; background-color:#c9ecf3; color:#000; font-size:medium; margin:0; padding:0;}

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

.menu {color: #336633; font-weight: bold; background-color: #8efffd;}

a:link {color: #005f00; font-weight: bold; text-decoration: none;}
a:visited {color: #005f00; font-weight: bold; text-decoration: none;}
a:hover {color: #a74661; font-weight: bold; text-decoration:underline; }
a:active {color: #a74661; font-weight: bold; }

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:860px; margin:0 auto; position:relative; border:0 solid #c8c8c8; border-width:0 3px 0 3px; font-size:110%;}
#header { margin-left:20px; margin-top:1em; position:relative;}
#header img { float:right; margin:1em 5em 0 0;}
#slogan { width:750px; margin:1em 30px; font-size:130%; float:left;}
#slogan span { width:33%; display:block; float:left;}
#topimages img, #bottomimages img { margin-left:4px;}
#main { width: 700px; margin:2em auto; position:relative;}
#main p, #main h2, #main h3 { padding:3px 10px; text-align:center; margin:0.5em;}
#main p.quote { font-style:italic;}
/*#main img, #rightnav img { margin:5px; padding:5px; background-color:#fff; -moz-box-shadow:5px 5px 10px rgba(0 0 0 0.5); display:block;}*/
#main { background-image:url(images/bordertop.gif); background-position:0 0; background-repeat:no-repeat; overflow:hidden;}
#main ul { list-style-type:none;}
#main li {}
#main ul a:link { color:blue; padding:0 10px;}
/*#main a:visited { color:#33c; padding:0 10px;}
#main a:hover { color:#3333cc; border:none; padding:0 10px; text-decoration:underline;}*/
#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:250px; 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;}
#homelink {padding:5px; background-color: #9fdae7; width:20%; float:right; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.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:750px;
    padding: 61px 0 0 0;
    overflow: hidden;
    background-image: url(images/title750.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:61px; /* for IE5.5's bad box model */
}

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