@charset "utf-8";
/* CSS Document */


/*1. Info for each page*/
#container {width:800px; margin:0 auto; text-align:left; background-color:#ffffff;}
#header {text-align:center; }
#photo {text-align:center;}
#navbar {text-align:left; padding-bottom:5px; padding-top:5px; }
#lowerlinks {text-align:center; background:url(../images/lowerlinks-bg.gif); background-repeat:no-repeat; background-position:center; height:48px; }
#copyright {text-align:center; background:url(../images/copyright-line.gif); background-repeat:no-repeat; background-position:top; margin-top:10px;}
#navbar ul{margin:0; padding:0; list-style:none; width:800px; float:left;}
#navbar ul li{float:left;}
#navbar ul a{display:block; float:left;}

/*2. Homepage Only*/
#calendar {float:left; width:260px; margin-bottom:5px;}
#calendar ul {margin:0; padding:0; list-style-type:none;}
#updates {float:left; width:260px; margin-left:9px; margin-bottom:5px;}
#announcements {float:left; width:260px; margin-left:9px; margin-bottom:5px; }
#announcements ul {margin:0; padding:0; list-style-type:none;}
#article {float:left; margin-left: 9px; }

.box {width: 262px; background: url(../images/middle.gif) repeat-y; margin:0; padding:0;}
.box .title {background: url(../images/top2.gif) no-repeat left top; padding-top: 15px; padding-bottom:5px; vertical-align:middle; text-align:center;}
.box .middle {background: url(../images/middle.gif) repeat-y; padding: 10px 25px 0 15px;}
.box .last {background: url(../images/bottom.gif) no-repeat left bottom; padding-bottom:5px; }
.box div {padding-left: 15px; padding-right: 10px; }

.box-wide {width: 530px; background: url(../images/middle-wide.gif) repeat-y; margin:0; padding:0;}
.box-wide .title {background:url(../images/top-wide.gif) no-repeat left top; padding-top: 10px; padding-bottom:5px; vertical-align:middle; text-align:center;}
.box-wide .middle {background: url(../images/middle-wide.gif) repeat-y; padding: 10px 25px 0 15px;}
.box-wide .last {background: url(../images/bottom-wide.gif) no-repeat left bottom; padding-bottom:5px; }
.box-wide div {padding-left: 15px; padding-right: 10px; }


/*3. Page Box*/
.box-page {width:800px; background: url(../images/middle-page.gif) repeat-y; margin:0; padding:0;}
.box-page .title {background: url(../images/page-header.gif) no-repeat left top; padding-top: 10px; padding-bottom:5px; vertical-align:middle; text-align:left;}
.box-page .middle {background: url(../images/middle-page.gif) repeat-y; padding: 10px 30px 0 25px;}
.box-page .last {background: url(../images/bottom-page.gif) no-repeat left bottom; padding-bottom:5px; }
.box-page div {padding-left: 15px; padding-right: 10px; }


/*4. Photo Gallery*/
#gallery td {text-align:center;}


/*5. General Layout*/
body {margin:0; padding:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; /*background-color:#ffffff;*/}
h3 {font-size:16px; color:#600;}
h4 {font-size:14px; color: #600;}
.center{text-align:center}
.textleft {text-align:left}
.justify{text-align:justify}
.clearright {clear:right;}
.clearleft {clear:left;}
.clearboth {clear:both;}
.right {float:right;}
.left {float:left;}
.middle {vertical-align: middle}
ul {margin:0 10px 0 30px; padding:0;}
.normal {font-family: verdana, arial, helvetica; font-size:10pt; color: #000000}
.small {font-family: verdana, arial, helvetica; font-size: 8pt; color: #000000}
a {font-family: verdana; color: #600; text-decoration: underline; cursor:pointer;}
a:visited {font-family: verdana; color: #963; text-decoration: underline}
a:hover {font-family: verdana; color: #963; text-decoration: none}
a.small {font-family: verdana, arial, helvetica; font-size: 8pt; color: #600; text-decoration: underline}
a.small:visited {font-family: verdana, arial, helvetica; font-size: 8pt; color: #963; text-decoration: underline}
a.small:hover {font-family: verdana, arial, helvetica; font-size: 8pt; color: #963; text-decoration: none}
.hidden {overflow:hidden;}
.hr {border-bottom:2px #f3d3b3 solid;}