/*
*************************************************

CSS Generated by ProSites 
General CSS Rules - Wohrle

*************************************************
*/

#newheader {
	color:#FFF;
	position:relative;
	margin-left:510px;
	padding-top:120px;
	font-size:20px;
	width: 326px;
	text-align:left;
	}
	
#newheader2 {
	color:#FFF;
	position:relative;
	margin-left:510px;
	margin-top:12px;
	font-size:12px;
	width:500px;
	letter-spacing: 0em;
	height: 300px;
	text-align:justify;
}

#newheader2 a, a:link {
	color:#FFF;
	font-size:12px;
	letter-spacing: 0em;
	text-decoration:underline;
}

#newheader2 a:hover {
	color:#333
	font-size:12px;
	letter-spacing: 0em;
	text-decoration:underline;
}

.newul{
	color:#FFF;
	font-size:12px;
	letter-spacing: 0em;
	margin-top:13px;
	margin-left:-25px;
}




#title1, #title2, #title3, #title4, #title5, #title6  {
	color:#ffffff;
	font-family:Square721 BT;
	font-size:13px;
	float:left;
	width:300px;
	}

#thumblist  {
	float:right;
	margin-bottom:31px;
	}

#thumblist ul  {
	margin:0;
	padding:0;
	list-style:none;
	}

#thumblist ul li  {
	float:left;
	margin-right:5px;
	}

#thumblist ul li img {
	border:0;
	}
	
#imagearea  {
	width:719px;
	height:361px;
	background-image:url(../images/facilityfull1.jpg);
	background-repeat:no-repeat;
	}
	
#imagearea2  {
	width:720px;
	height:240px;
	background-image:none;
	background-repeat:no-repeat;
	}

#imagearea3  {
	width:358px;
	height:240px;
	background-image:none;
	background-repeat:no-repeat;
	margin-right:2px;
	float:left;
	}

#imagearea4  {
	width:358px;
	height:240px;
	background-image:none;
	background-repeat:no-repeat;
	margin-right:2px;
	float:left;
	background-color:#616161;
	}
/*Layout Rules-----------*/

html, body 			{ margin: 0; padding: 0; border: 0; height: auto; }
body 				{ border: 0px; margin: 0px; padding: 0px; font: 11px Arial, Verdana; text-align: center; color: #FFF; background: #000 url(images/container-bg.jpg) top left repeat-x ; margin-top: 115px; line-height: 18px; margin-bottom: 10px;}
#container 			{ margin: 0 auto; width: 1024px; text-align: left;  height: 538px; background: url(../images/container-bg.jpg) top left repeat-x ; }
#container-black 	{
	margin: 0 auto;
	padding: 0px;
	width: 1024px;
	text-align: left;
	height: 538px;
	background: url(../images/container-bg.jpg) top left repeat-x;
}


.headers1   { float: left; width: 1024px; text-align: right; } 
.headers2   { float: left; width: 1024px; text-align: right; } 
.header1    { padding: 0px; margin: 0px; position: relative; top: 43px; right: 51px;  height: 23px; } 
.header2    { padding: 0px; margin: 0px; position: relative; top: 43px; right: 51px;  height: 46px; } 

