* { margin: 0; padding: 0; border: 0; }

.clear { clear: both; }

html { background: #f1f1f1 url(/design/bg.jpg) repeat-x;} 
body { font-size: 14px; font: 14px Arial, Helvetica, sans-serif; line-height:1.6em; color: #3e4f4f; }
#page { width: 832px; margin: 0 auto; background: url(/design/content.jpg) repeat-y; }

#header { position: relative; height: 340px; background: url(/design/header.png) no-repeat;}
#header a#logo { position: absolute; top:0; left:55px;}
#header img#photoimg { position: absolute; top: 71px; left: 33px; }
#header img#photodiv { position: absolute;  }
#container { margin: 10px 40px; }
#menu { width: 200px; float: left;}
#menu ul { margin: 0 10px 30px 5px;  list-style: none; border-top: 1px dotted #d8d8d8;  }
#menu li { border-bottom: 1px dotted #d8d8d8;}
#menu li a { text-decoration: none; color: #A20501; font-weight: bold; display: block; padding: 3px 5px;  }
#menu li a:hover { color: #C41B0B; background-color: #e4e4e4;}

#menu a.bimg {}
#menu a.bimg:hover { background-color: #fff;}


h1, h2 { font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; color: #1b1b1b;}
h1 { font-size: 1.4em; margin-bottom: 15px; }
h2 { font-size: 1.2em; font-weight: normal; }
#content { width: 550px; float: right;  }
#content p { margin: 10px 0; }
#content p.cim { font-weight: bold; font-size: 1.2em;}
#content ul, #content ol, #content dl { margin: 10px 10px 10px 30px; }
#content img.gallery { margin: 2px; padding: 2px; border: 1px solid #d5d5d5;}

#footer { height: 60px; background: url(/design/footer.jpg) no-repeat bottom center; }
#footer p { margin: 10px 50px; }

/*
#slogen { position: absolute; top: 200px; left: 400px; }
h1 { font: bold 300%/100% "Lucida Grande"; position: relative; color: #464646; }
h1 span { background: url(/design/gradient-white.png) repeat-x; position: absolute; 
	display: block; width: 100%; height: 31px; }
*/