/* site.css */

/* 
repeat-x = horizontal
repeat-y = vertical 
*/

	ul, li, p, body {
		margin: 0;
		padding: 0;
	}
	
	a.inline {
		color: #a80005;
		text-decoration: none;
	}
	
	a.inline:hover {
		text-decoration: underline;
	}
	
	body {
		color: #fff;
		background: url(images/black-leather-texture-bg.jpg) repeat;
		font-family: 'Crimson Text', serif;
		font-size: 13px;
	}
	
	.clearBoth {
		clear: both;
	}

	#container {
		width: 960px; 
		height: 900px; 
		margin: 0 auto;
	}
	
	#contentLeft {
		width: 410px; 
		float: left;
	}
	
	#contentRight {
		width: 280px; 
		margin-left: 20px;
		float: left;
	}
	
	.divider {
		background: url(images/divider.png) repeat-x;
		width: 100%;
		height: 3px;
		margin: 20px 0;
	}
	
	.error_strings { 
		font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
		font-size: 12px; 
		color: #B3B3B3;
		clear: both;
		height: 20px;
		line-height: 20px;
	}

	#footer {
		font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
		width: 960px;
		height: 70px;
		float: left;
	}

	#footer p {
		color: #b3b3b3;
		text-align: center; 
		font-size: 11px; 
		font-weight: bold;
		line-height: 16px; 
	}

	#footer p a {
		color: #b3b3b3;
		font-size: 11px;
		text-decoration: none;
	}

	#footer p a:hover {
		text-decoration: underline;
	}

	#footerContainer {
		width: 960px;
		height: 173px;
		margin: 0 auto;
		background-color: #69C;
	}

	.formLeft {
		width: 335px;
		height: 25px;
		margin-top: 10px;
		float: left;
	}
	
	.formRight {
		width: 51px;
		height: 25px;
		float: left;
	}

	h1, h3 {
		background-color: #000;
		height: 40px;
		margin: 0;
		padding-left: 10px;
	}

	h1 a {
		font-size: 20px;
		font-weight: normal;
		color: #fff;
		background-color: #000;
		line-height: 40px;
		height: 40px;
		margin: 0;
		text-decoration: none;
	}

	h2 {
		font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
		font-size: 20px;
		font-weight: normal;
		color: #a80005;
		margin: 0;
	}
	
	h3 a {
		font-size: 20px;
		font-weight: normal;
		color: #fff;
		background-color: #000;
		line-height: 40px;
		height: 40px;
		margin: 0;
		padding-left: 10px;
		text-decoration: none;
	}
	
	#header {
		width: 960px;
		height: 150px;
	}
		
	#headerContainer {
		width: 960px;
		height: 173px;
		margin: 0 auto;
		background-color: #969;
	}

	.headerSpace {
		width: 330px;
		height: 150px;
		float: left;
	}
	
	html {
		overflow-y: scroll;
	}

	img {
		border: 0;
	}
	
	input#submitBtn { 
		width: 51px; 
		height: 25px; 
		margin: 0; 
		padding: 0; 
		background: url(images/submit-btn-sprite.png) 0 0 no-repeat;
	}
	
	input#submitBtn { 
		float: left; 
		outline: none; 
		width: 51px; 
		height: 0; 
		padding-top: 25px; 
		overflow: hidden; 
	}
	
	input#submitBtn { 
		background-position: 0 -50px;
	}
	
	input#submitBtn:hover { 
		background-position: 0 -25px;
	}
	
	input#submitBtn:active { 
		background-position: 0 -0px;
	}

	
	
	
	#left {
		width: 710px;
		margin: 0 10px 0 0;
		float: left;
	}

	#middle {
		background: url(images/bkgRepeat.png) repeat-y;
		width: 960px;
	}

	#middleContainer {
		width: 960px;
		min-height: 100px;
		margin: 0 auto;
		background-color: #C93;
	}

	#nav {
		height: 60px;
		width: 916px;
		float: left;
	}

	#nav ul {
		 padding: 0px 0px 0px 170px;
	}
	
	#nav ul li, #nav ul li a  {
		color: #fff;
		display: inline;
		float: left;
		line-height: 60px;
		text-decoration: none;
		font-size: 20px;
		padding: 0px 11px;
	}
	
	#nav ul li a:hover {
		color: #b3b3b3;
	}

	p {
		font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
		font-size: 13px;
		color: #b3b3b3;
	}
	
	.redBold {
		color: #a80005;
		font-weight: bold;
	}
	
	#right {
		width: 240px;
		margin: 0;
		float: left;
	}

	#smNav { 
		width: 44px; 
		height: 16px; 
		margin: 0; 
		padding: 0; 
		background: url(images/social-sprite.png) 0 0 no-repeat;
		float: left;
	}
	
	#smNav li { 
		display: inline;
    }
	
	#smNav li a { 
		float: left; 
		outline: none; 
		width: 22px; 
		height: 0; 
		padding-top: 16px; 
		overflow: hidden; 
	}
	
	#smNav li a { 
		background: url(images/social-sprite.png) no-repeat;
	}
	
	#smNav li#twitter a { 
		background-position: 0 -16px;
	}
	
	#smNav li#facebook a { 
		background-position: -22px -16px;
	}
	
	#smNav li#twitter a:hover { 
		background-position: 0 -32px;
	}
	
	#smNav li#facebook a:hover { 
		background-position: -22px -32px;
	}

	small a {
		text-decoration: none; 
		display: block; 
		text-align: center; 
		padding-top: 5px;
	}
	
	small a:hover {
		text-decoration: underline;
	}