/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	color:#000000;
	line-height:20px;
	margin-right: auto;
	margin-left: auto;
	width: 760px;
	top: auto;
}


.wrapper{
	position:absolute;
     left: 50%; 
     top: 50%;
     width: 760px;
     height: auto;
     margin-top: -200px; /* half of the height */
     margin-left: -350px; /* half of the width */
     border: 1px solid #000;
	width: 760px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
}

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
	background-color: black;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

</style>

<script type="text/javascript">

//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
		if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
			ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
		}
		else{ //else if this is a sub level menu (ul)
		  ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    	ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
		}
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.visibility="visible"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.visibility="hidden"
    }


if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)

</script>





.header{
	width:760px;
	height:25px;
	background-color:#808000;
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	/* float: left; */
}
.homepage{width:760px; height:600px;background-color:#231f20; background-image:url(../images/homepage.jpg); background-repeat:no-repeat; margin-top:0px; }
.horz{ background-color:#5176BA; width:650px; margin-top:0px; margin-left:60px; padding:0; border-top:1px solid #00; float:left;}

.header_text{
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
}

#side-a {
	float: left;
	width: 350px;
	padding-left: 15px;
}

#side-b {
	margin: 0;
	float: left;
	width: 360px;
	padding-left: 15px;
	padding-right: 15px;
}


.horz1{ background-color:#a49e9e; width:600px; margin-top:154px; margin-left:150px; padding:0; border-top:1px solid #00; float:left;	border: medium solid #000000;
	border: medium solid #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.horz1 ul{margin:0px; margin-left:50px; padding:0px;  height:14px;    }
.horz1 ul.left{margin-left:10px; padding:0px;  height:20px; float:left;   }
.horz1 li{ list-style:none; float:left; margin:0px 5px 0px 0px; padding-right:0px;  border-right: solid 0px #00cc6d; } 
.horz1 li a{text-decoration:none; color:#FFFFFF; }
.horz1 li a:active{color:#FFFFFF; }
.horz1 li a:visited{color:#000000;}
.horz1 li a:hover{color:#99FF00;}



.horz ul{margin:0px; margin-left:50px; padding:0px;  height:14px;    }
.horz ul.left{margin-left:10px; padding:0px;  height:20px; float:left;   }
.horz li{ list-style:none; float:left; margin:0px 5px 0px 0px; padding-right:0px;  border-right: solid 0px #00cc6d; } 
.horz li a{text-decoration:none; color:#FFFFFF; }
.horz li a:active{color:#FFFFFF; }
.horz li a:visited{color:#99FF00;}
.horz li a:hover{color:#33CCFF;}
.ready08{ float:left; margin-top:-163px; margin-left:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#cccccc; padding:10px; height:18px;width:150px; background-color:#CC9933;}
.image{margin:10px 2px 10px 8px;}

.main{margin:4px 0px 0px 0px;  width:760px; height:auto; }
.main_home{
	width:350px;
	height:100%;
	border: 1px solid #FFFFFF;
	background-repeat: no-repeat;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 6px;
	background-position: center;
	padding-bottom: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
}
.main h1{font-size:16px;  color:#CC0000; }
.main h2{font-size:14px; }
.main_text p{
	padding:2px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}

.header2{width:760px; height:270px;background-color:#FFFFFF; background-image:url(/%7Eadmin/MC-Site/images/city-image.jpg); background-repeat:no-repeat; margin-top:0px; }
	


.footer{
	clear:both;
	background-image:url(../images/logo.gif);
	margin-top:2px;
	background-repeat:no-repeat;
	height:120px;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
.footer_logo{float:right; margin-right:10px; margin-top:5px;}
.footer_teesland{margin:13px 0px 4px 10px; float:left;}
.footer_addr{font-size:12px; width 250px;}
.footer_addr p{text-align:center; margin:2px; padding:0px;}

.details{ margin:10px 0px 10px 20px; width:700px; height:510px; }
.details a{ color:#00336d; margin-left:48px; line-height:25px;}



.form{
	width:500px;
	margin-top:0px;
	float:left;
	height:3500px;
	padding-left: 200px;
}
.terms{
	font-size:10px;
	margin:0px;
	width:100%;
	line-height:12px;
	background-color: #000000;
	color: #FFFFFF;
	padding: 5px;
	height: 15px;
}

.agents {margin-left:0px; margin-top:20px;  }
.agents img{margin-bottom:4px;}
.agents a{color:#CCCC00;}
.agent_logo{}
.agent_wrapper{width:780px;}
.agent_detail{float:left; width:180px; margin:10px 0px 10px 50px;}
.agent_link{}
.agent_image{float:left; margin:50px 0px 0px 10px; }

.location_details{margin-left:0px; padding-left:4px;  background-color:#00336d; color:#CCCCCC; width:264px; height:430px; float:right; }
.location_details a{color:#CCCC00;}
.download{ width:600px; background-color:#000000; color:#CCCCCC; margin-left:10px; margin:0px 0px 10px 80px; padding-top:20px; height:500px; }
.download table{width:600px; border:1px solid #cccc00;}
.download td{border-top:1px #CCCC00 solid;}
.pad{border-right:1px solid #cccc00;}
.main2{background-color:#00336d; height:400px; }
.mainimage{
	width:760px;
	height:241px;
	background-image: url(/%7Eadmin/MC-Site/images/city-image.jpg);
	float: none;
	visibility: visible;
} 
.clear {clear:both;}
.spec{}
.info{margin:2px; margin-top:15px; padding: 4px; width:350px; background-color:#006633;  color:#ffffff; }
.info table{background-color:#990000; width:99%; }
.info td{border:1px solid #ffffff;}
.image_plan{float:right;}

a{color:#999900;}
a:hover{color:#000000;}
.box {
	height: 100px;
	width: 100px;
	border: medium solid #000000;
	top: inherit;
	img {position: relative;
		 top: 100px
; 	right: 100px;		 
		 }
		 #footer {
	background-color: #000000;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}
.foot-text {
	font-size: 8px;
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 7px;
}