/* --------------------- BASIC ELEMENTS ---------------------*/

body {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 15px 0px 0px 0px;
	background: #FFFFFF;
}

.p {
	font-size: .85em;
	margin: 0;
	padding: 5px 15px 9px 15px;
	line-height: 170%;
}

a:link {
	color: #2E7DA2;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #848484;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active {
	color: #E77200;
}

h1 {
	text-transform: uppercase;
	color: #259AAE;
	font: normal 20px Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 12px 15px 0 15px;
}

h2 {
	color: #E45B02;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	padding: 10px 10px 0 15px;
	margin: 0;
}

hr {
	height: 2px;
	border: 0;
	border-bottom: 2px solid #F87A10;
	margin: 10px 5px 10px 5px;
}

/* --------------------- HEADER ---------------------*/

h1#logo {
	background: url(images/logo_cpos.gif) no-repeat left top;
	float: left;
	width: 412px;
	height: 85px;
	padding: 0;
	margin: 5px 0 0 7px;
	display: inline;
}
h1#logo span {display:none;}

/* --------------------- CONTENT ---------------------*/

#maintable {
	width: 800px;
}

.content {
	margin: 20px 0 20px 20px;
	font-size: .85em;
	line-height: 1.7em;
	color: #1656ae;
}

#bluegrad {
	background: url(images/main_bluegrad.gif) no-repeat top right;
}

#bluegrad_sub {
	background: url(images/sub_bluegrad.gif) no-repeat top right;
}

#bluegrad p {
	color: #1656AE;
	font-size: .8em;
	padding: 5px 20px 20px 20px;
	/*
	padding: 30px 20px 20px 20px;
    */
	line-height: 150%;
	margin: 0;
}
#bluegrad_sub p {
	color: #1656AE;
	font-size: 16px;
	padding: 0 20px 0 20px;
	line-height: 170%;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.toppadding {
	margin-top: 15px;
	margin-bottom: 15px;
}

.features, .features_line {
	background: url(images/orangegrad.gif) repeat-y right;
}

.features p {
	font-size: .8em;
	padding: 5px 10px 5px 15px;
	line-height: 160%;
	margin: 0;

}

.features_line p {
	font-size: .8em;
	padding: 5px 10px 5px 6px;
	line-height: 160%;
	margin: 0;

}

.features_line {
	border-top: 2px solid #F87A10;
}

.features ul {
	color: #E45B02;
	font-size: .75em;
	list-style: none;
}
.features ul li {
	padding-bottom: 12px;
}
.features a, .features a:visited {
	color: #E45B02;
	text-decoration: none;
}
.features li a:hover {
	color: #ffad2a;
}

.mainbox {
	width: 165px;
	height: 240px;
	/* height: 230px; */
	border: 1px solid #C0D3EB;
}

.mainbox p {
	color: #1656AE;
	font-size: 11px;
	padding: 145px 10px 0px 15px;
	line-height: 17px;
	margin: 0;
}

.mainbox a, .mainbox a:link, .mainbox a:visited, .mainbox a:hover, .mainbox a:active {
    font-weight: normal;
}


.mainbox td {
	background-repeat: no-repeat;
	background-position: top;
}

/* --------------------- NAV BAR - TOP ---------------------*/

#topnav {
	background: #2656A6;
	border-bottom: 1px solid #FFFFFF;
}

.menu {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background: #2656A6;
	font-size: 11px;
}

.menu li {
	display: inline;
}

.menu li a {
	float: left;
	color: White;
	padding: 26px 14px 6px 14px;
	text-decoration: none;
	letter-spacing: 1px;
}

.menu li a:visited {
color: white;
}

.menu li a:hover, .menu li .current {
color: white;
background: transparent url(images/menu_hoverbg.gif) center center repeat-x;
}


/* --------------------- FOOTER ---------------------*/

#footer {
	width: 800px;
}

#footer p {
	font-size: 11px;
	line-height: 1.8em;
	margin: 10px 0 10px 0;
}

#footer a {
	font-size: 10px;
}