﻿html, body 
{
	width:100%;
	margin:0;
	padding:0;
	background:url('../images/background.jpg') repeat-x #000000;
	scrollbar-3dlight-color:#ffffff; 
	scrollbar-arrow-color:#777777; 
	scrollbar-base-color:#777777; 
	scrollbar-darkshadow-color:#ffffff; 
	scrollbar-face-color:#eaeaea; 
	scrollbar-highlight-color:#eaeaea; 
	scrollbar-shadow-color:#eaeaea;
}

#splash
{
	margin:200px auto;
	width:462px;
	overflow:hidden;
	font:10pt verdana, tahoma, arial, Helvetica, sans-serif;
	position:relative;
}

#splash p
{
	display:block;
	position:relative;
	margin:10px 0  0 140px;
}

#splash a
{
	color:#ffcc00;
	text-decoration:none;
}

#splash a:hover
{
	color:#ffffcc;
	text-decoration:underline;
}

#main-skin
{
	margin: 0 auto;
	width:982px;
	overflow:hidden;
	font:10pt verdana, tahoma, arial, Helvetica, sans-serif;
	position:relative;
}

#navigation
{
	background:url('../images/navigation.png') no-repeat;
	height:38px;
	width:982px;
	display:block;
	position:relative;
	padding-top:22px;
}

#navigation ul
{
	display:inline;
	position:relative;
}

#navigation li
{
	display:inline;
	list-style:none;
}

#navigation a
{
	font:9pt verdana;
	color:#ffffff;
	text-decoration:none;
	background:url('../images/nav-line.jpg') 100% 0% no-repeat;
	padding:0 36px 0 36px;
	height:30px;
}

#navigation a.end
{
	background:none;
}

#navigation a:hover
{
	text-decoration:underline;
	color:#ffffcc;
}

#flash-holder
{
	display:block;
	position:relative;
}

#page-content
{
	background: url('../images/body-background.png') repeat-y;
	display:block;
	min-height:500px;
	overflow:hidden;
	width:982px;
}

#page-title
{
	background: url('../images/page-header.jpg') no-repeat;
	height:56px;
	display:block;
	padding:22px 24px 0 24px;
}

#page-title h2
{
	font:bold 13pt verdana;
	float:left;
	display:inline;
	color:#fff;
	margin:0;
}

#page-title span
{
	float:right;
	display:inline;
	font:9pt verdana;
	color:#fff;
}

#page-body
{
	float:left;
	padding:0 30px;
	color:#fff;
	display:block;
	clear:both;
}

#page-body ul
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#page-body li
{
	width:425px;
	height:130px;
	overflow:hidden;
	display:inline;
	float:left;
	border:1pt solid #ffffcc;
	margin:0 6px;
	padding:10px;
}

#page-body li h2
{
	font:bold 13pt verdana;
	color:#ffffcc;
	margin:0;
}

#page-body li p
{
	margin:10px 0;
}

#page-body li a
{
	float:right;
	color:#ffcc00;
	text-decoration:none;
	font-weight:bold;
}

#default-container
{ 
	float:left;
	display:inline;
	width:620px;
	min-height:328px;
	background:url('../images/default-background.png') repeat-y;
	margin-top:-3px;
}

#default-header
{
	background: url('../images/default-header.jpg') no-repeat;
	height:25px;
	display:block;
}

#default-footer
{
	background: url('../images/default-footer.jpg') no-repeat;
	height:25px;
	display:block;
}

#default-body
{
	background:url('../images/default-body.jpg') repeat-x;
	height:308px;
	width:568px;
	margin:0 0 0 18px;
	padding:10px 10px 0 10px;
}

#default-body #body-left-col
{
	float:left;
	display:inline;
	width:264px;
	padding:5px 18px 0 10px;
	font:9pt verdana;
	color:#ffffff;
	text-align:justify;
	background:url('../images/body-line.jpg') no-repeat 100% 0%;
}

#default-body #body-right-col
{
	float:right;
	display:inline;
	width:254px;
	padding:5px 0 0 10px;
	font:9pt verdana;
	color:#ffffff;
	text-align:justify;
}

#default-body #body-right-col a
{
	display:inline;
	float:left;
	margin:5px 10px 0 0;
}

#default-body #body-right-col dl
{
	margin-top:0;
	width:240px;
}

