@charset "iso-8859-1";
/* ===========================================================================
 * $Id: hcs.css,v 1.1 2011-07-22 00:57:53 peter Exp $
 * PROGRAM DESCRIPTION
 * COPYRIGHT (C) HCS Ltd 2011 - All Rights Reserved
 * This file is under CVS revision control
 * ---------------------------------------------------------------------------
 * REVISION HISTORY:
 * $Log: hcs.css,v $
 * Revision 1.1  2011-07-22 00:57:53  peter
 * 2011 site upgrade
 *
 * ===========================================================================
 */

BODY {
	width:					90%;
	margin-top:				30px;
	margin-bottom:				30px;
	margin-left:				auto;
	margin-right:				auto;
	font-family:				Verdana, Arial, sans-serif;
	font-size:				9pt;
	color:					#000000;
	text-align:				justify;
}

#banner1 {
	width:					100%;
	height:					80px;
	color:					#06d5ec;
	border-radius:				10px;
	-moz-border-radius:			10px;
	background-color:			#000080;
	background-image:			url(/images/hcs-fader.jpg);
	background-repeat:			no-repeat;
	background-position:			right;
}

#bannertext {
	font-size:				18pt;
	position:				relative;
	top:					24px;
	left:					15px;
}

#menu {
	margin-top:				20px;
	height:					50px;
	text-align:				left;
	border-top-left-radius:			10px;
	-moz-border-radius-topleft:		10px;
	border-top-right-radius:		10px;
	-moz-border-radius-topright:		10px;
	background:				#c0c0c0;	/* No gradient support */
	background: 				-moz-linear-gradient(top,  #c0c0c0,  #ffffff); /* firefox */
	background: 				-webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#ffffff)); /* Webkit */
	filter:					progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#ffffff'); /* IE */
}

#menu ul {
	line-height:				30px;
	margin:					0;
	padding:				8px;
}

#menu li {
	list-style-type:			none;
	display:				inline;
	margin:					0px 2px 0px 2px;
	padding:				5px 10px 5px 10px;
	height:					30px;
	border-radius:				5px;
	-moz-border-radius:			5px;
}

#menu a {
	color:					#000080;
	font-weight:				bold;
	text-decoration:			none;
}

#menu li.menu_sel {
	background-color:			#ffffff;
}

#imghead {
	margin:					0;
	padding:				0;
}

#mainbody {
	background:				#ffffff;
}

#mainbody #content {
	padding-top:				15px;
	padding-bottom:				30px;
}

DIV.twocol {
	width:					100%;
}

DIV.twocol DIV.left {
	float:					left;
	width:					68%;
	margin-right:				2%;
}

DIV.twocol DIV.right {
	float:					right;
	width:					23%;
	margin-left:				2%;
	border-left:				5px solid #c0c0c0;
	padding-left:				20px;
}

DIV.twocol DIV.clear {
	clear:					both;
}

/*********************************************************/

#copy {
	font-size:				7pt;
//	height:					30px;
	border-bottom-left-radius:		10px;
	-moz-border-radius-bottomleft:		10px;
	border-bottom-right-radius:		10px;
	-moz-border-radius-bottomright:		10px;
	background:				#c0c0c0;	/* No gradient support */
	background: 				-moz-linear-gradient(top,  #ffffff,  #c0c0c0); /* firefox */
	background: 				-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c0c0c0)); /* Webkit */
	filter:					progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c0c0c0'); /* IE */
	padding:				8px;
}


H1 {
	font-size:				18pt;
	color:					#000080;
	font-weight:				normal;
	text-align:				left;
	margin-top:				0px;
}

H2 {
	font-size:				12pt;
	color:					#000080;
	font-weight:				normal;
	text-align:				left;
	padding-top:				5px;
	margin-bottom:				5px;
}

H2.nospace {
	font-size:				12pt;
	color:					#000080;
	font-weight:				normal;
	text-align:				left;
	margin-bottom:				5px;
	padding-top:				0px;
	margin-top:				0px;
}

H3, H4, H5, H6 {
	font-size:				9pt;
	color:					#000080;
	font-weight:			normal;
	text-align:				left;
	margin-bottom:			0px;
}

P {
	margin-top:				0px;
	margin-bottom:			15px;
}

A:link { 
	color: 					#000080;
}
A:hover {
	color: 					#00D6EF;
}
A:visited { 
	color: 					#008080;
}

DIV.continfo {
	float:					right;
	position:				relative;
	width:					170px;
	border:					1px solid #000080;
	margin-left:			20px;
	margin-bottom:			20px;
	padding:				5px;
	font-size:				8pt;
}

DIV.conthead {
	font-weight:			bold;
	background-color:		#c0c0c0;
	margin-bottom:			10px;
}

.lfloat {
	float:					left;
	position:				relative;
	margin-right:			20px;
	margin-bottom:			20px;
	border:					1px solid black;
}

.rfloat {
	float:					right;
	position: 				relative;
	vertical-align:			bottom;
	margin-left:			20px;
	margin-bottom:			20px;
	border:					1px solid black;
}

UL {
	list-style:				square outside;
	padding-left: 			0px;
	margin-left:			15px;
}

SPAN.newflash {
	color:					white;
	background-color:		red;
	padding-left:			5px;
	padding-right:			5px;
}

TABLE {
	width:					100%;
	font-family:			'Verdana', Arial, sans-serif;
	font-size:				9pt;
}

TABLE.contact {
	width:					100%;
}

TR.contact {
}

TD {
	vertical-align:			top;
}
TD.contact_hdr {
	width:					15%;
	font-weight:			bold;
	color:					#000080;
//	background-color:		#06d5ec;
	border-bottom:			10px solid white;
	border-right:			10px solid white;
}
TD.contact_dat {
	width:					70%;
	border-bottom:			10px solid white;
}

TABLE.support {
    width:                  100%;
}

TD.support_hdr {
    width:                  15%;
    font-weight:            bold;
    color:                  #000080;
//    background-color:       #06d5ec;
    border-bottom:          10px solid white;
    border-right:           10px solid white;
}
TD.support_dat {
    width:                  45%;
    border-bottom:          10px solid white;
}
TD.support_adv {
	width:					25%;
	border-bottom:			10px solid white;
}

TD.contact_subh {
	width:					120px;
}
TD.contact_subd {
	width:					330px;
}

INPUT {
	border:					1px solid black;
	font-family: 			'Verdana', Arial, sans-serif;
	font-size: 				9pt;
	color: 					#000000;
}
INPUT.submit {
	border:					2px solid #000000;
	font-family:            'Verdana', Arial, sans-serif;
    font-size:              9pt;
    color:                  #ffffff;
	background-color:		#000080;
}
TEXTAREA {
    border:                 1px solid black;
    font-family:            'Verdana', Arial, sans-serif;
    font-size:              9pt;
    color:                  #000000;
}
SELECT {
	border:					1px solid black;
    font-family:            'Verdana', Arial, sans-serif;
    font-size:              9pt;
    color:                  #000000;
}