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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	background:#ae0000 url(images/repeat-bottom.png) center repeat-y;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	height:250px;
	width:100%;
	background:#ae0000;
}

#header .container {
	background:url(images/header-bg.gif) top left no-repeat;
	width:961px;
	margin:0 auto;
	height:250px;
	clear:both;
}

.logo {
	float:left;
	margin-top:170px;
}

#header .nav {
	float:left;
	list-style:none;
	color:#FFFFFF;
	margin-top:208px;
	margin-left:75px;
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}

#header .container ul {
	float:left;
	list-style:none;
	color:#FFFFFF;
	margin-top:210px;
	margin-left:60px;
	font:12px Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}

#header .container ul li {
	float:left;
	margin-left:15px;
	height:40px;
	line-height:40px;
}

#header .container ul li a {
	color:#FFFFFF;
	float:right;
	text-decoration:none;
	height:60px;
	line-height:50px;
}

#header .container ul li a:hover {
	letter-spacing: 0.1em;
	background:url(images/nav-c.gif) top no-repeat;
}

#content {
	width:100%;
	height:319px;
	background:url(images/content-bg.gif) repeat-x;
}

#content .content-container {
	width:970px;
	margin:0 auto;
	height:319px;
	clear:both;
}

.main-pic {
	float:left;
	margin:30px 20px auto 7px;
	border:0px;;
}

.copy {
	float:left;
	width:501px;
	height:270px;
	margin-top:30px;
	margin-bottom:19px;
	margin-left:52px;
	overflow:auto;
	text-align:left;
}

.copy a{
	text-decoration:none;
	color:#a10000;
	font-weight:bold;
}

h1 {
	color:#666666;
	text-transform:capitalize;
	font:bold 14px Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}
.author {
	font-size:10px;
	color:#666666;
	font-weight:bold;
}

span {
	font-size:12px;
	color:#333333;
}

p {
	font: normal 1.2em/1.5em Arial, sans-serif; 
	padding-bottom: 1em;
}

#footer {
	width:100%;
	background:#ae0000;
}

#footer .footer-container {
	width:961px;
	margin:0 auto;
	height:68px;
	clear:both;
	background:url(images/bottom-text.png);
}

#repeat-bottom {
	background:url(images/repeat-bottom.png) repeat-y;
	height:100%;
	width:961px;
	clear:both;
	margin:0 auto;
}