* {
	margin:0;
	padding:0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#ffffff url(images/gradientBG.jpg) repeat-x;
}
#container {
	width:760px;
	margin:auto;
	background:#ffffff;
}

#layoutHeader {
	width:760px;
	height:216px;
	background:url(images/mainbanner3.jpg) no-repeat;
}
/*comment out - not needed for this site
#layoutHeader h1 {
	color:#0f3a68;
	font-size:30px;
	font-weight:bold;
	padding:30px 20px 0 10px;
}
#layoutHeader h2 {
	color:#2c3b40;
	font-size:17px;
	font-weight:bold;
	padding:0 20px 0 20px;
}
#layoutHeader h1 a {
	color:#0f3a68;
	font-size:30px;
	font-weight:bold;
	text-decoration:none;	
}
#layoutHeader h2 a {
	color:#DCE999;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#layoutHeaderBio {
	width:800px;
	height:216px;
	background:url(images/headerBio.jpg) no-repeat;
}
#layoutHeaderBio h1 {
	color:#0f3a68;
	font-size:30px;
	font-weight:bold;
	padding:30px 20px 0 10px;
}
#layoutHeaderBio h2 {
	color:#2c3b40;
	font-size:17px;
	font-weight:bold;
	padding:0 20px 0 20px;
}
#layoutHeaderCond {
	width:800px;
	height:216px;
	background:url(images/headerCond.jpg) no-repeat;
}
#layoutHeaderCond h1 {
	color:#0f3a68;
	font-size:30px;
	font-weight:bold;
	padding:30px 20px 0 10px;
}
#layoutHeaderCond h2 {
	color:#2c3b40;
	font-size:17px;
	font-weight:bold;
	padding:0 20px 0 20px;
}
#layoutHeadercontact {
	width:800px;
	height:216px;
	background:url(images/headerContact.jpg) no-repeat;
}
#layoutHeadercontact h1 {
	color:#0f3a68;
	font-size:30px;
	font-weight:bold;
	padding:30px 20px 0 10px;
}
#layoutHeadercontact h2 {
	color:#2c3b40;
	font-size:17px;
	font-weight:bold;
	padding:0 20px 0 20px;
}
#layoutHeaderhome {
	width:800px;
	height:216px;
	background:url(images/headerConfirm.jpg) no-repeat;
}
#layoutHeaderhome h1 {
	color:#0f3a68;
	font-size:30px;
	font-weight:bold;
	padding:30px 20px 0 10px;
}
#layoutHeaderhome h2 {
	color:#2c3b40;
	font-size:17px;
	font-weight:bold;
	padding:0 20px 0 20px;
}
*/
#layoutCenterBody {
	margin:10px 10px 0 10px;
}

/* *comment out - not needed for this site - tricked the css by creating a class called .resdwnld then after creating the #blankgif, change the .resdwnld in stylesheet to #resdwnld and add the anchor tag (see html of resume page) to make it link

#resdwnld {
	position:absolute;
	width:180px;
	height:34px;
	background:url(images/resumedwnld.jpg) no-repeat right top;
	margin: 280px 20px 150px 610px;
	z-index:1;
	visibility: visible;
}
#blankgif {
	position:absolute;
	width:180px;
	height:34px;
	background:url(images/resumedwnld.jpg) no-repeat right top;
	margin: 280px 20px 150px 610px;
	z-index:3;
	visibility: visible;
}
#resdwnld2 {
	position:absolute;
	width:180px;
	height:34px;
	background:url(images/resumedwnld.jpg) no-repeat right top;
	margin: 280px 20px 150px 610px;
	z-index:1;
	visibility: visible;
}
*/

/*use this division inside the content to display an image - resize width and height, change background image, division name etc. accordingly per page... then place the div id code within the layoutBodyContent division id under the hi tag*/

#layoutImageService{
	border:2px solid #f0bd46;
	width:266px;
	float:left;
	margin-top: 13px;
	background-image: url(images/xxxxxx.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 200px;
	margin-right: 10px;	
	}
	
#layoutImageTour{
	border:2px solid #f0bd46;
	width:358px;
	float:left;
	margin-top: 13px;
	background-image: url(images/tour.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 350px;
	margin-right: 10px;	
	}
#layoutImageContact{
	border:2px solid #f0bd46;
	width:250px;
	float:left;
	margin-top: 13px;
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 287px;
	margin-right: 10px;	
	}
#layoutImageConfirm{
	border:1px solid #f0bd46;
	width:150px;
	float:left;
	margin-top: 13px;
	background-image: url(images/xxxxxx.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 224px;
	margin-right: 10px;	
	}

#layoutImagehome{
	border:2px solid #f0bd46;
	width:358px;
	float:left;
	margin-top: 13px;
	background-image: url(images/home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 295px;
	margin-right: 10px;
	
	}
