* {
 padding: 0;
 margin: 0;
}
html {
	/* http://www.splintered.co.uk/experiments/49/ */
	min-height: 100%;
	margin-bottom: 1px;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #333;
 font-size: 62.5%;
 background: #00529b;
 text-align: center; 
}

#wrapper {
 text-align: left;
 width: 800px;
 margin: 1em auto;
}
#navbar {
position: relative;
 border: 1px solid #FFF;
 border-top: none;
 border-bottom: none;
 margin: 0;
 background: #56b714 url(/img/sub-head-green.jpg) 3px 0;
 min-height:34px; 
height:auto;
font-size: 1.2em;
}

#navbar h1 {
	font-family: arial, verdana, tahoma;
	color: white;
	font-size: 22px;
	font-weight: normal;
	padding: 5px 0 10px 20px;
	margin: 0;
	
}

/* for Internet Explorer */
/*\*/
html #navbar {
height:34px;
}
/**/

#search {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 200px;
	text-align: right;
}

#header {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(/img/header.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header {
 height: 143px;
}
/**/

#header-meeting {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(/img/header-services.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header-meeting {
 height: 143px;
}
/**/

#header-pills {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(/img/header-pills.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header-pills {
 height: 143px;
}
/**/

#header-tube {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(/img/header-tube.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header-tube {
 height: 143px;
}
/**/

#header-directions {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(/img/header-directions.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header-directions {
 height: 143px;
}
/**/

#header-fire {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(/img/header-ccl-needs-form.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header-fire {
 height: 143px;
}
/**/


#header-simple {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(/img/header-simple.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header-simple {
 height: 143px;
}
/**/

#header-product {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(/img/header-products.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header-product {
 height: 143px;
}
/*

#sub-header {
background: #ba1523;
border: 1px solid #FFF;
border-bottom: none;
padding: 5px 0px;
text-align: left;
font-size: 1.2em;
color: #FFF;
}

#sub-header ul {
margin: 0 0 0 1em;
}
*/
#content {background: #FFF;}

#leftcolumn { /* Parent Wrapper for inside boxes */
 margin: 0;
 display: inline; /* IE Hack */
 width: 215px;
 float: left;
 border: 1px solid #FFF;
 border-top: none;
 border-bottom: none;
 background: url(/img/sidebar.jpg) no-repeat;
 min-height: 300px;
 padding: 24px 0 0 0;
}

div>#leftcolumn {
padding: 16px 0 0 0;
}

* html #leftcolumn {height:300px} /* IE Min-Height Hack */ 

#leftcolumn .content {
display: block;
margin: 1em 0 0 0;
position: relative;
top: .5em;
left: .5em;
position: relative; top: 15px; padding-bottom: 15px;
}

#leftcolumn .sidebar-photo {
display: block;
margin: 0;
padding: 16px 8px;
border: 1px solid #059;
text-align: left;
width: 197px;
margin: 1em auto;
}

#centercolumn {
 border: 1px solid #e4e4e4;
 border-right: none;
 border-bottom: none;
 display: inline; /* IE Hack */
 width: 560px;
 margin: 0 10px 0 0;
 background: url(/img/page.jpg) top left repeat-x;
 padding: 14px 0 0 0;
 float: left;
 min-height: 300px;
}

* html #centercolumn {height:300px} /* IE Min-Height Hack */ 

#centercolumn .q {
font-weight: bold;
color: #05a;
font-size: 1.4em;
padding: 1em 0 0 0;
border-top: 3px solid #DDD;
}

.cat1, .cat2, .cat3 {
width: 199px;
border-right: 1px solid #CCC;
float: left;
height: 360px;
position: relative;
}
.cat4 {
width: 200px;
float: left;
height: 340px;
position: relative;
}

div>.cat1, .cat2, .cat3, .cat4 {
height: 330px;
}

.cat1 {
background: url(/img/index-cat1.jpg) top left no-repeat;
}
.cat2 {
background: url(/img/index-cat2.jpg) top left no-repeat;
}
.cat3 {
background: url(/img/index-cat3.jpg) top left no-repeat;
}
.cat4 {
background: url(/img/index-cat4.jpg) top left no-repeat;
}

