body {
margin : 0;
padding : 0;
font : 73% Verdana, Arial, Helvetica, sans-serif;
background : #ffffff;
color : #333;
background-image:url(img/bg.jpg);
    background-repeat:no-repeat;
    background-position:center top;

}
#container {
width : 720px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 5px solid #b39764;
background : #ffffff;
color : #333;
}
#Form {
width : 600px;
margin-left : auto;
margin-right : auto;
padding : 0;
}
#inner {
        width:200px;
        float:left;
        margin-right:2%;
        border:3px solid #D6D6C2;
        background:#E0E9F8;
        padding: 3px;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        -moz-border-radius: 15px 0 15px 0;
}
			/*TOP BANNER*/
#topimg {
height : 175px;
padding : 0;
margin : 0;
background : #ffffff url(img/canopy_logo_720x175.jpg) no-repeat;
color : #333;
}
#topimg h1 {
float : left;
margin : 10px 0 0 15px;
font-size : 150%;
letter-spacing: 3px;
color : #fff;
background : #006600;
}
			/*Email content*/
#mailcontainer ul {
float : left;
width : 590px;
padding-left : 0;
margin : 0 0 20px 0;
font-size : 110%;
border-top : 1px solid #fffF99;
border-bottom : 1px solid #fffF99;
background : #ffffff;
color : #333;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #fffF99;
background : #006600;
color : #fff;
}
#navcontainer ul li a:hover, #navcontainer ul li a#current {
background : #91ae00;
color : #000;
}
			/*MAIN CONTENT*/
			
#page {

	background: url('images/bg.png') repeat-y left;

}

#content {
margin : 0 0 5px 0;
padding : 5px;
background : inherit;
color : #333;
}
#content a:link, #content a:visited {
text-decoration : none;
background : inherit;
color : #856e42;
}
#content a:hover {
background : inherit;
color : #b39764;
}
			/*FOOTER*/
#footimg {
height : 110px;
padding : 0;
margin : 0;
background : #3065B0 url(../img/footimg.jpg) no-repeat;
color : #333;
}
#footer {
clear : both;
padding : 5px;
margin : 0;
font-size : 100%;
border-top : 1px solid #f47b3a;
background : #3065B0;
color : #333;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #f47b3a;
}
#footer a:hover {
border-bottom : 1px dashed #f47b3a;
background: inherit;
color : #333;
}
			/*TYPOGRAPHY*/
p {
line-height: 1.7em;
margin : 15px;
}
h1 {
margin-top : 10px;
padding : 0;
font-size : 200%;
text-transform : uppercase;
letter-spacing: 1px;
color : #3065B0;
background : inherit;
}
h2 {
font-size : 110%;
text-transform : uppercase;
color : #000;
background : #fff;
}
			/*CLASSES*/
			
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 
.img {
float : left;
padding : 10px;
border : none;
}
.img a {
border : none;
}
.post { 
background : #eee;
padding : 3px;
margin : 20px 10px 0 5px;
border : 0 dashed #8a795d;
font-size : 90%;
} 
.post .date { 
background : url(../img/clock.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .comments { 
background : url(../img/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .readmore { 
background : url(../img/document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
blockquote {
font-weight : bold;
font-style : italic;
color : #f47b3a;
}
