
/* GLOBALS */ 
* { margin: 0; padding: 0; }
body { font: 75%/1.6 Arial, Helvetica, sans-serif; background: #eaeee1; }
img { border: 0; }
img.shadow {
	background: url(../images/shadow.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px; }

#page_outside { height: 100%; width: auto; min-width: 997px; margin-top: 10px; background: #eaeee1; text-align: center; }  /* #eaeaea for shiba */
#page_inside { height: auto; width: 997px; margin: 0 auto; padding-top: 1px; background: #fff; position: relative; top: -14px; text-align: left; }

#header { height: 82px; width: 974px; margin-left: 11px; margin-top: 15px; margin-bottom: 0px; background: url(../images/background.png) repeat-x 0 0; position: relative; z-index: 2; text-align: center; }
#header h3 { padding-top: 31px; padding-left: 20px; font-size: 20px; color: #fff; float: left;}
#menu { width: 974px; margin-left: 11px; position: relative; z-index: 1;}

/* Main content styled with class .main and background image as ID */
div.main { height: auto; width: 974px; margin-left: 11px; margin-top: 5px; margin-bottom: 0px; padding-bottom: 0px; position: relative; background: #fff; }
#pinscher { background-image: url(../images/p_back.jpg); background-repeat: no-repeat; Background-position: bottom right; }
#gallery { background-image: url(../images/d_back.jpg); background-repeat: no-repeat; Background-position: bottom right; }
#shiba { background-image: url(../images/s_back.jpg); background-repeat: no-repeat; Background-position: bottom right; }
#home { background-image: url(../images/d_back.jpg); background-repeat: no-repeat; Background-position: bottom right; }
#guest { background-image: url(../images/p_back.jpg); background-repeat: no-repeat; Background-position: bottom right; }
#award { background-image: url(../images/a_back.jpg); background-repeat: no-repeat; Background-position: bottom right; }

/* holder for Awards and Focus details */
#floatcontainer { height: 580px; width: 298px; float: right; margin-right: 20px; margin-top: 15px; margin-left: 30px; }

#focus { height: 283px; background: url(../images/focus.png); } 
#focus h3 { font-weight: bold; font-size: 16px; padding-left: 20px; Padding-top: 6px; } 
#focus img { padding-left: 20px; padding-top: 12px; }
#focus b { color: #f1b642; }
#focus table { margin-left: 19px; margin-top: -3px; border-spacing: 1px; }

#awards { height: 270px; margin-top: 20px; background: url(../images/awards.png); } 
#awards b { color: #5aa938; margin-left: 15px; font-size: 15px; }
#awards p { margin-left: 25px; }
#awards h3 { font-weight: bold; font-size: 16px; padding-left: 15px; Padding-top: 7px; padding-bottom: 7px; } 

/* inset no longer used - one count in addguest.cgi */
#inset { height: 452px; width: 589px; margin-top: 10px; margin-left: 30px; float: left; position: relative;}
#inset h1 { font-size: 28px; color: #698a5b; margin: 0px; border: 0px; }
#inset img { margin-bottom: 5px; }
#inset p { width: 569px; background: #000; color: white; font: 150% Arial, Helvetica, sans-serif; font-weight: bold; padding: 5px; padding-left:15px;}

#textpage { margin-left: 30px; margin-right: 30px; }
#textpage h1 { color: #698a5b; padding-top: 15px; padding-bottom: 5px; font: 180% Arial, Helvetica, sans-serif; font-weight: bold; }
#textpage p { margin-bottom: 10px; }
#textpage b { color: #698a5b; font: 130% Arial, Helvetica, sans-serif; font-weight: bold; }

#guestbook { margin-left: 30px; margin-right: 30px; }
#guestbook h1 { color: #698a5b; padding-top: 15px; padding-bottom: 5px; font: 180% Arial, Helvetica, sans-serif; font-weight: bold; }
#guestbook h4 { width: 974px; color: #86a167; font: 130% Arial, Helvetica, sans-serif; font-weight: bold; }
#guestbook hr { color: #fff; background-color: #fff; border: 2px dotted #d4e0b8; border-style: none none dotted; margin-bottom: 15px; }
#guestbook b { color: #698a5b; font: 120% Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; padding-bottom: 5px; }

#footer { height: 75px; width: 974px; padding-bottom: 0px; margin-left: 11px; background: #698a5b; text-align: left; } 
#footer h4 { font: 150% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; padding-left: 30px; padding-top: 10px; }
#footer p { font: 100% Arial, Helvetica, sans-serif; color: #ffffff; padding-left: 30px; }
#clear { height: 80px; width: 997px; margin: 0 auto; margin-top: -14px; background: url(../images/footer.gif); clear: both; } 