﻿* { 
padding : 0;
margin : 0;
} 
body {
	font : 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 13px;
	background-color: #FFFFFF;
}
a { 
color : #df7111;
} 
.clear { 
clear : both;
} 
img {
	padding : 5px;
	border: 0px solid #ECDDC6;
}
img.floatTL { 
float : left;
margin-right : 10px;
margin-bottom : 5px;
margin-top : 5px;
margin-left : 5px;
} 
img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 0;
margin-top : -2px;
margin-right : 10px;
} 
#wrapper {
	margin : 0 auto;
	width : 922px;
	background-color: #FFFFFF;
}
#topheader {
	color: #A66800;
	width : 900px;
	float : left;
	padding : 10px;
	height : 30px;
	margin : 10px 0 5px 0;
	background-image: none;
	background-repeat : no-repeat;
}
.logo h1#lineone {
	font-size : 2em;
	font-weight : bolder;
	font-family : helvetica, arial, sans-serif;
	padding-left : 5px;
	color: #a66800;
	border : none;
	top : 0;
	left : 14px;
	letter-spacing : -1px;
	text-transform : uppercase;
}
.logo h1#lineone span { 
color : #7e7e7e;
text-transform : lowercase;
} 
.logo h2#linetwo { 
padding-left : 285px;
font-size : 0.9em;
font-family : helvetica, arial, sans-serif;
text-transform : none;
margin-top : -20px;
color : #99ff32;
font-weight : lighter;
} 
.logo a { 
color : #99ff32;
text-decoration : none;
} 
.icons { 
float : right;
margin-right : 30px;
margin-top : -15px;
} 
.icons a { 
border : 0 solid;
padding-left : 20px;
} 
.icons img { 
border : 0 solid;
padding : 0;
} 
#navigation { 
float : left;
width : 900px;
margin : 0;
height : 35px;
padding-top : 0;
padding-left : 10px;
padding-bottom : 0;
padding-right : 10px;
} 
#navbar { 
margin : 0 auto;
padding : 0;
line-height : 34px;
font-size : 1em;
text-align : center;
} 
#header { 
color : #333;
width : 673px;
float : right;
padding : 10px;
height : 175px;
margin : 0 0 5px 0;
background-image : url("hcl_images/header3.png");
background-repeat : no-repeat;
background-position : 0 bottom;
} 
#header h2 { 
color : #170cff;
font-size : 1.5em;
font-weight : lighter;
} 
#header p { 
padding-top : 50px;
padding-left : 20px;
width : 300px;
font-size : 1.1em;
color : #170cff;
text-align : justify;
} 
#navigation { 
float : left;
width : 900px;
color : #333;
padding : 10px;
border : 1px solid #ccc;
margin : 0 0 0 0;
background : #bd9c8c;
} 
#leftcolumn { 
color : #333;
margin : 0 0 0 0;
width : 220px;
float : left;
} 
.menu { 
width : 220px;
} 
.menu li a { 
height : 32px;
voice-family : "\"}\"";
voice-family : inherit;
height : 24px;
text-decoration : none;
} 
.menu ul { 
display : list-item;
list-style-type : none;
} 
.menu li a:link, .menu li a:visited {
	color: #ff9f00;
	display : block;
	background: none;
	padding : 8px 0 0 10px;
	background-color: #FFFFFF;
	font-weight: bold;
}
.menu li a:hover { 
color : #fff;
background : url("hcl_images/menu.gif") 0 -32px;
padding : 8px 0 0 10px;
} 
.news { 
margin-top : 15px;
} 
.news h3 {
	color : #336698;
	font-size : 1.2em;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 15px;
	font-weight : lighter;
	font-size : 1.3em;
	background-image: none;
	background-repeat : no-repeat;
	width: 182px;
}
.news h4 { 
font-family : verdana;
font-size : 0.9em;
padding-top : 10px;
padding-left : 15px;
padding-bottom : 5px;
color : #a06314;
margin-left : 10px;
color : #94d901;
} 
.news p {
	font-family : verdana;
	font-size : 0.75em;
	padding-left : 15px;
	padding-bottom : 5px;
	margin-left : 10px;
	margin-right : 10px;
	text-align : justify;
	padding-right : 20px;
	background-color: #ffb740;
}
.news a { 
float : right;
padding-right : 10px;
} 
#rightcolumn {
	float : right;
	color : #333;
	margin : 0 0 0 0;
	width : 695px;
	display : inline;
	background-image: none;
	background-repeat : repeat-y;
	padding-bottom : 10px;
}
#rightcolumn h1 {
	background-image: none;
	background-repeat : no-repeat;
	padding-left : 10px;
	padding-top : 10px;
	padding-bottom : 5px;
	font-size : 1.6em;
	font-weight: bolder;
	color: #ff9f00;
	text-decoration: underline;
}
.maintext h2 { 
padding : 10px;
font-size : 1.4em;
font-weight : lighter;
color : #9ff11b;
text-decoration : underline;
} 
#rightcolumn h4 {
	margin : 15px 10px 15px 10px;
	padding : 10px;
	background-image: none;
	background-repeat : no-repeat;
}
.maintext p {
	padding-left : 15px;
	padding-right : 15px;
	text-align : center;
	color: #808080;
}
#doublebox {
	margin : 10px auto;
	width : 675px;
	background-color: #FFFFFF;
}
.content_right {
	margin : 10px auto;
	display : inline;
	float : right;
	width : 315px;
	text-align : justify;
	background-color: #ffca73;
	padding-right : 0;
	border-bottom : 20px solid #bbff11;
	border-bottom-color: #000000;
	border-bottom-width: medium;
}
.content_left {
	margin : 10px auto;
	display : inline;
	float : left;
	width : 315px;
	background-color: #ffca73;
	text-align : justify;
	padding-left : 0;
	border-bottom : 20px solid #bbff11;
	border-bottom-color: #000000;
	border-bottom-width: medium;
}
.content_left h3 {
	font-size : 1.4em;
	padding : 10px 5px;
	background-image: none;
	background-repeat : no-repeat;
	font-weight : lighter;
	color : #2586e8;
}
.content_right h3 {
	font-size : 1.4em;
	padding : 10px 5px;
	background-image: none;
	background-repeat : no-repeat;
	font-weight : lighter;
	color : #2586e8;
}
.content_left p, .content_right p { 
padding : 0 5px;
color : #7c7c7c;
} 
.content_left a, .content_right a { 
padding : 5px;
} 
#boxes { 
height : 125px;
} 
#box1 { 
width : 215px;
height : 125px;
float : left;
text-align : left;
background-image : url("hcl_images/box1-1.jpg");
background-repeat : no-repeat;
margin-left : 10px;
} 
#box2 { 
width : 215px;
height : 125px;
text-align : left;
margin : 0 auto;
background-image : url("hcl_images/box1-2.jpg");
background-repeat : no-repeat;
} 
#box3 { 
width : 215px;
height : 125px;
float : right;
text-align : left;
background-image : url("hcl_images/box1-3.jpg");
background-repeat : no-repeat;
margin-right : 10px;
} 
#box1 h2, #box2 h2, #box3 h2 { 
padding-left : 10px;
padding-bottom : 0;
padding-top : 5px;
color : #df7111;
font-weight : lighter;
text-transform : uppercase;
font-size : 1.1em;
} 
#box1 h3, #box2 h3, #box3 h3 { 
padding-left : 10px;
padding-right : 40px;
font-size : 0.9em;
color : #070707;
font-weight : lighter;
text-align : justify;
} 
#boxes p { 
padding-left : 10px;
padding-right : 10px;
text-align : justify;
font-size : 1em;
} 
#footer {
	width : 695px;
	clear : both;
	text-align : center;
	color: #000000;
	display : inline;
	float : right;
	padding-bottom : 0;
	background-image: none;
	background-repeat : no-repeat;
	font-size : 90%;
}
#footer p { 
padding-top : 10px;
padding-bottom : 14px;
} 
#footer a { 
color : #3ea7d5;
}



