* { padding: 0; margin: 0; border: 0; }
body { background-color: #fff; }
.hidden { display: none; }
#site { font: 12px Verdana; color: #fff; }
#site a { color: #fff; text-decoration: none; }
#site a.invert { color: #163a54; }
#site a:hover { text-decoration: underline; }
#site #content { background-color: #476478; width: 100%; }

/* HEADER */
#site #header { margin-bottom: 1px; }
#site #header #headertop { background-color: #fff; width: 100%; text-align: center; padding: 0; height: 186px; }
#site #header #headerbottom { overflow:hidden; background-color: #163a54; width: 100%; text-align: center; padding: 3px 0; }
#site #header #headerbottom #topmenu { list-style: none; margin: 2px auto; width: 708px; }
#site #header #headerbottom #topmenu li { color: #fff; width: 100px; text-align: center; float: left; border-left: 1px solid #4c687c; }
#site #header #headerbottom #topmenu li.menudrop:hover { cursor: pointer; } 
#site #header #headerbottom #topmenu li.last { color: #fff; width: 100px; text-align: center; float: left; border-left: 1px solid #4c687c; border-right: 1px solid #4c687c; }
#site #header #headerbottom #topmenu ul.submenu { z-index: 10; position: absolute; display: none; list-style: none; text-decoration: none; margin: 0; padding: 0; }
#site #header #headerbottom #topmenu ul.submenu li { z-index:11; text-decoration:none; float: none; padding: 5px 0; background-color: #163a54; border: 0; border-top: 1px solid #fff; width: 100px; text-align: center; }
#site #header #headerbottom #topmenu ul.submenu li:hover { text-decoration: underline; }
#site #header #headerbottom #topmenu ul.submenu li.first { margin-top: 3px; } 

/* HOME / WELCOME */
#site #content #welcomecontainer { min-height: 400px; width: 470px; margin: 0 auto; padding: 40px 10px; background: url("/img/transparency.png") repeat;}
#site #content #welcomecontainer p { margin: 10px 10px; text-align: justify; line-height: 175%;}
#site #content #welcomecontainer p#signature { text-align: right; margin-top: 50px; }
#site #content #welcomecontainer h1 { margin: 5px 20px 10px 10px; text-align: left; font: 18px Verdana; }
#site #content #welcomecontainer a{color:white; text-decoration: underline;}

/* DOGUES */
#site #content #doguescontainer { min-height: 400px; overflow:hidden; width: 470px; margin: 0 auto; padding: 20px 10px;  background: url("/img/transparency.png") repeat; }
#site #content #doguescontainer ul.doguelist { list-style: none; z-index: 10; }
#site #content #doguescontainer ul.doguelist li.dogueitem { cursor:pointer; width: 210px; float: left; padding: 10px 0; text-align: center; color: #163a54; margin: 5px 12px; z-index: 11; height: 225px; }
#site #content #doguescontainer ul.doguelist li.dogueitem p { text-align: center; padding: 5px 0 0 0; }
#site #content #doguescontainer #doguename { font-size: 30px; text-align: center; width: 100%; margin-bottom: 20px; }
#site #content #doguescontainer #doguepicture { width: 50%; float: left; text-align: center; }
#site #content #doguescontainer #dogueinfo { width: 50%; float: left; }
#site #content #doguescontainer #dogueinfo p { margin: 8px 0; }
#site #content #doguescontainer #dogueinfo span { font-weight: bold; }
#site #content #doguescontainer #dogueinfo span#link_gallery { cursor: pointer; text-decoration: underline; background-color:#476478; padding:5px; display:block; float:left; font-size:13px; }
#site #content #doguescontainer #dogueinfo span#link_gallery:hover { background-color:#FFFFFF; color:#476478; }
#site #content #doguescontainer #doguetext { clear: both; padding: 10px 10px; }
#site #content #doguescontainer #doguetext p {margin: 10px 0; }
#site #content #doguescontainer #doguetext span { text-decoration: underline; }

/* NEWS */
#site #content #defaultcontainer { min-height: 400px; overflow:hidden; width: 470px; margin: 0 auto; padding: 20px 10px; background: url("/img/transparency.png") repeat; }
#site #content #defaultcontainer ul.newslist { list-style: none; z-index: 10; }
#site #content #defaultcontainer ul.newslist li.newsitem { clear:both; overflow: hidden; border-bottom: 1px dotted #fff; padding: 5px 0; margin: 5px 8px; z-index: 11; }
#site #content #defaultcontainer div.left { float: left; width: 25%; min-height: 130px; }
#site #content #defaultcontainer div.right { float: right; width: 70%; min-height: 130px; }
#site #content #defaultcontainer div.right p.text { min-height: 90px; } 
#site #content #defaultcontainer p { padding: 0; text-align: justify; margin: 10px 8px; z-index: 11; }
#site #content #defaultcontainer span.title { font-size: 16px; font-weight: bold; }
#site #content #defaultcontainer span.date { font-size: 10px; }
#site #content #defaultcontainer p.link { text-align: right; }

/* GUESTBOOK */
#site #content #defaultcontainer p.regular { margin: 30px 10px; }
#site #content #defaultcontainer span.left { text-align: left; float: left; font-size: 13px; text-decoration: underline; font-weight: bold;}
#site #content #defaultcontainer span.right { text-align: right; float: right; font-size: 13px; text-decoration: underline; font-weight: bold;}
#site #content #defaultcontainer div.top { border-bottom: 1px dotted #fff; padding-bottom: 10px; margin: 0 10px 5px 10px; overflow: hidden; }
#site #content #defaultcontainer div.bottom { padding-top: 10px; margin: 5px 10px 0 10px; overflow: hidden; }
#site #content #defaultcontainer ul.bookentries { list-style: none; z-index: 10; }
#site #content #defaultcontainer ul.bookentries li.bookentry { clear:both; overflow: hidden; border-bottom: 1px dotted #fff; padding: 5px 0; margin: 5px 8px; z-index: 11; }
#site #content #defaultcontainer ul.bookentries li.bookentry span.name { font-weight: bold; }
#site #content #defaultcontainer #contactmessage { width: 100%; padding: 10px 0; margin-bottom:30px; background-color: #476478; text-align: center; }
#site #content #defaultcontainer #closemessage { margin: 0; padding: 0; font: 10px Verdana; color: #163a54; cursor: pointer; }
#site #content #defaultcontainer p.formline { margin: 20px 10px; text-align: left; margin-left: 160px; text-align: left; }
#site #content #defaultcontainer p.right { text-align: right; margin-right: 57px;}
#site #content #defaultcontainer p.formline label { margin-left: -110px; float: left; }
#site #content #defaultcontainer p.formline label.error { margin: 3px 0; font-size: 10px; }
#site #content #defaultcontainer p.formline input[type="text"] { width: 250px; padding: 2px; color: #163a54; }
#site #content #defaultcontainer p.formline input[type="submit"] { border: 2px ridge #163a54; padding: 2px 10px; }
#site #content #defaultcontainer p.formline textarea { width: 250px; height: 100px; padding: 2px; color: #163a54; overflow: auto; }

/* FRIENDS */
#site #content #defaultcontainer ul.friendlist { margin:20px 5px; list-style: none; z-index: 10; }
#site #content #defaultcontainer ul.friendlist li { text-align: justify; margin: 10px; }
#site #content #defaultcontainer ul.friendlist li span.name a { font-size: 14px; font-weight: bold; text-transform: lowercase; }

/* GALLERY */
#site #content #gallery_container{position: relative; height: 380px; width: 470px; margin: 0 auto; padding: 40px 10px; background: url("/img/transparency.png") repeat;}
#site #content #gallery_container div{ float:left;}
#site #content #gallery_container #left_box{position: relative; padding: 10px 10px; top: 10px; width: 320px; height: 340px; background: #496479; }
#site #content #gallery_container #left_box p{ cursor: pointer; }
#site #content #gallery_container #right_box{position: relative; padding-top: 10px; text-align:center; top: 10px; left:70px; width: 100px; height: 350px; background-color: #496479; }
#site #content #gallery_container .box_content{ display:none; margin:5px 0;}
#site #content #gallery_container #pic_gal_tex{position:relative; top:50px; text-align: justify;}

/* ABOUT */
#site #content #aboutcontainer { min-height: 400px; width: 470px; margin: 0 auto; padding: 40px 10px; background: url("/img/transparency.png") repeat;}
#site #content #aboutcontainer p { margin-bottom: 20px; text-align: justify; }
#site #content #aboutcontainer p#signature { text-align: right; margin-top: 50px; }

/* CONTACT */
#site #content #contactcontainer { min-height: 400px; width: 470px; margin: 0 auto; padding: 40px 10px; background: url("/img/transparency.png") repeat; overflow: hidden; }
#site #content #contactcontainer #contactmessage { width: 100%; padding: 10px 0; margin-bottom:30px; background-color: #476478; text-align: center; }
#site #content #contactcontainer #closemessage { margin: 0; padding: 0; font: 10px Verdana; color: #163a54; cursor: pointer; }
#site #content #contactcontainer p.formline { margin-left: 160px; margin-top: 10px; text-align: left; }
#site #content #contactcontainer p.formline label { margin-left: -110px; float: left; }
#site #content #contactcontainer p.formline label.error { margin: 3px 0; font-size: 10px; }
#site #content #contactcontainer p.formline input[type="text"] { width: 250px; padding: 2px; color: #163a54; }
#site #content #contactcontainer p.formline input[type="submit"] { border: 2px ridge #163a54; padding: 2px 10px; }
#site #content #contactcontainer p.formline textarea { width: 250px; height: 100px; padding: 2px; color: #163a54; overflow: auto; }
#site #content #contactcontainer p { margin: 30px 10px; text-align: left;}
#site #content #contactcontainer p.right { text-align: right; margin-right: 57px;}
#site #content #contactcontainer p.contactline { margin: 10px 0 10px 220px; }
#site #content #contactcontainer p.contactline span { margin-left: -100px; float: left; }

/* FOOTER */
#site #footer { overflow: hidden; color: #163a54; padding: 0 10px; margin: 5px 0; }
#site #footer #footerleft { float: left; }
#site #footer #footerright { float: right; }
#site #footer a { color: #163a54; }
#site #footer a:hover { text-decoration: underline; }