/*
*************************************************

CSS Generated by ProSites 
General CSS Rules - Wohrle

*************************************************
*/


/*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-black.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;}
/*#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; }