#footer {
 border: 1px solid #FFF;
 border-top: none;
 background: #02529b url(/img/footer.jpg) bottom no-repeat;
 display: inline; /* IE Hack */
 float: left;
 width: 798px;
 margin: 0 auto 3em auto;
 color: #FFF;
 text-align: center;
 height:auto;
 padding: 10px 0;
 font-size: 1.2em;
}

.index-photo {
margin: 10px;
}

table {
border-collapse: collapse;
width:550px;
margin: 0 20px;
background: #F8e6c1;
border-left: 1px solid #999;
border-right: 1px solid #999;
}

td {
font-size: 1.2em;
padding: 5px;

border-bottom: 1px solid #999;
}

td ul li {
font-size: .9em;
margin: 0 0 0 -20px;
}

td ul {
margin-top: 0px;
}

.indent {
padding: 0 0 0 20px;
font-style: italic;
}

th {
font-size: 1.2em;
padding: 5px;
background: #2f6597;
color: #FFF;
}

.tile {
width: 400px;
margin: 10px 0 0 20px;
}

.tile img  {
border: none;
}

/* contact form */

#contact-form label, #contact-form input {
	display: block;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 10px;
}

#contact br {
	clear: left;
}
#contact h3 {
padding: 0 10px 10px 10px;
font-size: 1.4em;

}
#contact-form {
padding: 10px 0;
}
#contact-form p {
float: left;
font-size: 1.2em;
}
.checkbox label {
width: 180px;
margin: 0 0 0 5px;
text-align: left;
}
.checkbox input {
margin: 0 0 0 20px;
}
#contact-form h1 {
font-size: 2.4em;
font-weight: normal;
margin: 0 0 0 20px;
clear: left;
}

#contact-form h2 {
font-size: 1.8em;
clear: left;
padding: 10px;
margin: 0 0 0px 10px;
display: block;
background: #FFF;
font-weight: normal;
}
#contact-form h3 {
display: block;
clear: left;
margin: 0 1em 1em .5em;
padding: 0;
border-bottom: 1px solid #ABC;
}
#contact-form h4 {
font-size: 1.2em;
margin: 0 0 0 20px;
font-weight: normal;

}

.contactinfo label {
width: 60px;
margin: 0 0 0 5px;
}

.contactinfo input {
width: 295px;
}

.star {
color: #E61;
font-size: 1.2em;
font-weight: bold;
}

textarea {
margin: .5em;
}

#sub-meta {
background: url(/img/sub-meta.jpg) 0 50% no-repeat;
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
padding: .5em;
}

.fieldset {
background: #ECF6FF;
border: 1px solid #BDF;
padding: 1em 0 0 0;
margin: 0 20px 10px 20px;
display: block;
}
.fieldset .fieldset {
background: none;
border: none;
padding: 0;
margin:  0 0 1em 0;
display: block;
}

.cctcontact {
font-size: 1.2em;
width: 170px;
padding: 5px;
float: left;
margin: .5em -10px 1em 20px;
display: block;
background: #f3f3f3;
min-height:50px; 
height:auto;
border: 1px solid #ddd;
}
/*\*/
* html .cctcontact {
height: 50px;
margin: .5em 0 1em 10px;
}
/**/
.submit {
margin: 0 5px 5px 10px;
}
div>.submit {
margin: 0 5px 5px 20px;
}
.cctcontact h3 {
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
display: block;
}

#sub-meta h1 {
font-size: 1.8em;
}

/* ---- TYPE ---- */

#leftcolumn h1 {

font-size: 1.4em;
color: #047;
margin: 0 0 0 0;
}
#leftcolumn h2 {
margin: 0 0 -1em 0;
padding: 0;
font-size: 1.2em;
color: #900;
font-weight: normal;
}
div>#leftcolumn h2 {
margin: 0;
margin: 0 0 -1em 0;
}
#leftcolumn p {
font-size: 1.2em;
margin: 1em 0 0 0;
padding: 0 0 1em 0;
}

