/* CSS Document */

*{
  margin: 0px;
  padding: 0px;
}

html, body{
  text-align: center;
  background-color: #EEEEEE;
}

#page{
  padding-top: 5px;
  width: 1000px;
  margin: auto;
}

#head{
  width: 1000px;
  height: 224px;
  background: #EEEEEE url(../img/head.png) no-repeat scroll center top;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding: 0px;
}

#menu{
  width: 1000px;
  height: 39px;
  background: #EEEEEE url(../img/menu_back.png) repeat-x scroll top;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding: 0px;
}

#menu ul{
  padding-left: 30px;
  padding-top: 0px;
  text-align: left;
  height: 100%;
}

#menu li{
  font-family: verdana;
  font-size: 15px;
  font-weight: bolder;
  color: #D4D4D4;
  display: inline;
  padding-left: 5px;
  padding-right: 18px;
  padding-top: 8px;
  height: 100%;
  overflow: visible;
  float: left;
}

#menu a{
  text-decoration: none;
  font-family: verdana;
  font-size: 15px;
  font-weight: bolder;
  color: #D4D4D4;
}

#menu a:hover{
  text-decoration: none;
  font-family: verdana;
  font-size: 15px;
  font-weight: bolder;
  color: white;
}

#menu span{
  margin-top: 10px;
  padding: 0px 12px 18px 12px;
  height: 11pt;
}

.menu_line{
  background: transparent url(../img/menu_line.png) no-repeat scroll left top;
}

#menu_bottom{
  width: 1000px;
  height: 7px;
  background: #EEEEEE url(../img/menu_bottom.png) no-repeat scroll center top;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
}

#content{
  width: 1000px;
  background-color: #EEEEEE;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  display: block;
}

#content p{
  text-align: left;
  width: 625px;
  font-family: verdana;
  color: black;
  font-size: 15px;
  margin-left: 15px;
  margin-right: 5px;
  margin-top: 10px;
}

#content h1{
  background: #EEEEEE url(../img/rubric.png) no-repeat scroll left top;
  width: 645px;
  height: 39px;
  font-style: italic;
  font-size: 18px;
  color: #EEEEEE;
  font-family: verdana;
  padding-top: 8px; 
  padding-left: 15px; 
  text-align: left;
  font-weight: normal;
}

#content h2{
  background: #EEEEEE url(../img/rubric_2.png) no-repeat scroll left top;
  width: 309px;
  height: 38px;
  font-style: italic;
  font-size: 18px;
  color: #EEEEEE;
  font-family: verdana;
  padding-top: 8px; 
  padding-left: 15px; 
  text-align: left;
  font-weight: normal;
}

.left{
  float: left;
}

#content ul{
  list-style-type: none;
  text-align: left;
  width: 290px;
  padding-left: 10px;
}

#content li{
  background-color: transparent;
  padding: 3px;
}

#gallery {
		background-color: transparent;
		padding: 10px;
	}

#gallery ul { 
  list-style: none;
  width: 645px; 
}

#gallery ul li { 
  display: inline; 
}

#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 5px;
}

#gallery ul a:hover img {
	border: 5px solid #032F58;
	border-width: 5px 5px 5px;
	color: #fff;
}

#gallery ul a:hover { 
  color: #032F58; 
}






#footer{
  width: 1000px;
  height: 39px;
  background: #EEEEEE url(../img/footer.png) no-repeat scroll center bottom;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  font-family: verdana;
  font-size: 11px;
  margin-top: 15px;
  padding-left: 15px;
  padding-top: 20px;
  color: #EEEEEE;
  clear: both;
}

#footer a{
    text-decoration: none;
    color: #EEEEEE;
    font-weight: bold;
}

#footer a:hover{
    text-decoration: underline;
    color: #EEEEEE;
    font-weight: bold;
}

#x{
  padding-top: 12px;
  padding-left: 10px;
  text-align: left;
  float: left;
}

#y{
  padding-top: 12px;
  padding-right: 25px;
  text-align: right;
}

.list a{
  text-decoration: none;
  font-family: verdana;
  font-size: 13px;
  font-weight: bolder;
  color: #000033;
  margin: 10px;
}

.list a:hover{
  text-decoration: underline;
  font-family: verdana;
  font-size: 13px;
  font-weight: bolder;
  color: #222266;
  margin: 10px;
}
.hidden_note{
    display:none;
}