.logo 		{ padding:5px 0px 0px 20px;}
.red 		{ color: #C3122F; font-weight:bold; font-size: 14px; margin-top: 5px; }
.pro 		{ background: url(../images/prosites.png) 140px 3px no-repeat; padding: 3px 27px 6px 29px; position: relative; top: 9px;color: #333232!important;  outline: none; }
.pro a:link, .pro a:visited, .pro a:active { color: #333232!important; outline: none!important; }

#divleft 				{ width: 125px; float: left; padding-right: 350px; color: black; margin-top: 150px; }
#divleft2 				{ width: 125px; float: left; padding-right: 350px; color: black; margin-top: 127px; }
#divleft-wide 			{ width: 125px; float: left; padding-right: 128px; color: black; margin-top: 150px; }
#divright 				{ width: 545px; float: left; text-align:justify; padding-top: 154px;}
#divright2 				{ width: 545px; float: left; text-align:justify; padding-top: 131px;}
#divright-large			{ width: 545px; float: left; text-align:justify; padding-top: 85px; }
#divright-large-wide	{ width: 720px; float: left; text-align:justify; padding-top: 85px; } /*tall version*/
#divright-short-wide	{ width: 674px; float: left; text-align:justify; padding-top: 154px; } /*short version*/

#bottom-content 				{ float: left;  width: 499px; margin-top: 90px; } 
#bottom-content #left			{ float: left;  }
#bottom-content #right			{ float: right; text-align:right;  }

#bottom-content-short 			{ float: left;  width: 499px; margin-top: 30px; } 
#bottom-content-short #left		{ float: left;  }
#bottom-content-short #right	{ float: right; text-align:right;  }

/*Navigation Rules-----------*/

.menu a:link, .menu  a:visited, .menu  a:active { color: #000;   outline: none; }
.menu  a:hover { color: #CC0000; text-decoration: none; }
/* common styling */
.menu {font-family: arial, sans-serif; width:180px; height:150px; position:relative; margin:0; font-size:11px; margin:0px 0px 100px 20px; /*adjust menu left and right*/}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:104px; height:20px; text-align:left; line-height:19px; font-size:11px;  padding-right:10px;}
.menu ul {padding:0; margin:0;list-style-type: none; margin-right:10px; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */


.menu ul li:hover a {color:#CC0000; }
.menu ul li:hover ul {display:block; position:absolute; top:0; left:104px; width:195px;}
.menu ul li:hover ul li a.hide {color:#000;}
.menu ul li:hover ul li:hover a.hide {width:400px; }
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; width:175px; margin-left: 20px; color: #999999;}
.menu ul li:hover ul li a:hover {color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover { color:#fff;}


/*Content Rules-----------*/

.scroll-pane 			 		{ width: 540px; overflow: auto; float: left; height: 187px; padding: 0px; margin: 0px; margin-top: -5px; line-height: 19px; }
.scroll-pane-nobars 			{ width: 518px; float: left; height: 187px; padding: 0px; margin: 0px; margin-top: -5px; line-height: 19px; background-color:#00FF66;}
.scroll-pane-nobars-wide	 	{ width: 720px; float: left; height: 187px; padding: 0px; margin: 0px; margin-top: -5px; line-height: 19px; }
.scroll-pane-nobars-wide-short  { width: 674px; float: left; height: 312px; padding: 0px; margin: 0px; margin-top: -5px; line-height: 19px; }
.scroll-pane-short 				{ width: 540px; overflow: auto; float: left; height: 70px; padding: 0px; margin: 0px; margin-top: -5px; }
				
/*Footer Rules-----------*/

#footer { width: 1024px; margin: 0px auto; padding: 0px; text-align: right; color: #BFC0C2; font: 10px Arial; padding-top: 15px; padding-bottom: 15px; clear:both}
/*#footer #bg { width: 747px; float: left;  background:  url(../images/footer-img.jpg) bottom left repeat-x; }*/
#footer p { color: #BFC0C2; padding: 40px 20px 10px 20px; margin: 0px; }

#footer a:link, #footer a:visited, #footer a:active { text-decoration: none; color: #BFC0C2; }
#footer a:hover { text-decoration: none; color: #FFF; } 
#footer h1 	{ font-size: 10px; padding: 0px; margin: 0px; }
	
	
/*Misc Rules-----------*/

p { border: 0px; }

a:link, a:visited, a:active { color: #000; text-decoration: none; }
a:hover { color: #CCCCCC; text-decoration: none; }

.Button { background-color: #4298FF; color: #FFF; cursor: hand; font-size:10px; text-decoration: none; border: 1px solid #1A4298; }
.ButtonHover { background-color: #FACE3E; color: #FFE5B3; cursor: hand; font-size:10px; text-decoration: none; border: 1px solid #FFE5B3; }



hr  { color: #3681E7; height:1px; }
hr.size2 { color: #3681E7; height: 2px; }

.field { background: url(../images/transparency.png) top left repeat-x ; border: none; padding: 3px; margin-bottom: 17px; font: 11px Arial, Verdana;  } 
.button {  cursor: pointer; background:  url(../images/icon-sendrequest.png) top left repeat-x; border: none; width: 98px; height: 18px; color: #000; font-weight: bold; font-size: 12px; margin: 0px 0px 0px 10px; text-indent: -6000px; line-height: 500px; display: block; overflow: hidden; }