#leftcolumn ul, #leftcolumn li{
margin: -.5em 0;
padding: 5px 0 0 10px;
color: #05a;
line-height: 1;
}

#centercolumn h1 {
font-size: 2.4em;
font-weight: normal;
margin: 10px 20px 10px 20px;
}

#centercolumn h2 {
font-size: 1.8em;
font-weight: normal;
margin: 10px 20px 10px 20px;
}

#centercolumn h3 {
font-size: 1.6em;
margin: 10px 20px 10px 20px;
color: #047;
}

#centercolumn h4 {
font-size: 1.4em;
margin:0 20px;
color: #047;
}

.green-border {
border-top: 2px solid #9C0;
padding: 15px 0 0 0;
}

#centercolumn p {
font-size: 1.2em;
margin: 10px 20px 10px 20px;
line-height: 1.4;
}

#centercolumn li p {
font-size: 1em;
padding: 0;
margin: 0;
color: #333;
}

#centercolumn .blue {
color: #05A;
}
#centercolumn .link ul {
list-style-type: none;
font-size: 1.2em;
margin: 10px 20px 10px 20px;
}
#centercolumn .link li {
padding: 0 0 0 22px;
background: url(/img/arrow.jpg) top left no-repeat;
height: 22px;
line-height: 1.6;
}

.space {
padding: 0;
}

.cat h1 {
font-size: 1.6em;
font-weight: normal;
color: #FFF;
position: relative;
top: 10px;
left: 3px;
}

.cat img {
margin: 20px 0 0 0;
}

.thumb {
padding: 1px;
border: 1px solid #999;
margin: 0 1em 1em 0;
position: relative;
left: 20px;
float: left;
}
ul.prod_thumb  {
list-style-type: none;
margin: 4px 0 0 7px;
padding: 0;
width: 400px;
}
.prod_thumb li {
background: none;
display: inline;
margin: 0;
padding: 0;
}
.prod_thumb li img {
margin: 0 5px 0 0;
padding: 1px;
border: 1px solid #999;
}
.cat p {
font-size: 1.1em;
/*margin: 15px 0 0 0;*/
padding: .5em;
}

.cat ul {
position: absolute;
bottom: 0;
font-size: 1.1em;
margin: .5em;
list-style-type: none;
}
.cat li {
padding: 0 0 0 22px;
background: url(/img/arrow.jpg) top left no-repeat;
height: 22px;
line-height: 1.6;
}

.on {font-weight: bold;}

ul {
list-style-type: none;
font-size: 1.2em;
margin: 10px 20px 10px 30px;
}

ul ul {
font-size: 1em;
}

ul li {
padding: 5px 0 5px 10px;
/*background: url(/img/bullet.jpg) 0 9px no-repeat;*/
color: #333;
}
ul ul li {
background: url(/img/carat.gif) 0 9px no-repeat;
}
ol {
margin: 0 0 0 40px;
font-size: 1.2em;
line-height: 1.4;
}

ol ol {
font-size: 1em;
}

ol li {
}

.sub-ul ul{}

.sub-ul li {
/*background: url(/img/sub-ul.gif) 0 7px no-repeat;*/
background: none;
padding: 0;
margin: 0;
list-style-type: square;
list-style-position: inside;
}

.sub-ul li a:link, .sub-ul li a:visited, .sub-ul li a:hover, .sub-ul li a:active {
margin: 0 0 0 -5px;
}

sub {
margin: 0 0 0 10px;
display: block;
}

.main-para {
font-weight: bold;
}
.drop {
font-size: 3.4em;
font-weight: bold;
color: #900;
float: left;
line-height: .7em;
padding: 2px 1px 0 0;
margin: 0 0 -2px 0;
}

.cheese ol {
margin: 0 0 1em 20px;
}
.cheese li {
list-style-position: inside;
}
.cheese-ul {
list-style-type: disc;
list-style-position: inside;
}
.cheese-ul li {
position: relative;
right: 1.5em;
background: none;
}

#products-list h1 {
margin: 1em 0 0 0;
}

