body {margin: 0px; text-align: center; background: #000000 url('/images/cclayoutv2/sitebackgroundv2.jpg') top center repeat-y; 
			font-family: verdana, arial; font-size: 12px; color: #f6f6f6;}
body.print {color: #000000; margin: 10px; background-color: #ffffff;}
body.print a:link, body.print a:visited, body.print a:active {color: #660000; text-decoration: none}
body.print a:hover {color: #aaaaaa; text-decoration: underline;}
body.print p, body.print td, body.print .label {font-family: verdana, arial; font-size: 11px; color: #000000; letter-spacing: 0px;}
p, td, .label {font-family: verdana, arial; font-size: 12px; color: #f6f6f6; letter-spacing: 0px;}
p {margin-top: 0px;}
.label {font-weight: bold;}
a:link, a:visited, a:active {color: #cff; text-decoration: none; font-weight: bold;}
a:hover {color: #afa; text-decoration: underline; font-weight: bold;}
ul, ol {font-size: 12px;}
li {margin-bottom:1%; text-align:justify; margin-right:10%;}
small {font-size: 10px}
hr {color: #000000; height: 1px;}
.status {font-size: 11px; color: #ffff00; font-weight: bold;}
td.status {padding: 8px;}
div.status {padding: 8px; border: solid 1px #aaaaaa; background: #555555; text-align: left;}
.notice {font-size: 12px; color: #00ff00; font-weight: bold;}
.notes {font-size: 10px; color: #cccccc;}
input, select, textarea, .forminput {font-family: verdana, tahoma, helvetica, arial, geneva, sans-serif; border: solid 1px #777; background: #20222b; font-weight: bold; font-size: 11px; color: #fc0;}
input.formsubmit, input.submit {background: #4e6674; font-weight: bold; border:solid 1px #ccc; color: #ffffff; font-size: 11px; padding: 1px 5px;}

code, pre {color:#0f0;}
h1, h2, h3, h4, h5 {margin-top: 0px; margin-bottom: 5px; font-family: verdana, tahoma, helvetica; color: #cdd2e0; font-weight:600;}
h1 {font-size: 24px;} h2 {font-size: 20px;} h3 {font-size: 14px;} h4 {font-size: 11px;} h5 {font-size: 12px;}
h2 {font-weight:500; letter-spacing:0.2em; padding-bottom:3px; border-bottom:dotted 1px #000;}
h4 {color:#f00;}

/* Clear without the need for more junk in the trunk */
.clear {display:inline-block;}
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* Hides from IE-mac \*/
* html .clear {height:1%;}
.clear {display:block;}
/* End hide from IE-mac */

div#container {margin:0 auto; width:1000px; text-align:left;}
div#header {position:relative; width:1000px; height:145px;}
div#headerbg {position:absolute; top:0; left:0; width:1000px; background: url('/images/cclayoutv2/headerbackground.jpg') 0 0 no-repeat; height:145px; z-index:-100;}
div#logo {position:absolute; top:38px; left:12px; z-index:-5;}
div#logo img {position:absolute; border:0px; width:306px; height:220px;}
div#topnav {position:absolute; top:72px; left:310px; padding:0; margin:0; height:23px; line-height:23px; z-index:1;}
div#topnav a img {border:0px; height:23px;}

ul#user-bar {list-style:none; position:absolute; right:0; top:0; font-size:10px; margin:0; padding:0 0 0 5px; height:18px; line-height:18px;}
ul#user-bar {background:0 0 no-repeat; background-image:url('/images/cclayoutv2/user-bar.png');}
ul#user-bar a {}
ul#user-bar li {display:block; position:relative; float:left; margin:0; color:#eee; background-image:url('/images/cclayoutv2/user-bar-bg.png');}
ul#user-bar li a {display:block; padding:0 10px; color:#eee;}
ul#user-bar li a:hover {color:#fc0 !important; text-decoration:none; background-color:#444 !important; border-bottom:solid 1px #fc0 !important;}
ul#user-bar li.username a {font-weight:bold;}
ul#user-bar li.last a {padding:0 15px 0px 10px;}
ul#user-bar li.mail a {padding-left:30px; background:url('/images/cclayoutv2/user-bar-icons.png') 10px 1px no-repeat;}
ul#user-bar li.buddies a {padding-left:22px; background:url('/images/cclayoutv2/user-bar-icons.png') 6px -17px no-repeat;}

div#bodycontent {position:relative; z-index:100;}
div#left-col {width:185px;}
div#content {width:795px;}
div#content-780 {width:780px; z-index:990 !important;}
div#content-540 {float:left; width:540px;}
div#content-230 {float:right; width:230px;}
.floatleft {float:left;}
.floatright {float:right;}
.margin-all {margin:10px;}
.margin-sides {margin:0 10px;}
.margin-topbot {margin:10px 0;}
.margin-top {margin-top:10px;}
.margin-right {margin-right:10px;}
.margin-bottom {margin-bottom:10px;}
.margin-left {margin-left:10px;}

div#column-185 {position:relative; width:185px; z-index:1;}
div#header-185 {position:relative; width:185px; background: url('/images/cclayoutv2/header-185.png') 0 0 no-repeat; height:42px; text-align:left; vertical-align:top; z-index:2;}
div#header-185 div.headertext {color:#ffc; font-weight:bold; font-family:arial; font-size:14px; padding-top:15px; padding-left:45px;}
div#body-185 {position:relative; top:-25; width:185px; padding:0px; background: url('/images/cclayoutv2/column-185.jpg') bottom center no-repeat;}
div#body-185 div.innerbody {font-size:10px; padding:28px 15px 35px;}
div#header-230 {position:relative; width:230px; background: url('/images/cclayoutv2/header-230.png') 0 0 no-repeat; height:42px; text-align:left; vertical-align:top; z-index:2;}
div#header-230 div.headertext {color:#ffc; font-weight:bold; font-family:arial; font-size:14px; padding-top:15px; padding-left:45px;}
div#body-230 {position:relative; top:-25; width:230px; padding:0px; background: url('/images/cclayoutv2/column-230.jpg') bottom center no-repeat;}
div#body-230 div.innerbody {font-size:10px; padding:28px 15px 35px;}

div#progressionmeter {position:relative; background: url('/images/cclayoutv2/icc-progress.png') 0 0 no-repeat; width:185px; height:230px; text-align:left; vertical-align:top;}
div#progressiontext {font-size:10px; color:#fff; font-family:arial;}
div#progressionbarcontainer {position:absolute; bottom:0; width:185px; height:166px;}
div#progressionbar {width:185px; height:34px; background-image:url('/images/cclayoutv2/pbar.png');}
div#progressionbaricon {float:left; margin-top:6px; margin-left:6px;}
div#progressionbaricon img {border:0px;}
div#progressionbarinstance {float:left; margin-top:16px; margin-left:8px; font-family:arial; font-size:11px; color:#ffc; font-weight:bold; line-height:12px;}
div#progressionbarstats {float:right; margin-top:5px; margin-right:8px; width:75px; font-family:arial; font-size:10px; color:#fff; line-height:11px;}

div#footer {margin-top:20px; margin-bottom:50px; border-top:dotted 1px #777; border-bottom:dotted 1px #777; padding: 5px; text-align:center; font-size:11px; background-color:#20222b;}

#ccroster table {width: 770px; border-collapse: collapse; border: solid 1px #777777;}
#ccroster th {background: url('/images/cclayoutv2/header-bg.jpg') #303745; padding: 2px 5px; border: solid 1px #777777; text-align: left;}
#ccroster th.column1 {width: 30%;}
#ccroster th.column2 {width: 5%;}
#ccroster th.column3 {width: 5%;}
#ccroster th.column4 {width: 5%;}
#ccroster th.column5 {width: 35%;}
#ccroster th.column6 {width: 20%;}
#ccroster th p {font-size: 11px; color: #ffffff;}
#ccroster td {padding: 2px 4px; border: solid 1px #777777; text-align: left;}
#ccroster td p {}
#ccroster td span.name {font-size: 12px; font-weight: bold;}
#ccroster td.normal {background-color: #000;}
#ccroster td.alt {background-color: #303745;}

#global table {width: 770px; border-collapse: collapse; border: solid 1px #777777;}
#global th {background: url('/images/cclayoutv2/header-bg.jpg') #303745; padding: 2px 5px; border: solid 1px #777777; text-align: left;}
#global th p {font-size: 11px; color: #ffffff;}
#global td {padding: 2px 4px; border: solid 1px #777777; text-align: left;}
#global td p {font-size: 11px;}
#global td.normal {background-color: #000;}
#global td.alt {background-color: #303745;}