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

body {
	background-image: url(../SB/bg_grey.jpg);
	background-repeat: repeat;
	background-color: #89846E;
	font-family: "Times New Roman", Times, serif, Georgia, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}



/* text decoration */

p {
	margin: 5px 5px;
}

.p-center {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	font-size: 12px;
}

a {
	color: #f2bf01;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	font-size: 14px;
	text-shadow: #000000 1px 1px 3px;
    letter-spacing: 1px;
}

img {
	border: 0;
}

a:hover {
	color: #fff;
	text-decoration: none;
	text-align:center;
	text-shadow: #000000 1px 1px 0px;
}


.darker a {
	color: #000;
	text-decoration: none;
	font-size: 12px;
	text-shadow: 0px 0px 0px;
}

.darker a:hover {
	color: #fff;
	text-decoration: none;
	text-shadow: #000 1px 1px 1px;
}

.contact {
	color: #884422;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	font-size: 12px;
}


.login {
	color: #eeb12c;
	text-decoration: none;
	font-size: 11px;
	font-weight:bold;
	text-shadow: #000000 1px 1px 3px;
}

h1, h2 {
	color: #f2bf01;
	font-weight: bold;
}

h2 {
	font-size: 13px;
	text-shadow: #000000 2px 2px 3px;
	letter-spacing: 0.8px;
	text-align: center;
	font-style:italic;

}

h3 {
	font-size: 18px;
	text-shadow: #000000 1px 1px 1px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: bold;
	color: #af4422;
}

h1#stevenbattelle {
	margin-top:-9009px;
	position:absolute;
}


/* layout */
table#menu {
    border: solid #000 0px;
    width: 700px;
}

.menu_item {
    text-align: center;
	vertical-align: top;
}

.icon {
	vertical-align: middle;
    text-align: center;
}


/* div containers */

#pagetitle {
	position:absolute;
	width:200px;
	height:40px;
	z-index:1;
	left: 570px;
	top: 3px;
}

#pagetitle2 {
	position:absolute;
	width:200px;
	height:70px;
	z-index:3;
	left: 580px;
	top: 49px;
}

#mainwrapper {
	position:relative;
	margin:0px auto;
	top:5px;
	width:740px;
	height: 700px;
	z-index:3;
	overflow: visible;
}

#headerwrapper {
	position:absolute;
	top:15px;
	width:720px;
	z-index:1;
	overflow: visible;
}

#mainbackground {
	position:relative;
	top:160px;
	width:740;
	z-index:1;
	overflow: visible;
	height: 460px;
	text-align:center;
}


#content_left {
	position:absolute;
	width:410px;
	height:379px;
	z-index:1;
	left: 50px;
	top: 210px;
	overflow: auto;
}
#content_right {
	position:absolute;
	width:222px;
	height:365px;
	z-index:2;
	left: 470px;
	top: 248px;
	overflow: visible;
}

#menu_bottom {
	position:relative;
	width:660px;
	left: 15px;
	height:55px;
	z-index:4;
	top: 195px;
	overflow: visible;
	margin:0px auto;
}

#bottom_bar {
	position: relative;
	width:714px;
	left: 15px;
	z-index:4;
	overflow: visible;
	top: 105px;
}

#top_bar {
	position: relative;
	width:714px;
	left: 15px;
	z-index:4;
	overflow: visible;
	top: 145px;
}

#homepage_enter {
	position:absolute;
	width:200px;
	height:20px;
	z-index:4;
	left: 370px;
	top: 481px;
}

#form {
	position:absolute;
	width:180px;
	height:90px;
	z-index:4;
	left: 570px;
	top: 22px;
	border:#eeb12c solid thin;
}

#shadow {
	position:absolute;
	width:300px;
	height:335px;
	z-index:1;
	left: 388px;
	top: 199px;
}

#content_title {
	position:absolute;
	width:400px;
	height:20px;
	z-index:4;
	left: 2px;
	top: 88px;
}

#leftpicture {
	position:absolute;
	width:180px;
	height:145px;
	z-index:4;
	left: 83px;
	top: 220px;
}

#ring {
	position:absolute;
	width:152px;
	height:145px;
	z-index:4;
	left: 83px;
	top: 320px;
}

#righttext{
	position:absolute;
	width:327px;
	height:243px;
	z-index:4;
	left: 274px;
	top: 220px;
}

#hometext{
	position:absolute;
	width:327px;
	height:243px;
	z-index:4;
	left: 274px;
	top: 270px;
}


/*bottom navigation menu */

#menu_bottom ul
{
list-style: none;
padding: 0;
margin: 0;
}

#menu_bottom li
{
float: left;
margin: 0 0.15em;
}

#menu_bottom li a
{
background: url(../images/menu_logo.gif) top center no-repeat;
height: 40px;
line-height: 1em;
float: left;
width: 100px;
display: block;
border: 0em;
font-family: Arial, "Times New Roman", Times, serif, Georgia, Verdana, Helvetica, sans-serif;
color: #ffbd3f;
text-decoration: none;
text-align: center;
font-weight: bold;
font-size: 14px;
padding-top:35px;
text-shadow: #000 1px 2px 3px;
letter-spacing: 0px;
}

#menu_bottom li a:hover
{
text-decoration: none;
color: #fff;
text-shadow: #000 1px 1px 1px;
}

/* Hide from IE5-Mac \*/
#menu_bottom li a
{
float: none
}
/* End hide */