/* ---- LINKS ---- 
#sub-header a:link {
text-decoration: none;
color: #FFF;
padding: 0 10px;
}
#sub-header a:visited {
text-decoration: none;
color: #FFF;
padding: 0 10px;
}
#sub-header a:hover {
text-decoration: underline;
color: #FFF;
padding: 0 10px;
}
#sub-header a:active {
text-decoration: none;
color: #FFF;
padding: 0 10px;
}
*/
#footer a:link {
text-decoration: none;
color: #FFF;
}
#footer a:visited {
text-decoration: none;
color: #FFF;
}
#footer a:hover {
text-decoration: underline;
color: #FFF;
}
#footer a:active {
text-decoration: none;
color: #FFF;
}

#centercolumn ul a:link {
color: #05A;
}
#centercolumn ul a:visited {
color: #05A;
}
#centercolumn ul a:hover {
color: #07C;
}
#centercolumn ul a:active {
color: #05A;
}

#leftcolumn .content a:link {
color: #06C;
text-decoration: none;
}
#leftcolumn .content a:visited{
color: #06C;
text-decoration: none;
}
#leftcolumn .content a:hover{
color: #B20;
text-decoration: none;
}
#leftcolumn .content a:active {
color: #06C;
text-decoration: none;
}
#leftcolumn .content .red a:link {
color: #b20;
text-decoration: none;
}
#leftcolumn .content .red a:visited{
color: #b20;
text-decoration: none;
}
#leftcolumn .content .red a:hover{
color: #d40;
text-decoration: none;
}
#leftcolumn .content .red a:active {
color: #b20;
text-decoration: none;
}

.yel-text a:link{
color: #b80;
text-decoration: none;
}
.yel-text a:visited {
color: #b80;
text-decoration: none;
}
.yel-text a:hover {
color: #07c;
border-bottom: 1px solid #07c;
}
.yel-text a:active {
color: #b80;
text-decoration: none;
}

.pur-text a:link {
color: #728;
text-decoration: none;
}
.pur-text a:visited {
color: #728;
text-decoration: none;
}
.pur-text a:hover {
color: #07c;
border-bottom: 1px solid #07c;
}
.pur-text a:active {
color: #728;
text-decoration: none;
}

.gre-text a:link {
color: #592;
text-decoration: none;
}
.gre-text a:visited {
color: #592;
text-decoration: none;
}
.gre-text a:hover {
color: #07C;
border-bottom: 1px solid #07c;
}
.gre-text a:active {
color: #592;
text-decoration: none;
}

.red-text a:link {
color: #b21;
text-decoration: none;
}
.red-text a:visited {
color: #b21;
text-decoration: none;
}
.red-text a:hover {
color: #07C;
border-bottom: 1px solid #07c;
}
.red-text a:active {
color: #b21;
text-decoration: none;
}
img{
	border:none;
}
h4 a:link, p a:link {
color: #06c;
}
h4 a:visited, p a:visited {
color: #06c;
}
h4 a:hover, p a:hover {
color: #C03;
}
h4 a:active, p a:active {
color: #06c;
}

#wrapper #content #leftcolumn .content {
position: relative;
top: 14px;
}

dt {
margin: .5em 0 0 0;
font-weight: bold;
font-size: 1.4em;
}
dd {
font-size: 1.2em;
margin: 0 0 .5em 0;
}

.phase {
font-size: 10px;
color: #333;
width: 190px;

}
.txt img {
padding: 0;
margin: -3px 0 0 0;
}
.strong-blue {
	font-weight: bold;
	font-size: 1.4em;
	color: #069;
}

#sidebar-nav {
margin-top: -15px;
}
div>#sidebar-nav {
margin-top: -30px;
}
.content p {
font-size: 1.2em;
}

.request {
text-align: center; 
background: #EEE; 
margin: 2em 0 0 2em; 
width: 205px; 
border: 1px solid #999;
padding: .75em 0;
}

.request p {
margin: 0 !important;
padding: 0 !important;
}#wrapper #content #leftcolumn .content a {
	line-height: 18px;
}