html{margin: 0; padding: 0; width: 100%; height: 100%;}
body{margin: 0; padding: 0; width: 100%; height: 100%; background: #4F6F92; font-family: arial, verdana, sans-serif;}
h1{font-family: georgia, times, serif; font-size: 24px;}
p{margin-bottom: 10px; line-height: 2.2em; font-size: 14px;}
/* ==| Globals |==*/
.clear{clear: both;}

/*==| Site Structure |==*/
#header{width: 820px; height: 70px; margin: 0 auto;}
#branding{font-size: 28px; font-weight: bold; text-decoration: none; color: #C4D1DF;}
#content_wrapper{width: 780px; height: 440px; margin: 0 auto; padding: 20px; background: #fff;}
.bottom_shadow{width: 820px; height: 28px; margin: 0 auto; background: url(images/shadow_bottom.png) top left no-repeat;}
#footer_wrapper{clear: left; width: 100%; height: 76px;  background: url(images/footer_bg.gif) top left repeat-x;}
#footer{width: 820px; margin: 0 auto; }
#copyright{width: 820px; margin: 0 auto; clear: left;}
/* ==| 3 Boxes |== */
ul.boxtrio{margin: 0; padding: 0; width: 820px; margin: 0 auto; list-style: none;}
ul.boxtrio li{float: left; margin-right: 11px; width: 252px; height: 125px; background: #fff; border: 7px solid #8FB2DA; -moz-border-radius: 12px; -webkit-border-radius: 12px;}
/* ==| Navigation |== */
ul.nav{list-style: none;}
ul.nav li{float: left; display: inline;}
#footer ul.nav li a{display: block; padding: 5px 12px;}

.clearmargin{margin:0 !important;}