#default-body #body-right-col dt
{
	float:left;
	display:inline;
	width:100px;
}

#default-body #body-right-col dd
{
	float:right;
	display:block;
	width:120px;
	margin:0;
}

#call-out
{ 
	display:inline;
	float:right;
	width:362px;
	margin-top:-3px;
}

#header-1
{
	background:url('../images/co-header-1.jpg') no-repeat;
}

#header-2
{
	background:url('../images/co-header-2.jpg') no-repeat;
}

#header-1, #header-2
{
	height:25px;
	padding:16px 0 0 20px;
}

#header-1 h2, #header-2 h2
{
	float:left;
	font:bold 9pt verdana;
	color:#fff;
	margin:0;
	padding:0;
}

#header-1 a, #header-2 a
{
	font:8pt verdana;
	color:#ffffcc;
	float:right;
	margin:0 24px 0;
}

#body-1
{
	background:url('../images/co-body-1.jpg') no-repeat;
}

#body-2
{
	background:url('../images/co-body-2.jpg') no-repeat;
}

#body-1, #body-2
{
	height:139px;
	padding:5px 0 0 20px;
	width:340px;
	overflow:hidden;
	font:8pt verdana;
	clear:left;
}

#body-1 #scroll, #body-2 #scroll
{
	height:110px;
	width:324px;
	overflow:auto;
	font:8pt verdana;
	line-height:18px;
}

#body-1 #scroll p, #body-2 #scroll p
{
	margin:0;
	padding:0;
}

#body-1 #scroll a, #body-2 #scroll a
{
	display:inline;
	float:right;
	color:#cc3300;
	margin:0 8px 0;
}

#footer
{
	margin: 10px auto;
	width:450px;
	overflow:hidden;
	position:relative;
	font:8pt verdana;
	color:#fff;
}

#footer a
{
	font:9pt verdana;
	color:#fff;
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}

#fields
{
	display:inline;
	float:left;
	margin:0 30px;
	font-weight:bold;
}

#hear
{
	display:block;
	float:left;
	font-weight:bold;
}

#comment
{
	display:block;
	float:left;
	margin:30px;
	font-weight:bold;
}

#submit
{
	display:block;
	float:right;
	margin:0 40px 0;
}

.textbox
{
	border:1pt solid #990000;
	background:#ffffcc;
	font:10pt verdana;
	padding:4px;
}

/* ADMIN SECTION */
#admin-body
{
	float:left;
	padding:0 30px;
	color:#fff;
}

#admin-body ul
{
	width:900px;
	overflow:hidden;
	display:block;
	margin:0 40px;
}

#admin-body li
{
	width:400px;
	height:240px;
	float:left;
	display:inline;
	margin:10px;
	border:1pt solid #ffffff;
	overflow:hidden;
}

#admin-body h2
{
	font:bold 10pt verdana;
	width:400px;
	background:#990000;
	padding:5px;
}

#admin-body #footer
{
	padding:5px 0;
	width:400px;
	background:#bbb;
}

#admin-body #footer a
{
	font:10pt verdana;
	float:right;
	margin:0 10px;
	color:#fff;
}

#admin-update
{
	float:left;
	padding:0 30px;
	color:#000;
}

#admin-update a
{
	color:#cc0000;
}

#admin-update #grid
{
	margin:0 0 10px;
}

.button
{
	float:right;
	background:#333333;
	border:2pt solid #bbb;
	color:#ffcc00;
	padding:4px;
}

.print
{
	position:relative;
	display:block;
	float:right;
	margin:0 30px;
}

#services-body
{
	float:left;
	padding:20px 30px;
	color:#fff;
	display:block;
	clear:both;
}

#services-body h2
{
	font: bold 10pt verdana;
	color:#ffffcc;
	margin:0;
	padding:0;
}

.border
{
	border-left:1pt dotted #ffffff;
}

.serviceItem
{
	background:url('../images/servicesLine.jpg') no-repeat 0% 100%;	
}

#memberInfo
{
	width:420px;
	float:left;
	margin:20px;
}

#memberInfo table, #memberItems table
{
	border:1pt solid #ffffff;
	margin:0 0 10px;
}

#memberInfo table thead th, #memberItems table thead th
{
	background:#990000;
	border-bottom:1pt solid #ffffff;
}

#memberItems
{
	width:420px;
	float:right;
	margin:20px;
}