/*body {	background: #FDFDFD; margin: 0; padding: 0; height: 100%; }
body { position: relative; min-width: 765px; width: 100%; margin: 0; padding: 0; color: #555;}
body { font-family: Tahoma, Arial, sans-serif; font-size: 100%;}*/
body { font-family: "arial", "trebuchet ms", "times new roman", times, serif; font-size:100%; margin: 0; color: #555; }

/* for all browsers that understand min-width */
.container {position:relative; width:100%; min-width:765px; background-image: url(images/body_bkgd.gif); background-repeat: repeat;}
.holder {display:block; background-image: url(images/body_bkgd.gif); background-repeat: repeat;}

/* a bodge for IE5.5 and IE6 */
* html .container {border-right:765px solid #fff; background-image: url(images/body_bkgd.gif); background-repeat: repeat;}
* html .holder {display:inline-block; position:relative; margin-right:-765px; background-image: url(images/body_bkgd.gif); background-repeat: repeat;}

a {	color: #0066CC;	text-decoration: underline; }

a:hover { color: #990099;}

.header { float: left; position: relative; min-width: 765px; width: 100%; height: 236px; background-image: url(images/header_bkrd.png); background-repeat: repeat-x;}
		
.header .logo { position: absolute; top: 0; left: 0; background-image: url(images/header_logo.png); width: 313px; height: 180px; }
.header .menu { position: relative; float: right; top: 33px; width: 50%; padding: 0.5em 0 0 0; background-image: url(images/menu_background.gif); background-repeat: repeat-x;}
.header .menu .item { position: relative; float: left; width: 23%; height: 2.6em; padding: 0 0 0 0; font-size: 1.2em; font-weight: normal; line-height: 1em; }
.header .menu .item a {	color: #FCFCFC; text-decoration: none; }
.header .menu .item a:hover { text-decoration: underline;}
.header .menu .item_current { color: #FCFCFC; position: relative; float: left; width: 23%; height: 2.5em; padding: 0 0 0 0; font-size: 1.2em; font-weight: normal; line-height: 1em;}
.header .menu .item_current a {	color: #FCFCFC; text-decoration: none; }
.header .menu .item_current a:hover { text-decoration: underline;}
.header .menu .item_spacing { float: left; font-size: 1.2em; width: 5%; height: 2.6em; }
.header .pot { position: absolute; top: 114px; left: 0; width: 100%; height: 103px; }
.header .pot .left{ position: relative; float: left; top: 0; background-image: url(images/header_pot_left.png); width: 229px; height: 103px; z-index: 2; padding: 0;}
.header .pot .middle{ position: absolute; top: 0; left: 0; width: 90%; background-image: url(images/header_pot_middle.png); background-repeat: repeat-x; height: 103px; z-index: 1;}
.header .pot .right{ position: relative; top: 0; float: right; background-image: url(images/header_pot_right.png); width: 164px; height: 103px; z-index: 3; border: 0; padding: 0;}

h1 {margin:0; padding:0; margin-bottom: 0.4em; margin-top: 0; font-size: 1.8em; font-weight: normal; text-align: left;}
h2 {margin:0; margin-bottom: 0.4em; margin-top: 0; font-size: 1.5em; font-weight: normal; text-align: left;}
p { margin:0; text-align: justify;}

.main { background-image: url(images/body_bkrd.png); background-repeat: repeat-x; width: 100%; float: left; font-size: 0.8em; text-align: justify; }

.main .left { float: left; position: relative; width: 25%; margin-top: 00px; padding-top: 28px; padding-left: 0; margin-bottom: 10px; border: 0px black solid;}
.main .left .leftcontainer{ float: left; position: relative; margin-top: 00px; padding-left: 15%; margin-right: 15% !important; margin-right: 0; border: 0px red solid;}
.main .left #photo { float: left; position: relative; border: 0px black solid; margin: 0 0 10px 0px; padding-left: 0;}
.main .left #text { float: left; position: relative; clear: both; border: 0px green solid; width: 90%; padding: 0 0 0 0; text-align: justify; font-size: 0.9em;}
.main .left #photo img { border: 0px #333 solid; }

.main .middle { float: left; position: relative; min-width: 260px; width: 38%; margin: 25px 4% 0 4%; border: 0px green solid;}
.main .middle .appointment .normal { border: #777 1px solid; width: 12em;}
.main .middle .appointment .error { border: 1px solid #CC0000; width: 12em;}
.main .middle .appointment .message { float: left; padding-bottom: 1em; clear: both;}
.main .middle .appointment .fieldname { border: 0px solid #00FF00; float: left; clear: left; width: 120px; padding-top: 3px; margin-bottom: 5px; }
.main .middle .appointment .textfield { border: 0px solid #0000FF; float: left; width: 170px; margin-bottom: 5px; }

.main .rightblock { float: right; position: relative; width: 28%; padding: 60px 0 0 0; height: 236px; }
.main .rightblock .rightblock_top { float: right; position: relative; background: #F8F8F8; background-image: url(images/top_left_cnr.gif); background-repeat: no-repeat; width: 100%; height: 18px; }
.main .rightblock .rightblock_middle { float: right; position: relative; background: #F8F8F8; width: 100%;}
.main .rightblock .rightblock_middle .rightblock_middle_content { float: left; position: relative; background: #F8F8F8; padding-left: 20px; padding-right: 30px;}
.main .rightblock .rightblock_bottom { float: right; position: relative; background: #F8F8F8; background-image: url(images/bottom_left_cnr.gif); background-repeat: no-repeat; width: 100%; height: 18px; }

#footer { position: relative; float: left; font-size: 0.8em; background: #F8F8F8; min-width: 765px; width: 100%; height: 138px; margin-top: 30px; padding-top: 5px;}
#footer #left { background-image: url(images/footer_shelf.png); background-repeat:repeat-x; float: left; position: relative; width: 25%; margin-right: 1%; height: 138px; border: 0px black solid;}
#footer #pot { background-image: url(images/footer_pot.png); width: 118px; height: 138px; float: right;}
#footer #middle{ float: left; position: relative; min-width: 344px; width: 39%; margin: 20px 4% 10px 3%; }

.websiteby { float: left; margin: 8.5em 0 10px 30px; font-size: 0.8em; }