/* ----- RESET ----- */
@import url("reset.css");

/* ----- GLOBAL ----- */
html { overflow-y: scroll; }
body { background-color: #000000; margin: 0px; color: #fff; }

.clear { clear: both; }

hr { color: #FFF; background: #FFF; height: 1px; border: 0px; margin: 20px 0 20px 0; }
#top { font-size: 0px; line-height: 0px; height: 0px; }

/* ----- ARCHITECTURE ----- */
#container { width: 900px; margin: 0 0 20px 0px; }

#header { line-height: 0px; width: 900px; height: 185px; background: url('../images/patrick_header.gif') no-repeat; }
#flash { line-height: 0px; font-size: 0px; background: url('../images/flash_bg.gif') no-repeat; }
#navigation { width: 140px; margin: 20px 0 0 22px; }
#navigation ul { line-height: 0px; }
#navigation ul li {  }

#subhead { float: left; width: 356px; height: 55px; background: url('../images/patrick_subhead.gif') no-repeat; }

#title { width: 190px; height: 55px; float: right; text-align: right; line-height: 0px; font-size: 0px; }
#content { margin: 30px 0 0 0; }

#sidebar-container { width: 210px; float: left; background: url('../images/sidebar_bg.gif') no-repeat; }
#main-container { width: 645px; float: right; background: url('../images/main_bg.gif') no-repeat top right; padding-right: 45px; }

#backtotop { margin: 20px; }
#footer { margin-bottom: 20px; width: 645px; height: 7px; background: url('../images/footer.gif') no-repeat top center; }