/* CSS Document */

html {
background: url(../chrome/texture2.jpg)
}

body {
font-size: 16px;
font-size: 62.5%;  /* 16px × 62.5% = 10px set 1em to 10px*/
font-family: Trebuchet MS;
text-decoration: none;
word-spacing: normal;
text-align: left;
/*background:url(../chrome/radiation2.jpg)center repeat-x;*/
}

#container {
width: 960px;
margin: 0 auto;
border: 1px solid #21211D;
background: url(../img/body-gradient.jpg) left repeat-y;
text-align: justify;
}

#header {
height: 150px;
background:url(../chrome/header2.jpg) center no-repeat;
background-color:#0099FF;
padding: 10px;
}

#header h1 {

}

#header h1 a {
text-indent: -9999px;
display: block;
width: 355px;
height: 165px;
}

#content {
background:url(../chrome/background.jpg) top no-repeat #BBBCBE;
min-height: 533px;
/**position: relative;*/
position: relative;

}

#footer {
height: 4em;
line-height: 4em;
background-color: #4F4F4F;
text-align: center;
color: white;
font-size: 1.2em;
}

#footer ul li {
display: inline;
padding: 0 10px 0 0;
}

#nav {
width: 200px;
font-size: 1.4em;
height: 500px;
float: left;
font-weight:bold;
*position: absolute;
*top: 0;
*left: 0;
}

#nav ul {
list-style: none;
color: white;
padding: 10px 0 0 10px;
}

#nav ul li {
padding: 5px 0;

}

#nav ul a {
display: block;
min-height: 1.2em;
}

#nav ul a:link, #nav ul a:visited {
text-decoration:none;
color: #4F4F4F;

}

#nav ul a:link.on, #nav a:visited.on {
color: #0A46AF;
background: url(../chrome/on.png) right center no-repeat;
cursor: default;
}

#nav ul a:hover {
color: #000;
background: url(../chrome/hover.png) right center no-repeat;
}


#textbox {
margin: 0 auto;
width: 500px;
/*min-height: 500px;*/
font-size: 1.2em;
line-height: 1.2em;
background: url(../chrome/trans.png);
position: relative;
}

#textbox h1, #right h1 {
text-align: center;
padding: 10px 0;
font-size: 1.4em;
/*color: #0A46AF;*/

color: #3662AF;
}

#textbox h2, #right h2 {
color: #627EAF;
padding-bottom: 5px;
text-align: center;
font-size: 1.2em;
}

#textbox h3 {
color: purple;
}

.top {
height: 50px;
background:url(../img/top-box.png) center no-repeat;
}

.middle {
overflow: auto;
padding: 5px 40px;
color: #4F4F4F;
}

.bottom {
height: 50px;
background:url(../img/bottom-box.png) center no-repeat;
}



.middle p {
/*padding: 0 40px;*/
padding: 0 0 10px 0;
}

.middle ul {
padding: 0 0 10px 20px;
list-style:outside;
list-style-image:url(../chrome/bakos-bullet.png);
list-style-type:disc;
}

.spamspan {
color: #0A46AF;
}
#footer .spamspan {
font-size: 1.5em;
}

.half {
width: 200px;
*width: 199px;
float: left;
padding: 0 5px;
/*overflow: auto;*/
}

table {
width:99%;
}

table h2 {
padding: 0;
}

td, th {
width: 50%;
padding: 5px 0;
vertical-align: middle;
}

th {
font-size: 1.2em;
}

a:link {
color: #0A46AF;
}

#footer a:link {
color: #AFCCFF
}

a:visited {
color: purple;
}

#topband {
background: url(../chrome/gradient.jpg) repeat-x #c1c1c1;
/*border: 2px solid pink;*/
*text-align: center;
/*margin: 0 auto;*/
overflow: auto;
}

#hnav {
/*background-color:#FF0000;*/

display: table;
margin: 0 auto;
/*background: pink;*/
/*width: 800px;*/

/*background: url(../chrome/gradient.jpg);*/

}

ul#menu {
  padding:0;
  /*margin:50px 0 0 100px;*/ list-style-type:none;
  /*height:8em;*/
  /*display:block;*/
  /*margin: 0 auto;*/
  /*width: 500px;*/
  text-align: center;
  /*background-color: red;*/
  /*overflow: auto;*/
  }
  

#menu li {
  text-align:center; 
  position:relative; 
  /*height:8em;*/
  /*float:left;*/
  display: table-cell;
  float: left;
  }
#menu a, #menu a:visited {
  position:relative; 
  text-decoration:none; 
  background-color:#4f4f4f; 
  color:#fff; 
  display:block; 
  /*width:100px; */
  /*height:15px; */
  /*padding:5px;*/
  padding: 15px;
  margin:0 1px;
  }
#menu a .topleft, #menu a .topright {
  position:absolute; 
  top:0;
  *top: 3px; 
  width:0; 
  height:0; 
  overflow:hidden;
  border-top:10px solid #9D9D9D;
  }
#menu a .topleft {
  left:0; 
  border-right:10px solid #4f4f4f; 
  }
#menu a .topright {
  right:0px; 
  border-left:10px solid #4f4f4f; 
  }
#menu a:hover {
  background-color:#000; 
  }
#menu a:hover .topleft {
  border-right:10px solid #000; 
 border-top:10px solid #9d9d9d;
  }
#menu a:hover .topright {
  border-left:10px solid #000; 
  border-top:10px solid #9D9D9D;
  }

#menu a.on {
background-color: #0A46AF;
}  
  
#menu a.on .topright {
  border-left:10px solid #0A46AF; 
  border-top:10px solid #9D9D9D;
  }

#menu a.on .topleft {
  border-right:10px solid #0A46AF; 
  border-top:10px solid #9D9D9D;
  }
  
 #menu a:hover.on {
 cursor: default;
 }
 
.middle ul ul {
 list-style-position: outside;
 list-style-type: circle;
 padding-left: 10px;
 }
 
.middle li {
margin: 2px 0;
}
 
 td+td {
 text-align: right;
 }
 
 #gallery {
		padding: 10px;
		margin: 0 auto;
		text-align: center;
	}
	#gallery ul { 
	padding:0;
	list-style: none;
	}
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #6F6F6F;
		border-width: 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	


tbody {
/*border-top: 1px dashed #0A46AF;*/
padding: 10px;
}

.flash {
width: 320px;
margin: 20px auto;
}

.flash p {
margin: 10px auto;
}

td img {
display: block;
margin: 0 auto;
}

#right {
position: absolute;
top: 0;
right: 0;
width: 190px;
float: right;
margin-top: 10px;
margin-right: 15px;
/*color: white;*/
background-color:#FFFF33;
font-size: 1.7em;
padding: 0 5px 5px 5px;
border-radius: 5px;
border: 2px solid #3e3e3e;
text-align: left;
}

#right h1 {
text-align: center;
padding: 10px 0;
/*font-size: 1.6em;*/
}

#right h2 {
padding-bottom: 5px;
text-align: center;
font-size: 1.2em;
}

#right a:link, a:visited {
/*color: #02F7EF;*/
/*color: #09F40D;*/
color: black;
}