/* Start of CMSMS style sheet 'hufa - newLayout' */
/* Start of CMSMS style sheet 'HUFA : Layout' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */
/* hufa.org ID=65 */
/* SITE SPECIFIC LAYOUT */

div.breadcrumbs{margin:1px;padding: 2px;text-align:left;font-size: 90%;}
div#contenthead{width:90%;height:10px; padding: 0px 0 10px;}
 * html body div#contenthead { margin: 0px auto; padding: 10px 0;}


html{height: 100%; margin-bottom: 1px}
#___Frame{width:485px}
html,body{margin:0;padding:10px 0 20px}
div#box{
width:845px;
margin: 0px auto;
background:#fff url(uploads/images/design_elements/bg_body2.jpg); }

div#page{width: 100%;margin: 0px ;text-align: left}

div#header{ 
width: 100%; 
margin:0px auto;
padding-top:10px;
padding-left:22px;
background-repeat:no-repeat;}

div#header_images{
background:url(uploads/images/design_elements/header_image_1.jpg) no-repeat;
width:450px;
height:220px;
margin-left:320px; }

div#hbox{
background: url(uploads/images/design_elements/hufa-logo.png) no-repeat; 
height:215px; 
margin: 15px; 
padding: 0px}

div#hbox{margin: 0; padding: 10px 0}

div#header h1{margin:5px 0;padding:60px 5px 15px}

div#menu_horiz{width:100%;margin: 3px auto;padding: 5px}
div#wrapper{height: 32px;padding: 0; width:100%;}
div#menuwrapper{margin:0px;padding:0px 20px }
div#sidebar{float: left;width: 655px;height:39px;padding: 0;margin: 0px}
div#content{margin:4px 0 10px;padding: 0px}

div#leftcontent{
position:relative;
float:left;
top:10px;
width:70%;
height:100%;
}

div#rightcontent{
position:relative;
float:right;
top:10px;
width:25%;
height:100%;
}

div#contentbox{
background:#fff url(uploads/images/design_elements/bg_body2.jpg);
margin:5px;
padding: 10px;
margin-top:9px;}

.centered {
text-align: center;
}


 * html body div#contentbox{margin: 0px;padding: 10px}
div#contentbox table{margin-left:25px}
div#contentbox th{padding:7px}
div#contentbox th h2{font-size:170%;color:#000}
p.center {margin: 0px;text-align: center}
.center{margin-left:180px}

div#footer{clear: both;margin-top: 10px}
div#footer p {margin: 0;padding: 5px;text-align: center;}


div#mainblock{position:relative; float:left; top:-30px; width:550px;margin:0 0 10px;
padding:5px; z-index:1;}
 /* *html body div#mainblock{width:73%;margin:0px;padding:0px} */
/* div#mainblock{width:73%;margin:0px;padding:0px} */
div#main {padding:5px 0;}
 /* * html body div#main {padding:5px} */
/* div#main {padding:5px} */

div#mainblock_topper{
   background:url(uploads/images/design_elements/mainblock_topper.png) no-repeat;
   position:relative;
   float:left;
left:-15px;
   width:590px;
   height:40px;
   z-index:1;
   }

div#mainblock_bottom{
   background:url(uploads/images/design_elements/mainblock_bottom.png) no-repeat;
   position:relative;
   float:left;
   left:-15px;
   top:-40px;
   width:590px;
   height:40px;
   z-index:1;
   }

div#block2{position:relative; float:left; width:550px;margin:0 0 10px;padding:5px}
 /* *html body div#block2{width:73%;margin:10px 0px;padding:0px} */


div#content2 {width:73%;margin:0 0 10px;padding:0} 
.modulecommentsentrybody{margin-left:10px} 
div#content3 {padding:5px;margin:0px}
div#content2 p, div#content3 p{margin: 0px;padding: 5px}
div#content2 h2, div#content3 h2{margin: 0px;padding: 5px}

/* edit made */

div#newstopper{ 
position:relative;
float:right; 
width:210px;
height:50px;
right:0px;
*right:+6px;
background:url(uploads/images/design_elements/news_topper.png); 
}

div#newsblock{
position:relative;
float:right;
width:202px;
border-left:1px solid #2A3E4A;
border-right:1px solid #2A3E4A;
border-bottom:1px solid #2A3E4A;
}

div#donatebutton{
background:url(uploads/images/design_elements/donate_new.png) no-repeat; 
position:relative;
float:right;
right:5px;
width:200px;
height:50px;
}



div#news{padding: 8px;margin:5px}

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

div#comment a{;padding:0px;margin: 20px 10px;color: #ffba27}
div#comment a:hover{color: #C28400;text-decoration:underline}
.modulecommentsentryauthor{margin-left:20px; color:#000}
.modulecommentsentrybody{margin-left:10px}
.modulecommentsentryheader{padding-top:5px}

#comment{border: thin solid #7a7a7a}
div#content2, #comment{background: #FFF}
#img1 .center{margin-left:10px}
#img2{padding: 0 5px}
div#img3 a,#img2 a,#img1 a{padding:0px;margin: 0px 5px;color: #ffba27}
div#img3 a:hover,div#img2 a:hover,div#img1 a:hover{color: #C28400;text-decoration:underline}

/* End of 'HUFA : Layout' */


/* End of 'hufa - newLayout' */