﻿body {
	margin: 0 auto;
	background-color: #000;
	background-image: url(images/CC247-BG-Val.jpg);
	background-position: center 0px;
	background-repeat: no-repeat;
	font-family:  Verdana, Arial, Helvetica, "Sans Serif";
	font-size: 9pt;
	color: #696969;
}

#wrapper {
	margin: auto;
	width: 100%;
}

#header {
	margin: 0 auto;
	width: auto;
	height: 190px;
}

#headerarea {
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 980px;
	height: 190px;
}

#headerarea_left {
	margin: 4px 0 0 0;
	width: 402px;
	height: 181px;
	float: left;
	background-image: url(images/cc247_402x160_v2.png);
	background-repeat: no-repeat;
}

#headerarea_left_sub {
	margin: 142px 0 0 0;
	width: 138px;
	height: 42px;
	float: right;
}

#headerarea_right {
	margin: 0 auto;
	padding-top: 4px;
	width: 550px;
	height: 20px;
	float: right;
	text-align: right;
	font-size: 8pt;
	color: #CCC;
}

#headerarea_right_sub {
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	width: 550px;
	height: 150px;
	float: right;
}

#navbase {
	margin: 0 auto;
	width: auto;
	height: 30px;
}

#navsection {
	margin: 0 auto;
	width: 990px;
	height: 30px;
	background-image: url(images/navigation-main.png);
	background-repeat: no-repeat;
}

#navarea {
	margin: 5px 0 0 20px;
	float: left;
	width: 970px;
	height: auto;
	word-spacing: 3em;
}

#banner {
	margin: 0 auto;
	width: auto;
	height: 300px;
}

#bannerarea {
	margin: 0 auto;
	padding: 0px 0 0 0px;
	width: 990px;
	height: 280px;
	background-color: #000;
}

#bannerarea_left {
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 460px;
	height: 280px;
	float: left;
	background-color: #000;
}

#bannerarea_center {
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 245px;
	height: 280px;
	float: left;
	background-color: #000;
}

#bannerarea_right {
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	width: 245px;
	height: 280px;
	float: left;
	background-color: #000;
}

#pagearea {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 990px;
	height: auto;
	overflow: hidden;
	background-color: #FFF;
} 

/* ///// three column layout ///// */

#threecolumnleft {
	float: left;
	margin: 0 0 -10000px 10px;
	width: 180px;
	height: auto;
	text-align: left;
	padding: 0px 20px 10020px 0px;
	line-height: 1.13em;
	font-size: 8pt;
}

#threecolumncenter {
	float: left;
	margin: 0 0 -10000px 0px;
	width: 500px;
	height: auto;
	text-align: left;
	padding: 0px 20px 10020px 0px;
	line-height: 1.33em;
}

#threecolumnright {
	float: left;
	margin: 0px 0px -10000px 0px;
	width: 250px;
	min-height: 200px;
	text-align: left;
	padding: 0px 0px 10020px 0px;
	font-size: 8pt;
	line-height: 1.33em;
}

/* ///// end three column layout ///// */

/* ///// two column layout ///// */

#twocolumnleft {
	float: left;
	margin: 0 0 -10000px 10px;
	width: 700px;
	height: auto;
	text-align: left;
	padding: 0px 20px 10020px 0px;
	line-height: 1.13em;
}

#twocolumnright {
	float: left;
	margin: 0px 0px -10000px 0px;
	width: 230px;
	min-height: 200px;
	text-align: left;
	padding: 0px 10px 10020px 10px;
	font-size: 8pt;
	line-height: 1.33em;
	color: #005b8d;
	background: #abc7d8;
}

/* ///// end two column layout ///// */

/* ///// one column layouts ///// */

#onecolumn-reply {
	float: left;
	margin: 0px 0px -10000px 245px;
	width: 500px;
	min-height: 300px;
	text-align: left;
	padding: 0px 0px 10020px 0px;
	line-height: 1.33em;
}

/* /////  end one column layouts ///// */

#footer {
	margin: 0 auto;
	width: auto;
	height: auto;
	font-size: 8pt;
}

#footerarea {
	margin: 0 auto;
	padding: 10px 0 20px 0;
	width: 990px;
	min-height: 100px;
	overflow: hidden;
	background: #FFF;
}

#footerlft {
	margin: -10px 10px 0 10px;
	float: left;
	width: 150px;
	height: 60px;
}

