@charset "UTF-8";
/* CSS Document */

body {
	background-image: url("images/backTile.gif");
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	}

p{
	line-height: 1.5em;
	}

p.pageIntro{
	font-size: 1.8em;
	line-height: 1.2em;
	color:#99cc33;
	}
	
p.homepageIntro{
	font-size: 1.8em;
	line-height: 1.2em;
	color:#99cc33;
	}

a:link, a:visited {
	text-decoration: none;
	color:#99CC33;
	}

a:hover, a:active {
	text-decoration: underline;
	}
	
p a:link, a:visited {
	text-decoration: none;
	color:#99CC33;
	}

p a:hover, a:active {
	text-decoration: underline;
	color:#99CC33;
	}
	
p img{
	margin: 0;
	border: 3px solid #d9d9d9;
	padding: 2px;
	}
	
#content p a:link, #content p a:visited{
	color:#99CC33;
	}

h1{
	height : 124px; /* height of the replacement image */
	width : 801px;
	background-image : url("images/ccmail_head.png");
	background-repeat : no-repeat; 
	text-indent : -9999px;
	margin-left:auto;
	margin-right:auto;
	}

h2{
	font-size: 6em;
	font-weight:bold;
	line-height:.1em;
	}

h2 #fancy{
	/*text-decoration:underline;*/
	color:#99CC00;
	border-bottom-style:solid;
	border-bottom-color:#99CC00;
	border-bottom-width:thick;
	}
	
h2.pageHeading{
	font-size: 4em;
	}
	
h2.subHead{
	font-size: 2em;
	padding-top:50px;
	}

h3{
	color:#333333;
	font-size:1.3em;
	margin-bottom:-10px;
	}

h3 a:link, h3 a:visited{
	font-style:normal;
	color:#99CC33;
	text-decoration:none;
	}
	
h3 a:hover, h3 a:active{
	font-style:normal;
	text-decoration:underline;
	}
	
h3.next{
	color:#333333;
	font-style:italic;
	padding-bottom: 20px;
	}
	
/*h3.next a:link, h3.next a:visited{
	font-style:normal;
	color:#99CC33;
	text-decoration:none;
	}*/
	


#nav{
	display:block;
	width: 758px;
	height: 35px;
	position:relative; top:-22px;
	background-color:#333333;
	border-left: 6px;
	border-left-style:solid;
	border-left-color:#333333;
	border-right: 6px;
	border-right-style:solid;
	border-right-color:#333333;
	margin-left:auto;
	margin-right:auto;
	}
	

	
#nav #current{
	display:block;
	height:35px;
	padding-left: 10px;
	padding-right: 10px;;
	background-color:#77ba34;
	text-align:center;
	}

#nav li{
	font-size: .9em;
	display : inline;
	float : left;
	line-height : 37px;
	/*padding-left : 10px;
	padding-right : 10px;*/
	/*padding-right: 20px;*/
	color : #ffffff;
	list-style-type : none;
	}
	
#nav li a{
	display:block;
	height:35px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
#nav li a:link, #nav li a:visited{
	text-decoration:none;
	}
	
#nav li a:hover, #nav li a:active{
	background-color:#578b1f;
	color:#ffffff;
	}
	
#subNav{
	display: block;
	width: 680px;
	float: left;
	clear: right;
	margin: -20px 20px 20px -38px;
	}
	
#subNav li a{
	display:block;
	height:20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	}
	
#subNav li a:link, #nav li a:visited{
	text-decoration:none;
	}
	
#subNav li a:hover, #nav li a:active{
	background-color:#d3f2b3;
	text-decoration:none;
	}
	
#subNav li{
	font-size: 1em;
	display : inline;
	float : left;
	color : #000;
	list-style-type : none;
	}
	
#subNav #currentSub{
	display:block;
	height:20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	background-color:#77ba34;
	text-align:center;
	color: #FFFFFF;
	}
	
#bodyWrapper{
	width: 758px;
	background-color:#FFFFFF;
	position:relative; top:-22px;
	margin-left:auto;
	margin-right:auto;
	border-left: 6px;
	border-left-style:solid;
	border-left-color:#333333;
	border-right: 6px;
	border-right-style:solid;
	border-right-color:#333333;
	}
	
#bodyContent{
	padding: 10px 38px 20px 38px;
	}
	
#process{
	margin: 40px 0px 20px 0px;
	}


#process ul {
	margin:0; height:120px;
	padding:0; list-style-type:none;
	}

#process li {
	float:left;
	}

#process li.list1 {
	background:transparent url("images/proc1.gif");
	}

#process li.list2 {
	background:transparent url("images/proc2.gif");
	}
	
#process li.list3 {
	background:transparent url("images/proc3.gif");
	}

#process a {
	display:block; 
	width:212px; 
	height:0; 
	padding-top:111px; 
	color:#000; 
	overflow:hidden;
	}
	
/* hack for older versions of IE with incorrect box model */
* html #process a:link, * html #menu a:visited {
	height:111px;
	}
	
#process li {
	float:left; margin-right:22px;
	}
	
#process li.list3 {
	margin-right:0px;
	}
	
#process a#item1 {
	background:transparent url("images/proc1_over.gif") -220px -120px no-repeat;
	}
	
#process a#item2 {
	background:transparent url("images/proc2_over.gif") -220px -120px no-repeat;
	}
	
#process a#item3 {
	background:transparent url("images/proc3_over.gif") -220px -120px no-repeat;
	}

#process a#item1:hover {
	background-position:0 0; z-index:50;
	}
	
#process a#item2:hover {
	background-position:0 0; z-index:50;
	}
	
#process a#item3:hover {
	background-position:0 0; z-index:50;
	}
	
.floatright { 
	float: right; 
	margin: -10px 0 30px 30px;
	border: 3px solid #d9d9d9;
	padding: 2px;
	}
	
.smallPrint {
	font-size: .7em;
	}
	
.field{
	float:right;
	}
	
fieldset{
	position:relative; left:-10px;
	border:none;
	}

legend{
	font-size: 2em;
	}
	
#footer{
	display:block;
	position: relative; top:-25px;
	width: 770px;
	height: 130px;
	margin-left:auto;
	margin-right:auto;
	background:transparent url("images/foot.png") no-repeat left bottom;
	border-top-width:1px;
	border-top-color:#333333;
	border-top-style:solid;
	z-index:3;
	}
	
	
#footer ul {
	font-size: 1em;
	color : #fff;
	list-style-type : none;
	display:block;
	float:left;
	margin-right: 30px;
	margin-left: 7px;
	}
	
#footer li {
	height: 1.5em;
	font-size: 1em;
	}
	
#footer li a:link, #footer li a:visited{
	color:#FFFFFF;
	text-decoration:none;
	}
	
#footer li a:hover, #footer li a:active{
	text-decoration:underline;
	}
	

	
#contactDetails{
	display:block;
	float:left;
	margin-left:50px;
	}
	
#contactDetails p{
	font-size: .8em;
	line-height:1.45em;
	color : #fff;
	}	
	
#promo{
	display:block;
	float:right;
	margin-right: 40px;
	}
	
#promo p{
	font-size: .8em;
	color : #fff;
 	}
	
	
#promo a{
	display:block;
	width:108px;
	height:0;
	color:#b7b7b7;
	padding-top:65px; 
	background:transparent url("images/ccdesign_logo.png") no-repeat bottom;
	}
	
p #copyright{
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	}