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

*
{
    border:none;
    padding:0;
    margin:0;
}

html {
    min-height: 100%;
	margin-bottom:1px
}
body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #666;
	text-align: center;
    margin: 0;
	padding: 0;
}
a:link {
    color: #990000;
    text-decoration: none;
    font-weight: bold;
}
a:active {
    color: #990000;
    text-decoration: underline;
    font-weight: bold;  
}
a:visited {
    color: #990000;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    color: #990000;
    text-decoration: underline;
    font-weight: bold;
}
.preload {
    display:none;
}
p {
    padding-bottom:1.2em
}
ul {
    margin: 20px;
    font-weight:bold;
    margin-top: 5px
}
li {
    margin-bottom:5px
}
h1 {
    font-size:2em
}
h2 {
    font-size:2em;
    padding-bottom:1em
}
h3 {
    font-size:1.5em;
    color: #FF9900;
    padding-bottom:1em
}
h4 {
    font-size:1.2em;
    padding-bottom:1em;
}
h5 {
    font-size:1em;
    padding-bottom:1em
}

img {
    border: none;
      
}
#container {
    width: 800px;
    background-color: #ffffff;
    margin-left: auto; 
    margin-right: auto;
    text-align: left;
}
#header 
{
    position:relative;
    width: 800px;
    height: 269px;
}
#header .header_img {
    position: absolute;
    left: 0px;
}
#nav {
    width: 800px;
    text-align: left;
    height: 2.2em;
    background-color: #FF9900;
} 
.pressed {
    color: #990000
}

#nav ul, #nav li
{
    padding:0;
    margin:0;
    display:inline;
    list-style:none;
    border:none;
}

#nav a {
    color: #000;
    text-decoration: none;
    font-weight: bold;  
    line-height:2em;
    border-left: solid 1px #000;
    padding-left:1em;
    padding-right:1em;
}

#nav a.first 
{
    border-left:none;
}

#nav a:hover {
    color: #fff;
    text-decoration: none;    
}

#main {
    width: 800px;
    background-color:#ffffff; 
       
}
#clear {
	clear: both;
}
#left{
    width: 600px;
    float: left;
    padding:10px
}
#side {
    width: 180px;
    float: right; 
}
.item {
    width: 150px;
    margin-left:7px;
    margin-top:10px;
    padding:5px;
    border-right: #ff9900 2px solid; 
    border-top: #ff9900 2px solid; 
    border-left: #ff9900 2px solid; 
    border-bottom: #ff9900 2px solid;
    background-color: #FFEBCC;
}

.item.last {
    margin-bottom:10px
}
.item dt{
    text-align: left;
    color: #990000;
    font-style:italic
}
.item dd{
    text-align: right;
    color: #ff9900
}   
#side .photo {
    width: 100px;
}
.item a {
    color:#000000;
    text-decoration: none;
    font-weight:normal
}
.item a:hover {
    color: #990000;
    text-decoration: none;
    font-weight:normal
}
#footer {
    width: 790px;
    text-align: right;
    background-color: #ff9900;
    font-size: 85%;
    height: 2em;
    line-height: 2em;
    font-weight:bold;
    padding-right:10px
}
.photo {
    width:100px;
    border-right: #000 1px solid; 
    border-top: #000 1px solid; 
    border-left: #000 1px solid; 
    border-bottom: #000 1px solid; 
}

.hrd    {   
  border-right: #99CC33 2px solid; 
  border-top: #99CC33 2px solid; 
  border-left: #99CC33 2px solid; 
  border-bottom: #99CC33 2px solid;
  background-color: #99CC33;
  text-align:center
}
.image_item 
{
  width: 160px;
  border-right: #ff9900 2px solid; 
  border-top: #ff9900 2px solid; 
  border-left: #ff9900 2px solid; 
  border-bottom: #ff9900 2px solid;
  margin-left:7px;
  margin-right:7px;
  margin-top:7px;
  text-align:center
  }
  
input, textarea, select, option {border: 1px solid #000000; background-color: #FF9900;}

.button 
{font-weight:bold; 
    border: 2px solid #000000;
         background-color: #FFFFFF;
         padding:2px}