/* Revival.1 */


* {
   padding:0;
   margin:0;
}

html, body {
	height: 100%;
}

body {
	text-align: left;
	margin:0 auto;
	padding:0;
	color:#000;
	font-style:normal; 
	font-variant:normal;
	font-weight:normal;
	font-size:12px;
	font-family:Verdana, Tahoma, Arial, sans-serif;
	background:#fff;
	background:#f0f6df;
}

#page {
	width:810px;
	margin:0 auto;
	overflow:auto;
	clear:both;
}

#header {
	width:810px;
	height:120px;
	margin: 0 auto;
	background: url('images/headersii.gif') no-repeat;
	padding:0px;
}

#content {
	padding:5px 20px 0 20px;
	background:url('images/content_bg.gif') repeat-y;
	height:100%;
	overflow:hidden;
}

.contactform {
  height:640px; 
	margin-top:25px;
}
/**************************** menu ****************************/

#nav_top {
	background:url('images/nav_topsii.gif') no-repeat;
	width:225px;
	height:28px;
}

#nav_btm {
	background:url('images/nav_btmsii.gif') no-repeat;
	width:225px;
	height:28px;
}

#menu {
	float:left;
	width: 225px;
	color:#000;
	background:url('images/nav_midsii.gif') repeat-y;
}

#menu ul {
	list-style:none;
	width:218px;
	font-size:12px;
	padding:0 0 0 3px;
}	

#menu li {
	list-style-type: none;
	background:transparent url('images/bullet.gif') no-repeat 12px 6px;
	margin-bottom:4px;
	/*border-bottom:1px solid #81BEF7;*/
	padding:0;
}

#menu li:hover {
	background:#81BEF7;
	margin-bottom:4px;
}

#leftmenu a {
	display:block;
	padding:0 0 0 20px;
	color:#fff;
	text-decoration: none;
}	
	
#leftmenu a:hover {
	display:block;
	padding:0 0 0 20px;
	color:#333;
	text-decoration: none;
}	

/**************************** content ****************************/

#info {
	background:url('images/content_mid.gif') repeat-y;
	width:533px;
	float:right;
}

.post_top {
	background:url('images/content_top.gif') no-repeat;
	width:533px;
	height:31px;
}

.post_btm {
	background:url('images/content_btm.gif') no-repeat;
	width:533px;
	height:31px;
}

.post {
	padding:0 25px 15px 25px;
}

img {
	border:1px solid #fff;
	padding: 5px;
}

a{
	text-decoration:none;
	color:#000;
}

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

h1{
	color:#fff;
	font-weight:normal;
	font-size:24px;
	padding: 25px 0 10px 120px;
}

h2 a{
	position:absolute;
	top:32px;
	color:#666;
	font-size:16px;
	margin:0 0 0 575px;
	text-decoration:none;
}

h2 a:hover{
	color:#999;
}

h3{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding: 5px 0 5px 10px
}

h4{
	color:#fff;
	font-size:20px;
	font-weight:normal;
}

h5{
	color:#8d8d8d;
	font-size:10px;
	font-weight:normal;
	padding:5px;
}

h3 img{
	float:left;
}

/**************************** lists ****************************/

ul {
	list-style:none;
	padding:0 0 0 3px;
}	

li {
	list-style-type: none;
	background:transparent url('images/bullet.gif') no-repeat 12px 6px;
	padding: 0 0 0 20px;
}

#leftmenu a {
	display:block;
	padding:0 0 0 20px;
	text-decoration: none;;
}	
	
#leftmenu a:hover {
	display:block;
	padding:0 0 0 20px;
	color:#333;
	text-decoration: none;
}	


/**************************** footer ****************************/

#footer{
  text-align:center;
	padding:10px;
	background:url('images/bottom.gif') no-repeat;
	height:25px;
}

#footer a {
	color:#000;
}


/*  THE TOOLTIPS  */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}

#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('./images/arrow2.gif');
	width:20px;
	position:absolute;
	left:-118px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:-550px;	/* Same as border thickness */
  top:0px;
	position:absolute;
	width:420px;	/* Width of tooltip content */
	height:auto;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}

p.tooltip {
	margin:10px 10px 10px 10px;
	font-size:9pt;
}

img#metroplex {
  display:block;
	margin-left:auto;
	margin-right:auto;
	width:238px;
	height:192px;
}

/* My CUSTOM developed defintion squares 
.define_post {
	background:url('images/define_mid.gif') repeat-y;
	width:229px;
	float:right;
}

.define_post_top {
	background:url('images/define_top.gif') no-repeat;
	width:229px;
	height:31px;
}

.define_post_btm {
	background:url('images/define_btm.gif') no-repeat;
	width:229px;
	height:31px;
}
*/