/* @group reset */
html { min-height: 100%; }
body { 
	min-height: 100%; 
	font-size: 12px;
	line-height: 1.5em;
	font-variant: small-caps;
	font-family: arial, Helvetica,sans-serif; 
	background: #273571 url(images/body_bottom.png) repeat-x bottom;
}

* { margin: 0; padding: 0; }
/* @end */

/* @group general */
a { text-decoration: none; color: black; }
a:hover { text-decoration: underline; }
a img { border: none; }
p+p { margin-top: 1em; }

.right { float: right; }
.left { float: left; }
.clear { clear: both; }

h1, h2, h3, h4, h5, h6 { margin: 0.75em 0 0.25em; }
h1 { padding-bottom: 8px; margin: 0 0 10px; border-bottom: 1px solid #d7d7d7; }

ul { margin-left: 2em; }
/* @end */

/* @group layout */
#wrapper { width: 946px; margin: 7px auto 100px; }
#header { text-align: center; }
	#top { width: 896px; height: 123px; border: 1px solid white; background: white url(images/top_blue_bar.png) repeat-x top; float: left; }
#left { width: 380px; height: 737px; float: left; margin-right: -24px; }
#content { }
#content.narrow { min-height: 737px; margin-left: 356px; }
/* @end */

/* @group menus */
#top_menu { margin: 1px 0; width: 896px; height: 25px; background: url(images/top_red_bar.png) no-repeat; line-height: 25px; }
#top_menu ul { list-style: none; float: right; margin: 0; }
#top_menu ul li { float: left; position: relative; height: 25px; }

#top_menu ul ul { display: none; position: absolute; width: 100%; top: 100%; left: 0; background-color: #ae0000; border: 1px solid white; border-top: none; }
#top_menu ul ul li { float: none; }
#top_menu ul ul a { color: white; }
#top_menu ul li:hover ul { display: block; }
/* @end */

/* @group general */
#content .inner { background: url(images/content/content_body.png) repeat-y; padding: 0 23px; }
#content.narrow .inner { background: url(images/content/narrow_body.png) repeat-y; min-height: 691px; }
.content { padding: 10px 11px; border: 1px solid black; background: white url(images/content_background.png) repeat-x top; }
#content.narrow .content { padding: 15px 21px; min-height: 659px; }

#footer { color: white; margin: 0 auto; width: 896px; position: relative; top: -20px; font-size: 10px; }
#footer a { color: white; }
/* @end */

/* @group left */
#left .content { width: 309px; height: 667px; padding: 11px; text-align: center; }
#left a { margin-top: 11px; display: block; }
/* @end */

/* @group bottom */
#bottom .inner { background: url(images/bottom/shadow_body.png) repeat-y; padding: 0 23px; }
#bottom .content { height: 225px; }
/* @end */