@charset "UTF-8";
/* CSS Document */

/* @group RESET ---------------------------------------------- */
html{color:#000;background-color:#fff;}body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;overflow:hidden;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
ul li{list-style:none;}
body {font-family: sans-serif;}table{font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* @end */

/* @group CORE STYLES ---------------------------------------------- */
html {background: url(../images/paper.jpg) 0 0 repeat;}
body {font-family: georgia, serif; font-size: 12px; color: #262626; background: url(../images/headerBackground.png) center top no-repeat;}
a {color: #f04c23; text-decoration: underline;}
a:hover {text-decoration: none;}
a:visited {color: #f04c23;}
em {font-style: italic;}
strong {font-weight: bold;}
h1 {margin: 5px 0 20px 0; font-size: 3.6em; letter-spacing: -0.025em;}
h2 {margin: 20px 0 10px 0; font-size: 2em;}
h3 {margin: 20px 0 10px 0; font-size: 1.6em;}
input:focus,
textarea:focus {color: #262626 !important;}
.container {width: 951px; margin: 0 auto; overflow: visible;}
.hidden {display: none;}
/* @end */

/* @group CORE ELEMENTS ---------------------------------------------- */
#header {height: 140px; margin-bottom: 10px; text-transform:uppercase;}
	#header .Logo {margin: 10px 0 0 2px;}
	#header .topnav {float: right; width: 700px; margin-top: 30px; outline: none; text-align:right}	
	#header .nav {float: right; width: 700px; margin-top: 25px; outline: none; text-align:right}
	#header .nav li {display: inline;}
	#header .nav li a {padding: 0 10px; display: inline-block; font-size: 150%; min-width: 100px; height: 60px; line-height: 60px; text-align: center; border-right: 1px #777 dotted; color: #000}
	#header .nav li a:hover {color: #fff}

#footer {height: 70px; width: auto; margin-top: 10px; background-color: #262626; clear:both; border-top: 4px solid #000}

#article {position: relative; z-index: 2; width: 913px; min-height: 535px; padding: 0 19px 52px; background-color: #fff; overflow: auto;  border-top: 4px #000 solid;  border-bottom: 1px #777 dotted;}
	#article li {margin: 0 0 10px 30px}
	#article ul li{list-style: square;}	
	#article p {margin: 10px 0;}
	#article h1 {border-bottom: 1px #ddd solid}


/* @group MAIN ---------------------------------------------- */
#features {position: relative; z-index: 2; width: 950px; height: 200px; background-color: #fff; border-top: 4px #000 solid;  border-bottom: 1px #777 dotted;}
#middleSection {clear: both; margin: 10px 0 10px 0; overflow: hidden;}
#middleSection .middleItem {float: left; display: inline-block; background-color: #e3e3e2; padding: 5px; width: 306px; height: 75px; overflow: hidden; text-align:center; border-right: 1px #777 dotted}
#middleSection .middleItem:last-child { border-right: 0}
#middleSection .middleItem h2 {margin: 5px 0 10px 0}