/* Start of CMSMS style sheet 'OrangeGreyShadow : orangLayout' */
/*typography*/

body{font-family:arial;font-size:12px;cursor:default;color:#555555}
h1,h2,h3{font-family: arial}
h1{font-size: 220%}
h6{font-size: 130%}
h4{font-size: 17px}
h3{font-size:110%;letter-spacing:1px;margin:0 5px}
h2{margin: 0 15px;padding:0}
h5 {font-size: 1.1em;line-height: 1.3em;margin: 0 0 0.25em 0;padding: 0 10px;}
p{padding-bottom: 0.1em;line-height: 1.5}
a{text-decoration: none}
a:hover{text-decoration: underline}
address{padding: 3px 15px;font-style:normal}
div#relax p{font-size: 120%}


/*layout*/

html{; margin-bottom: 10px}
body{margin:0;padding:0 0 0px}

div#container{width:790px;height:100%;margin: 0px auto;text-align: left}

div#header{margin-bottom: 10px}
div#header h1{margin:0 0 0 10px;padding: 10px 0 0 5px}
div#header h6{margin:0 0 5px 10px;padding: 5px 0 10px 5px}

div#navbox{;float:left;width: 180px;;margin: 0px 0px 0px -1px}
div#menu{margin-bottom: 20px}
div#menu ul,div#nav li{list-style-type:none;line-height: 1.5}
div#menu a{margin-left:1px;padding-left:10px;}

div#sidebar{width: 180px;padding-bottom: 1px;margin: 0px}
div#sidebar p{margin: 0 5px;padding:0}
div#sidebar p+p{margin-top: 0.7em}
div#sidebar .content {margin: 0 0px;padding:5px}
.title{margin:1px 0;padding:5px 0px}
.title h4{margin: 0px; padding-left: 10px}
div#box{float:right;width:76%;margin-bottom:10px;padding-left: 5px;}
.shadow{margin: 10px;padding: 0 5px 5px 0px;background: #ededed}
 * html body .shadow{height: 1%;margin: 10px;padding: 0 5px 5px 0px;background: #ededed}
.contentbox{padding:1px}
 * html body .contentbox{height: 1%;padding:0px 0 ;margin:1px 0px}
.content, #comment{background: #FFF}
 * html body .content{height: 1%;margin:0}

div#comment{;padding:5px;margin: 0px 0px 0px 1px}
div#flat{clear:both;width:95%;height:38px;margin:10px 0 0;padding:0px}
div.left49 {float:left;width: 80%;}
div.right49 {float:right;width: 10%;text-align: right;}
div.left49 p{margin:0px 20px; padding:0px}
div.right49 p{margin:0; padding:0px}

div#footer{clear: both;margin:0 0 5px}
div#footer p{text-align:center}
#img3 h3{margin-left:15px}
.m4{width:470px}
form{margin: 5px 0;padding: 5px 0}
form h3{margin-bottom: 10px}
form div{padding: 0}
form  input{width: 100px;margin-left:0px}
form textarea{width:450px}

ul {list-style:none; margin:0; padding:0;}
li {list-style:none;}

#gal{margin:10px}
#gal tr{float:left}
 * html body div#gal tr{display:inline}
.largepic{width:550px;margin:5px;border:1px solid #ffba27}
.biglink{text-align:center}
.content a.center{margin-left:10px}
.content{padding: 5px 10px}
.content p{padding: 0px}
div#img3 a,#img2 a,#img1 a{padding:0px;margin: 0px 5px;}
.modulecommentsentryauthor{margin-left:15px; color:#000}
.modulecommentsentrydate p{margin:3px 0 0 30px; }
.modulecommentsentrybody{margin-left:5px; padding:0px}

/* GALLERY */
ul#gallery { margin:0 0 0 20px; padding-top:20px; height:80px; list-style:none; position:relative; }
ul#gallery li { border-right:1px solid #ccc; width:115px; display:block; float:left; }
ul#gallery li#first { border-left:1px solid #ccc; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { top:auto; left:0; }
ul#gallery li a { display:block; width:110px; padding:15px 0 15px 5px; color:#000; text-decoration:none; }
ul#gallery li a:hover { background-color:#fafafa; }
ul#gallery li ul { padding:40px 20px 20px 20px; list-style:none; margin:0; width:350px; background-color:#fff; position:absolute; left:-999em; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border:0; }
ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; float:left; display:block; width:100px; height:75px; }
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img { position:absolute; width:100px; height:75px; }
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:200px; height:150px; left:-50px; top:-37px; z-index:1; border:1px solid #000; }

/* End of 'OrangeGreyShadow : orangLayout' */