/*
--------------------------------------------------
 Basic Declarations
--------------------------------------------------
*/

body,
html {
    margin:0;
    padding:0;
    background: #856B48 url("../images/bg.jpg") repeat-x top left;
    font-family: Georgia, "Times New Roman"; /* Verdana, Arial, Helvetica, sans-serif; */
    font-size: 100%;
}
  
body {
    margin: 10px 0 20px 0;
}

img {
	border: 0;
}

p {
	margin: 0 0 14px 0;
	font-size:1.0em;
	font-weight: normal;
	color: #333333;
}

p.small {
	font-size:0.7em;
}

p.error {
	color: #ff0000;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	color: #3E251A;
}

h1 {
	font-size: 24px;
	margin: 0 0 4px 0;
	padding: 0;
}

h2 {
	color: #900800;
	font-size: 20px;
	margin: 0 0 10px 0;
}

h3 {
	font-size: 12px;
	margin: 0 0 2px 0;
}

h4 {
	font-size: 12px;
	margin: 0 0 2px 0;
}

ul	{
	list-style-type: none;
	margin: 0 0 10px 24px;
}

ul li	{
	list-style-type: none;
	margin: 0 0 5px 0;
	color: #333333;
}

ol	{
	list-style-type: decimal;
	margin: 0 0 10px 24px;
}

ol li	{
	list-style-type: decimal;
	color: #333333;
	margin: 0 0 5px 0;
}

hr { 
	border: 0;
	color: #ccc;
	height: 1px;
	width: 100%;
	margin: 5px 0 5px 0;
	padding:0;
	clear:both;
}

html>body hr {
	background: #ccc;
	border: 0;
	height: 1px;
	width: 100%;
	padding:0;
}

img.left {
	padding: 0;
	margin: 0;
	float: left;
}

.hr {
	height: 1px;
	width: 100%;
	background: #ccc;
	margin: -2px 0 4px 0;
	padding:0;
}

.small {
	font-size: 10px;
}

em {
	background: #ffff00;
	color: #000000;
	font-weight: bold;
	font-style: normal;
}

img.left {
	padding: 0 5px 5px 0;
}

.center {
	text-align: center;
}

.promo p {
	font-size: 14px;
}

.promo p  a {
	font-size: 15px;
	font-weight:bold;
}

/*
--------------------------------------------------
Bigger Link Jquery Plugin Styles
--------------------------------------------------
*/

/* Put a border around the newly clickable element */
.hot {
	zoom: 1; /* Should be IE only */
	}
/* rollover style for clickable element */
.hover {
	cursor: pointer;
	background-color: #ffffff;
	}

/* Simulate hover on contained link */
.hover a:link {
	color: #CC3333;
	}
.hover a:visited {
	color: #CC3333;
	}
		
/*
--------------------------------------------------
 Link Styles
--------------------------------------------------
*/

a.title, 
a.title:link, 
a.title:visited {
	font-family:georgia, times, serif;
	line-height: 1.4em;
	font-size: 1.0em;
	font-weight:bold;
	padding:2px 2px 0 2px;
	color: #900800;
	text-decoration: none;
	border-bottom: 1px #900800 dotted;
}

a.title:hover, 
a.title:active {
	font-family:georgia, times, serif;
	line-height: 1.4em;
	font-size: 1.0em;
	font-weight:bold;
	padding:2px;
	color:#fff;
	text-decoration: none;
	background: #900800;
}

.title {
	font-family:georgia, times, serif;
	line-height: 1.2em;
	font-size: 1.0em;
	font-weight:bold;
	padding:2px 2px 0 2px;
	color: #900800;
	text-decoration: none;
}

a.large {
	font-size: 1.4em;
	font-weight: bold;
}

a.emphasis {
	font-size: 2.0em;
	font-weight: bold;
}

a:link {
	color:#0000EE;
}

a:hover,
a:active {
	color:#9900CC;
}

a:visited {
	color:#9900CC;
}



/*
--------------------------------------------------
 Layout
--------------------------------------------------
*/

#pageContainer {
	padding: 0 10px 0 10px;
    margin:0 auto;
    width:983px;
    border:0;
}

/*
--------------------------------------------------
 Layout: Header
--------------------------------------------------
*/

#headerContainer {
	height: 169px;
}

#logo {
	margin-top: 10px;
	width: 218px;
	float: left;
}

#logo p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
	margin: 16px 0 0 0;
	text-align: right;
	overflow: visible;
	position: relative;
	left: 15px;
}

#logo h1 {
	display:none;
}

#header {
	width: 562px;
	height: 169px;
	float: left;
	background: url("../images/cbtop.gif") top no-repeat;
}

#nav {
	margin: 55px 0 0 95px;
}

/*
--------------------------------------------------
 Layout: Content
--------------------------------------------------
*/

#contentTop {
	margin: -2px 0 0 0; /* for FF use 1px here */
	padding: 0;
	line-height:0px;
	width: 983px;
	height: 11px;
	background: url("../images/top.gif") top left no-repeat;
	position:relative;
}

#contentBtm {
  margin: 0;
  padding: 0;
  line-height:0px;
	width: 983px;
	height: 11px;
	background: url("../images/btm.gif") top left no-repeat;
}

#contentContainer {
	background: #fff;
}

/*
--------------------------------------------------
 Layout: Main Content
--------------------------------------------------
*/

#bodyContent {
	width: 728px;
	padding: 0 10px 10px 0;
	float: right;
	background: #fff;
}

/* IE7 specific hack to achieve a liquid 2 column background color */
*+html #home #bodyContent, *+html #twoColumn #bodyContent {
	border-left: 245px solid #fff;
	margin-left: -245px;
}

#oneColumn #bodyContent {
	width: 963px;
	padding: 0 10px 10px 10px;
}

/*
--------------------------------------------------
 Layout: Footer
--------------------------------------------------
*/

#footer {
	padding-top: 6px;
	width: 983px;
	height: 66px;
	background: url("../images/cbbtm.gif") top no-repeat;
	text-align: center;
}

#footer p {
	color: #3E251A;
	font-weight: bold;
	margin: 0 0 7px 0;
	font-size: 12px;
}

#footer a, 
#footer a:link, 
#footer a:visited {
	color: #3E251A;
}

#footer a:hover, 
#footer a:active {
	color:#fff;
	text-decoration: none;
}

/*
--------------------------------------------------
 Utilities
--------------------------------------------------
*/

#noscript {
	width: 983px;
	margin:0 auto;
	text-align:center;
	padding: 50px 0 900px 0;
	color: #fff;
	font-size: 16px;
}

#synopsis {
	display: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}