#footercnt {
	margin: 0 0 0 0;
	float: left;
	width: 350px;
	height: 90px;
	color: #999;
}

#footerrgt {
	margin: 0 10px 0 0;
	float: right;
	width: 300px;
	height: auto;
	text-align: right;
	color: #999;
}

/* ===== text classes ===== */

p {
	font-size: 12px;
}

.txtbord_blue {
	padding: 10px;
	border: #069 solid thin;
	background: #CCF;
	color: #036;
}

.txtbord_red {
	padding: 5px;
	border: #930 solid thin;
	background: #FF8383;
}

.txtbord_gold {
	padding: 5px;
	border: #D6AF00 solid thin;
	background: #F7DA3D;
}

.headernum {
	margin-top: -25px;
	padding-left: 110px;
	width: 200px;
	height: 25px;
	text-align: left;
	font-size: 12pt;
	color: #000096;
}

.smtext {
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
}

.spacing {
	margin-top: 0.2em;
	margin-bottom: 0em;
	margin-left: 0em;
}

li {
	font-size: 9pt;
	text-indent: 0px;
}

ul.outside {
	list-style-position: outside;
	margin-left: 0px;
	padding-left: 15px;
}

.caption1 {
	font-size: 8pt;
	text-align: center;
	padding-top: 1em;
}

/* ===== object classes ===== */

.box_socmed {
	width: 490px;
	color: #FF0B0B;
	height: auto;
	border: #999 solid thin;
	padding: 5px;
	background: #CCC url(images/CC247_circle120.png) right no-repeat;
}

hr {
	width: 98%;
}

.commentsection-top {
	width: 500px;
	height: 15px;
	background: url(images/border-comments-top.png) no-repeat;
}

.commentsection-sides-upper {
	width: 450px;
	height: auto;
	padding: 0 25px 0 25px;
	background: url(images/border-comments-sides.png) repeat-y #CCC;
}

.commentsection-separator {
	width: 450px;
	height: 1px;
	padding: 0 25px 0 25px;
	background: url(images/border-comments-sep.png) repeat-y #999;
}

.commentsection-sides-lower {
	width: 450px;
	height: auto;
	padding: 0 25px 0 25px;
	background: url(images/border-comments-sides.png) repeat-y #e9e9e9;
}

.commentsection-bottom {
	width: 500px;
	height: 15px;
	background: url(images/border-comments-bottom.png) no-repeat;
}

.border {
	border: #99F;
	border-style: solid;
	border-width: thin;
	border-width: 1px;
	padding: 5px;
}

.portfloat {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

/* ===== hyperlinks ===== */

/* mainnav used for links in navigation menu */
a.mainnav:link {
	color: #dcdcdc;
	font-size: 12pt;
	text-decoration: none;
	text-align: inherit;
}

a.mainnav:visited  {
	color: #dcdcdc;
	font-size: 12pt;
	text-decoration: none;
	text-align: inherit;
}

a.mainnav:hover {
	color: #b8cbdb;
	font-size: 12pt;
	text-decoration: none;
	text-align: inherit;
	filter: alpha(opacity=60);
	opacity: 0.6;
	width: 100%;
}

/* altlink used for links in body */
a.altlink:link {
	color: #036;
	font-size: inherit;
	text-decoration: underline;
	text-align: inherit;
}

a.altlink:visited  {
	color: #036;
	font-size: inherit;
	text-decoration: underline;
	text-align: inherit;
}

a.altlink:hover {
	color: #039;
	font-size: inherit;
	text-decoration: underline;
	text-align: inherit;
}

/* altlink2 used for links in headerarea_right */
a.altlink2:link {
	color: #CCC;
	font-size: inherit;
	text-decoration: underline;
	text-align: inherit;
}

a.altlink2:visited  {
	color: #CCC;
	font-size: inherit;
	text-decoration: underline;
	text-align: inherit;
}

a.altlink2:hover {
	color: #999;
	font-size: inherit;
	text-decoration: underline;
	text-align: inherit;
}

/* Feedburner */

div.feedburnerFeedBlock ul {
	margin-left:0;
	padding-left:0;
	list-style-type: none
}

div.feedburnerFeedBlock p.enclosure {
	background:#03C;
}

div.feedburnerFeedBlock p.feedTitle {
	color:#0F0;
}

