body {background: white url(images/gradient.png) repeat-x fixed; font-size: .9em; padding: 1px; margin: 0px;font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; } 
#nav {height: 30px;float: left; border: 1px solid #bbb; border-width: 1px 0px 1px 0px; }
#nav div {width: 85px; height: 30px; float: left; }
#nav #big {width: 90px; }
#nav div a {display: block; height: 20px; text-decoration: none; color: black; padding: 6px 0px 4px 0px; text-align: center; font-size: .9em; font-weight: bold;  }
#nav div a:hover {background-color: #9c9;  }
#main {width: 770px; background: white url(images/bg2.png) repeat-y; float: left; }
#left {float: left; width: 155px; padding: 9px;  }
#side {width: 140px; padding: 5px; float: left; border: 1px solid gray; background: white; font-size: 0.9em; }
#side h2 {margin: 4px 0px 4px 0px; }
#content {float: left; width: 592px; padding: 10px 0px 10px 5px; }
#boxes {width: 770px; height: 110px; float: left; border: 1px solid #bbb; border-width: 1px 0px 1px 0px;  }
#boxes div.tabs {padding: 10px; width: 230px; float: left; font-size: .9em; height: 90px; border-right: 1px solid gray;  }
#boxes div div {text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
#boxes div#last {width: 248px; border: 0 none;  }
#bottom {width: 770px; height: 70px; float: left;  font-size: .9em; color:gray; line-height: 1.1em; margin-top: 20px; }
#bottom img {float: left;   }
#bottom div {float: right; width: 400px; text-align: right; }
#cont1 {width: 790px; margin: 10px auto 10px auto; }
#cont2 {background-color: white; float: left; padding: 10px; width: 770px; }
#top {height: 161px; width: 770px; margin: 0px; background: white url(ban.jpg) no-repeat right top; float: left; }
#top a {color: #222; text-decoration: none; }
#top img {width: 110px; height: 117px; float: left; margin: 20px 0px 0px 15px;   }
#top div {width: 400px; height: 70px; margin: 65px 0px 0px 10px; float: left; font-size: 30px;  }
h1 {font-weight: normal; color: #333; font-size: 1.75em; text-align: center; margin: 5px 5px 14px 5px; }
h2 {font-weight: normal; color: #333; font-size: 1.4em; border-bottom: 1px dotted #bbb;  margin: 5px 5px 14px 5px; }
h3 {font-weight: normal; color: #333; font-size: 1.1em;  margin: 5px 5px 0px 5px; }
a {color: #696; }
a:hover {color: gray; }
p {line-height: 1.4em; }
a img {border: 0 none; text-decoration: none; }
#print {display: none; }


.front {text-align: center; margin: 5px auto 5px auto; }
.front img { width: 120px; height: 120px;}



.photo_year {line-height: 1.3em; color: gray; width: 500px; margin-left: auto; margin-right: auto; border: 1px solid #bbb; padding: 10px; margin-bottom: 20px; height: 160px; }
.photo_year h2 {margin: 5px 0px 14px 0px; text-align: center; }
.photo_year h3 {margin: 20px 0px 0px 0px; padding: 0px; text-align: center; }
.photo_year img {width: 320px; float: right; }
.photo_year ul {margin: 0px; padding-left: 15px; }
.photo_year li {margin: 0px; padding: 0px; }
.photo_year div {text-align: center; color: black;font-weight: bold; width: 500px; clear: both; }
.photo_year strong {color: black;font-weight: bold; }



.photo_list {width: 566px; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.photo_list div {width: 564px; float: left; border: 1px solid #bbb; border-width: 1px 0px 0px 1px;   }
.photo_list img {margin: 10px; height: 120px; width: 120px;}
.photo_list div div {float: left; width: 140px; min-height: 156px; border: 1px solid #bbb; border-width: 0px 1px 1px 0px; }
.photo_list div div  div {max-height: 32px; min-height: 16px; overflow: hidden; float: left; width: 130px; border-width: 0px; background-color: #9c9; padding: 5px; text-align: center; }
ul h3, .space h2 {border: 0 none; margin-left: 0px; font-weight: bold; margin-bottom: 10px;  font-weight: normal; color: #333; font-size: 1.4em;  }
li {margin-bottom: 10px; }
.center {text-align: center; margin: 20px; }
table.center {margin-left: auto; margin-right: auto; }
.space li {margin-bottom: 20px; }
#photo {width: 552px; background-color: #9c9; margin-right: auto; margin-left: auto; margin-bottom: 30px;  }
#photo img {max-width: 550px;margin:0px;}
#photo div.dir {background-color: #9c9; border: 1px solid #bbb; text-align: center; padding: 5px; }
#photo div.img {text-align: center; margin-bottom: -3px;  border: 1px solid #bbb; border-width: 0px 1px 0px 1px; padding: 0px; background-color: white; width: 550px; }
#photo .p {float: left; border: 0 none; }
#photo .n {float: right; border: 0 none; }
.photo_section {height: 120px; line-height: 1.3em; color: gray; width: 500px; margin-left: auto; margin-right: auto; border: 1px solid #bbb; padding: 10px; margin-bottom: 10px;  }
.photo_section h2 {margin: 20px 130px 14px 0px; text-align: center; border: 0 none; }
.photo_section h3 {text-align: center; }
.photo_section img {width: 120px; float: right; }

.results {margin-left: 15px; }
.results td {padding: 7px; }
h2.news {margin: 0px 5px 14px 2px; padding-left: 5px; border-left: 1px dotted #bbb;  }
h3.news {margin: 5px 5px 0px 2px; padding-left: 5px; border-left: 1px dotted #bbb;  }
div.news {margin: 5px 25px 5px 25px; text-align: justify; }
p {line-height: 1.4em; }



.box {width: 287px; margin: 3px;  border: 1px solid #bbb; float: left; clear: left; }
.box .con {padding: 4px; float: left; width: 279px;  }
.box .cap {padding: 4px 14px 4px 14px; float: left; width: 259px;  text-align:center; font-size: .9em;  }
.box img.pic {float: left; width: 287px;  }
.green .tit {width: 279px; float: left; background-color: #9c9; padding: 4px; 4px; text-align: center; }
.right {float: right; clear: right;}
.indent {margin-left: 15px; }