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

body {
font-family: arial,sans-serif; 
color:#666666;
font-size:14px;
background-image: url(images/ccc_bg.jpg);
background-repeat: repeat-x;
margin:30px;
text-align: center;
}

html,body {
height: 102%;
}
a:link {text-decoration: none; color:#008A5F ;}
a:visited {text-decoration: none; color:#008A5F;}
a:active {text-decoration: none;color: #666666;}
a:hover {text-decoration:none;color: #666666;}

#container {
border: 1px solid #ccc;
margin: 0 auto; 
width:750px;
background-color:#FFFFFF;
text-align: left;
} 


.header {
text-indent: -9999px;
width: 286px;
height: 67px;
background: url(images/ccc_logo.gif) no-repeat; 
margin:20px 0 0 25px;
padding: 20px 0 0 0px;
}

.c1 {float:right;margin:-47px 0 0 0;padding:0 0 0 20px;width:177px;height:26px;background: url(images/telephone.gif) no-repeat;}
.c1 span {display:none;}


#nav, #nav ul {
	float: left;
	width:61.25em;
	list-style: none;
	line-height: 1;
	background:	#CCC;
	padding-left: 15px;
	margin: 0.5em 1.8em 1em 0em;
font-size:12px;
text-align: left;}

#nav a {
	display: block;
	width: 10em;
	w\idth: 8em;
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 1em;
}
#nav a:hover {background-color: #008A5F;color:	#98FB98;}
#nav li {float:left; padding: 0;}

#submenu {float:left;width:750px;height:400px;background-image: url(images/blade.jpg);}
#submenu li {list-style:none; font-size:16px;font-weight:bold; padding:10px 0 0 0;}
#submenu li a {color:#8FBC8F;}
#submenu li a:hover {text-decoration:none;color:#008A5F;}
#submenu ul {margin:30px 0 0 -8px;}

.about {float:left;width:750px;height:400px;background-image: url(images/blade.jpg);}
.about p {width:350px;padding:20px 30px 30px 30px;color:#8FBC8F;text-align: left;font-size:14px;font-weight:bold;}
.about p span {color: #666666;font-weight:bold;font-size:16px;}
.about2 {float:left;width:750px; padding-bottom:20px; padding-top:20px;}
.about2 p {width:400px;padding-left:30px;color:#8FBC8F;text-align: left;font-size:14px;font-weight:bold;}
#cardinal{padding-left:30px;margin-bottom:20px; background: url(images/blade.jpg) no-repeat bottom;}

#cardinal p {width:400px;color:#8FBC8F;text-align: left;font-size:14px;font-weight:bold;}
#c3 {background-color:white; padding:11px; color:#666;font-size:14px; border:none;}

#c2 {float:left;padding:0;margin:0 1.8em 0 1.8em;text-align:left;}

#banner {overflow: hidden;
	padding:10px 0 0 0;
	width: 700px;
	height: 200px;
	margin:0;}
		

.c3 {margin:-170px 0 0 200px;}


h3 {margin:0 0 0 30px; padding:0;}

form {
 margin:0 0 0 30px;font-size: 12px;color:#666666; margin-top:7px;
}

.inputbox {margin: 3px 0px 6px 0px; width:110px;height:12px;}

#footer{font-size:10px;text-align:center;color:#666;padding: 0 0 5px 0;}