body {
margin: 0 auto;
padding: 0;
font: 77% verdana, "Trebuchet MS", arial, sans-serif;
text-align: center;
line-height: 1.7em;
color: #4d4d4f;
background: #f9f9fa url(../image-files/background.png) no-repeat;
background-position: top;
}
			/* WRAP */
#container {
width: 850px;
margin: 0px auto;
padding: 0;
text-align: left;
color: #4d4d4f;
background: #f9f9fa url(../image-files/bg.png) repeat-y;
}

			/* BANNER */
#banner {
width: 850px;
margin: 0px 0 20px 0;
padding: 0;
height: 200px;
background: #f9f9fa url() no-repeat;
color: #f9f9fa;
}

			/* SIDE CONTENT */
#side {
width: 180px;
float: left;
margin: 0 auto;
padding: 0 20px;
background: inherit;
color: #636466;
}
#side p { 
margin: 1em 0 1em 0; 
}
			/* SIDE NAV */		
#side ul {
list-style : none;
margin : 5px 0;
padding : 0;
}
#side ul li {
display : inline;
text-align: left;
padding : 0;
margin : 0;
}
#side ul li a {
display: block;
border-bottom: 1px solid #c7c8ca;
color : #4d4d4f;
background : fff;
text-decoration : none;
text-indent: 5px;
margin : 5;
padding : 3px 0;
}
#side ul li a:hover {
text-decoration : none;
border-bottom: 1px solid #658b98;
color : #658b98;
}
 
				/* MAIN CONTENT */
#content {
width: 610px;
margin-left: 210px;
padding: 0 10px;
}

				/* FOOTER */
#footer {	
margin-top: 30px;
padding: .5em;
clear: both;
font-size: 11px;
color: #4d4d4f;
}
				/* LINKS*/
a {
color: #636466;
text-decoration: underline;
}
a:hover {
color:  #658b98;
text-decoration: none;
}
a img {
border: 0;
}

				/* TYPOGRAPHY */
h1 {
margin: 0;
font: bold 180% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 0px;
color: #658b98;
background: inherit;
}
h2 {
margin: 0;
font: normal 150% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 0px;
color: #4d4d4f;
background: inherit;
}
h3 {
margin: 0;
font: normal 140% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 0px;
color: #658b98;
background: inherit;
}
h4 {
margin: 0;
font: normal 120% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 0px;
color: #4d4d4f;
background: inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #aaa;
}
				/* CLASSES*/
.imgright {
float : right;
padding : 10px;
border : 1px solid #aaa;
margin-left : 10px;
}
.big {
margin : 5px;
font: 200% "Trebuchet MS", verdana, arial, sans-serif;
font-size:200%;
line-height: 2em;
text-transform : uppercase;
background: #fff;
color: #2e2e2e;
}

.calloutbox {
background-color: #658b98;
width: 85%;
border: 1px dashed #fff;
margin: 18px auto 24px auto;
padding: 4px;
color: #fff;
}

div.calloutbox p {
margin: 13px;
}

p.calloutbox {
padding: 13px;
}

div.calloutbox h1,
div.calloutbox h2,
div.calloutbox h3,
div.calloutbox h4,
div.calloutbox h5,
div.calloutbox h6 {
margin: 13px 0 0 13px;
}