/*use this division inside the content to display an invisible image - resize height as needed and name per page- it acts like a shim to help align text in content area for IE6 - place the div id code within the layoutBodyContent division id under the hi tag*/
#layoutShim{
	
	width:1px;
	float:left;
	margin-top: 13px;
	background-image: url(images/shim.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height: 263px;
	
	}
#layoutShimService{
	
	width:1px;
	float:left;
	margin-top: 13px;
	background-image: url(images/shim.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height: 515px;
	
	}
#layoutShimTour{
	
	width:1px;
	float:left;
	margin-top: 13px;
	background-image: url(images/shim.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height:373px;
	
	}
	
#layoutShimContact{
	
	width:1px;
	float:left;
	margin-top: 13px;
	background-image: url(images/shim.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height: 373px;
	
	}

#layoutShimhome{
	
	width:1px;
	float:left;
	margin-top: 13px;
	background-image: url(images/shim.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height: 373px;
	
	}
/*use this division inside the content to display an image - resize width and height, change background image etc. accordingly copy and rename per page... then place the div id code within the layoutBodyContent division id under the hi tag*/
#layoutImageform{
	border:1px solid #970405;
	width:195px;
	float:right;
	margin-top: -24px;	
	background-repeat: no-repeat;
	background-position: left top;
	height: 115px;
	margin-left: 5px;
	}
#layoutNavigation {
	border:1px solid #550401;
	width:200px;
	float:left;
	background:#576a8c;
	}
#layoutNavigation .navTitle {
	background:#0f3a68;
	height:30px;
}
#layoutNavigation .navTitle h3 {
	color:#d6d9c6;
	font-size:13px;
	font-weight:bolder;
	padding:6px 10px;
}

#contactinfohome{
	width:215px;
	float:right;
	margin-top: -110px;
	height: 145px;
	margin-left: 420px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

#contactinfotour{
	width:215px;
	float:right;
	margin-top: -190px;
	height: 145px;
	margin-left: 420px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

#contactinfo{
	width:215px;
	float:right;
	margin-top: -50px;
	height: 150px;
	margin-left: 420px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
/*commenting out my anchor and anchor hover for this site
#layoutBodyContent a {
	color:#caddf8;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
#layoutBodyContent a:hover {
	color:#527ecf;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}
end amchor comment*/
#layoutBodyContenthome {
	margin-left:20px;
	color: #000000;	
}
#layoutBodyContenthome h1{
	color:#581f00;
	font-weight:bold;
	font-size:24px;
}
#layoutBodyContenthome h2{
	color:#b5b5b5;
	font-weight:bold;
	font-size:17px;
	margin-top:10px;
}
#layoutBodyContenthome p {
	margin-top:10px;
}
#layoutBodyContent {
	margin-left:220px;
	color: #000000;
}
#layoutBodyContent h1{
	color:#b5b5b5;
	font-weight:bold;
	font-size:24px;
}
#layoutBodyContent h2{
	color:#b5b5b5;
	font-weight:bold;
	font-size:17px;
	margin-top:10px;
}
#layoutBodyContent p {
	margin-top:10px;
}
.clearer {
	clear:both;
	height:10px;
}
#layoutFooter {
	height:100px;
	text-align:center;
	background-image: url(images/footer2-760x100.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#layoutFooter p {
	padding-top:10px;
	color:#581f00;
}
#layoutFooter a {
	color:#78a22f;
	text-decoration:underline;
}
#layoutFooter a:hover {
	color:#F0BD46;
	text-decoration:none;
}
/* main menu begins */
#layoutMenu {
	height:56px;
	background:url(images/menuBackground.jpg) no-repeat left top;
	font-weight:bold;
}
#layoutMenu ul {
	text-align:center;
	padding-top:17px;
}
#layoutMenu li {
	list-style: none;
	display: inline;
}
#layoutMenu li a {
	padding: 3px 7px 3px 5px;
	text-decoration: none;
	background:url(images/mainMenuList.gif) no-repeat left 5px;
	font-size:18px;
}
  
#layoutMenu li a:link { 
	color: #78a22f;
	font-weight:bold;
	font-size:18px;
}
#layoutMenu li a:visited { 
	color: #78a22f; 
}
#layoutMenu li a:hover {
	color: #f0bd46;
}
#layoutMenu li a:active {
color:#78a22f}

/* mein menu ends */

/* begin left navigation menu - not used in this site -JB changed bg image added and no added spaces in html
#layoutNavigation ul {
	list-style-type: none;
	margin:10px 0;
}
 
#layoutNavigation a {
	display: block;
	width: 180px;
	background-color: #576a8c;
	border-bottom: 1px dotted #550401;
	margin:7px 10px 7px 10px;
}
#layoutNavigation a:link, #layoutNavigation a:visited {
	color: #000000;
	text-decoration: none;
	
}
#layoutNavigation a:hover {
	background-color: #d6d9c6;
	color: #000;
}
 end left navigation menu */