/* Reset */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
div,dl,dt,dd,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
a:link, a:visited {text-decoration:none;}
div{clear:both; zoom:1;}

/*Background Image */
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
<!--[if IE 6]>
html { overflow-y: hidden; }
body { overflow-y: auto; }
#bg { position:absolute; z-index:-1; }
#content { position:static; }
<![endif]-->

#content {
position:absolute;
margin-left: auto;
  margin-right: auto;
z-index:1;
width:745px; background-color:#fff;color:#000;border:1px solid grey;	
	padding: 0px;
}
#center {
  /* take element out of the normal page flow! */
  position: absolute;
  /* position the element vertically using top or bottom
     and define width as you like:                       */
  top: 0;     
  width: 800px;   
  /* set left and right to the same value! */
  left: 0;
  right: 0;
  /* adding auto-margins left and right will
     center the element horizontally!         */
  margin-left: auto;
  margin-right: auto;

}

img{border:0;}
#bottom{ position: absolute; right: 5px; bottom: 5px; } 

#content p{padding-left: 10px;}

/*opaque*/
#opaque-wrapper {
width:800px;

margin:0 auto;

}
#opaque {
   _padding-bottom:6px;
	_overflow-y:hidden;
	
}
#opaque .mod-content {
 
min-height:900px;
}
#opaque .x1a { /*opacity layer*/
   display:block;
	background:#fff;
	width:100%;
	height:100%;
	
	_height:2000px;
	position:absolute;
	_bottom:6px;
	opacity:.40;
	filter:alpha(opacity="40");
	
}
#opaque .x2 { /*offsets shadow by 6px*/
   display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:6px;
	_top:auto;
	_bottom:-6px;
}
#opaque .x2a {
   display:block;
   border:6px solid #000;
   border-top:0;
	border-left:0;
	width:100%;
	height:100%;
   _height:2000px;
   position:relative;
	bottom:6px;
	right:6px;
	opacity:.30;
	filter:alpha(opacity="30");
}

.mod {
   width:800px;
   position:relative;
   margin:0 0 0 0 auto;
   min-height:1000px;
   z-index:0;
   
}
.mod .mod-content {
   padding:10px;
   position:relative;
   z-index:2;
}
.mod .bd {

   min-height:150px;
	  _height:150px;
}

#info{text-align:center; color:black;font-size:16pt;}

td{font-size:16pt; text-align:right;}
.left{text-align:left;}

#splashlogo
{
top:200px;
text-align:center;
font-size:36pt;
}


#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0em;
}

#nav-menu li a
{
background: url(../images/css-nav.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 150px;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:800px
} 
#form p{text-align:left;font-size:16pt;} 

/**************** Contact Form *************/
#details {background:#dee; position:relative;z-index:1; top:20px;text-align:left; width:650px; padding:10px; border:1px solid gray; margin:0px auto;}
#details fieldset{padding-top:5px; margin-bottom:10px;}
#details legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-top:5px;margin-bottom:5px; padding:3px; background:#fff url(../images/form.gif) repeat-x center left;}
 #details p{padding-left:10px;padding-bottom:10px;}
#details label {clear:left; display:block; float:left; width:300px; text-align:right; padding-right:10px; color:#000; }
#details .show {display:block;width:500px; margin-left:210px; }
#details .address {display:block;width:500px; margin-left:210px; height:40px;}
#details label.add{clear:left; display:block; float:left; height:40px; width:300px; text-align:right; padding-right:10px; color:#000; }
#details label.so{clear:left; display:block; float:left; height:200px; width:300px; text-align:right; padding-right:10px; color:#000; }
#details form input[type=text]{border:1px solid gray; background:#fff url(../images/form.gif) repeat-x top left; padding-left:0.5em; }
#details form select {margin-left:0.5em;}
#details form textarea {width:200px; height:10em; border:1px solid gray; padding:0.5em; overflow:auto; background:#fff url(../images/form.gif) repeat-x bottom left;}
form input.sort{width:25px;}
#details form input .red{border:1px solid #f00; background:#fff; padding-left:0.5em; margin-bottom:0.6em;}
#details form checkbox{border:0;padding:0;margin:0;}
#details form option {background:#788; color:#fff;}
#details form optgroup {background:#abb; color:#000; font-family:georgia, serif;}
#details form optgroup option {background:#9aa; color:#fff;}
form #button1, form #button2 {color:#c00; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}
form #button1:hover, form #button2:hover {background-position:center left; color:#000;}
#details input.red{border:1px solid #f00 !important;}
#details select.red{border:1px solid #f00 !important;}
#details textarea.redtextarea{border:1px solid #f00 !important;}

#details form input.sort.red  {border:1px solid #f00 !important;width:25px!important;}
