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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#2651B0 url(img/background.jpg) top fixed no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5F738B;
}

#page {
	width:813px;
	margin:0 auto;
}

/* GLOBAL STYLES */

h2 {
	font-size:24px;
	color:#1C53CD;
	font-weight:normal;
	background:url(img/hrule-tan.png) bottom repeat-x;
}

h3 {
	font-weight:bold;
	color:#A37C65;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

h4 {
	font-weight:bold;
	color:#355FB4;
	font-size:15px;
}

a, a:link {
	color:#1C53CD;
	text-decoration:none;
}
a:hover {
	background:url(img/bg-tan.png);
}

a img, a:link img {
	border:none;
}
sup {
	font-size:xx-small;
	vertical-align:text-top;
}
hr {
	height:0;
	border-style:none;
	border-bottom:1px solid #000;
	opacity:.25;
	filter:alpha(opacity=25);
}
li {
	margin-bottom:1em;
}

.floatLeft {
	float:left;
	margin-right:.55em;
}
.photoRight {
	float:right;
	margin:15px;
}
.photoFrame {
	border:4px solid #FFF;
	outline:1px solid #999;
}
.paraRight {
	text-align:right;
}
.clearBoth {
	clear:both;
}
.more-link:after {
	line-height:1em;
	vertical-align:middle;
	content:url(img/icon-arrow-right.png);
}
.dataTable {
	background:#FFF;
}
.dataTable td {
	border-bottom:1px solid #A3B4CA;
	padding:2px 5px;
}

/* PAGE TOP */

#page #logo {
	height:119px;
	width:231px;
	background:url(img/logo.png) no-repeat;
	text-indent:-9999px;
	margin:36px auto 62px auto;
}

#page #topbox {
	position:relative;
	color:#FFF;
	margin-bottom:20px;
	text-shadow:#036 1px 1px 15px;
}

#page #topbox h2, #page #topbox h3, #page #topbox h4 {
	color:#FFF;
	margin-top:0;
}

#page #topbox #topbox-top {
	height:9px;
	background:url(img/topbox-top.png) no-repeat;
}

#page #topbox #topbox-content {
	background:url(img/topbox-bg.png) top repeat-y;
	overflow:hidden;
}

#page #topbox #topbox-bottom {
	height:2px;
	background:url(img/topbox-bottom.png) no-repeat;
	clear:both;
}

/* NAVIGATION */

#page #topbox #nav {
	position:absolute;
	top:-19px;
}

#page #topbox #nav ul {
	margin:0;
	padding:0;
}
#page #topbox #nav ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}
#page #topbox #nav ul li a {
	display:block;
	float:left;
	text-indent:-9999px;
	height:34px;
	margin-left:3px;
	overflow:hidden;
}
#page #topbox #nav ul li a#questions-btn { margin-left:13px; width:101px; background:url(img/nav-btn-questions.png) no-repeat; }
#page #topbox #nav ul li a#questions-btn:hover { background-image:url(img/nav-btn-questions-over.png); }
body#questions #page #topbox #nav ul li a#questions-btn { background-image:url(img/nav-btn-questions-active.png); }

#page #topbox #nav ul li a#solution-btn { width:120px; background:url(img/nav-btn-solution.png) no-repeat; }
#page #topbox #nav ul li a#solution-btn:hover { background-image:url(img/nav-btn-solution-over.png); }
body#solution #page #topbox #nav ul li a#solution-btn { background-image:url(img/nav-btn-solution-active.png); }

#page #topbox #nav ul li a#contact-btn { width:83px; background:url(img/nav-btn-contact.png) no-repeat; }
#page #topbox #nav ul li a#contact-btn:hover { background-image:url(img/nav-btn-contact-over.png); }
body#contact #page #topbox #nav ul li a#contact-btn { background-image:url(img/nav-btn-contact-active.png); }

#page #topbox #nav ul li a#survey-btn { width:76px; background:url(img/nav-btn-survey.png) no-repeat; }
#page #topbox #nav ul li a#survey-btn:hover { background-image:url(img/nav-btn-survey-over.png); }
body#survey #page #topbox #nav ul li a#survey-btn { background-image:url(img/nav-btn-survey-active.png); }

/* TOP BOX CONTENT */

#page #topbox #topbox-right-bg {
	background:url(img/topbox-right-bg.png) right repeat-y;
}
#page #topbox #topbox-right {
	width:240px;
	position:absolute;
	top:2px;
	right:2px;
	background:url(img/vrule.png) left no-repeat;
	min-height:100%;
}
#page #topbox #topbox-right p {
	margin-left:25px;
	margin-right:25px;
}
#page #topbox #topbox-right h2 {
	width:188px;
	height:58px;
	background:top no-repeat;
	padding:0;
	margin:0px auto 15px auto;
	text-indent:-9999px;
	top:-10px;
}
#page #topbox #topbox-right h2.articles-header {
	background:url(img/topbox-right-header-articles.png);
}

#page #topbox #topbox-content .topbox-content-column {
	width:240px;
	margin:15px;
	float:left;
}
#page #topbox #topbox-content #topbox-left {
	width:565px;
	margin:15px;
	float:left;
}
ol.iconList {
	margin:0;
	padding:0;
	list-style-type:none;
}
ol.iconList li {
	margin-bottom:0;
	padding-left:25px;
	background-position:top left;
	background-repeat:no-repeat;
}
ol.iconList li p {
	margin:5px 0;
	padding-bottom:5px;
	text-shadow:#000 1px 1px 15px;
	background:url(img/hrule-blue.png) bottom repeat-x;
}
ol.iconList li.ol1 { background-image:url(img/ol1.png); }
ol.iconList li.ol2 { background-image:url(img/ol2.png); }
ol.iconList li.ol3 { background-image:url(img/ol3.png); }
ol.iconList li.ol4 { background-image:url(img/ol4.png); }
ol.iconList li.ol5 { background-image:url(img/ol5.png); }
ol.iconList li.ol6 { background-image:url(img/ol6.png); }
ol.iconList li.ol7 { background-image:url(img/ol7.png); }
ol.iconList li.ol8 { background-image:url(img/ol8.png); }
ol.iconList li.ol9 { background-image:url(img/ol9.png); }
ol.iconList li.ol10 { background-image:url(img/ol10.png); }
ol.iconList li.ol11 { background-image:url(img/ol11.png); }
ol.iconList li.ol12 { background-image:url(img/ol12.png); }
ol.iconList li.ol13 { background-image:url(img/ol13.png); }
ol.iconList li.ol14 { background-image:url(img/ol14.png); }
ol.iconList li.ol15 { background-image:url(img/ol15.png); }
#page #topbox .topbox-content-column a {
	display:block;
	overflow:hidden;
}
#page #topbox a,
#page #topbox a:link,
#page #topbox a:visited {
	color:#FFF;
	text-decoration:none;
}
#page #topbox a:hover,
#page #topbox a:active {
	/*text-decoration:underline;*/
	background:url(img/bg-blue.png);
}

#page #topbox #topbox-right a {
	display:block;
	clear:both;
	font-size:16px;
	height:75px;
}
#page #topbox #topbox-right p:after {
	content:url(img/icon-arrow-right.png);
}

/* CONTENT BOXES */

#page .contentbox {
	margin:20px 0;
}
#page .contentbox .contentbox-top {
	height:2px;
	background:url(img/contentbox-top.png) no-repeat;
}
#page .contentbox .contentbox-middle {
	background:url(img/contentbox-middle.png) repeat-y;
	padding:15px 20px;
	position:relative;
}
#page .contentbox .contentbox-bottom {
	height:2px;
	background:url(img/contentbox-bottom.png) no-repeat;
}
#page .contentbox .contentbox-middle h2 {
	margin-top:0;
	padding-top:0;
	padding-right:100px;
}
#page .contentbox .contentbox-middle h2 span {
	font-size:14px;
	font-weight:bold;
	width:25px;
	height:26px;
	background:url(img/badge-number.png) no-repeat;
	color:#FFF;
	display:block;
	text-align:center;
	padding-top:3px;
	text-shadow:#9B7D6A 0 0 2px;
	position:absolute;
	left:-15px;
	top:18px;
	letter-spacing:-2px;
}
#page .contentbox .contentbox-middle div.contentbox-backtotop {
	display:block;
	position:absolute;
	right:20px;
	top:15px;
	padding-left:10px;
	background:url(img/icon-arrow-up.png) left no-repeat;
}

/* QUOTE BOX */

blockquote {
	color:#2F5077;
	margin:25px;
	padding:10px;
	background:url(img/bg-bluegray.png);
	border:1px solid #A2B2CB;
	outline:1px solid #FFF;
	position:relative;
}
.hilitebox {
	background:none;
	border:none;
	outline:none;
	width:768px;
	padding:0;
	margin:25px 0;
}
div.hilitebox-top {
	height:2px;
	background:url(img/hilitebox-top.png) top no-repeat;
}
div.hilitebox-middle {
	background:url(img/hilitebox-middle.png) repeat-y;
	overflow:hidden;
	padding:10px;
}
div.hilitebox-bottom {
	height:2px;
	background:url(img/hilitebox-bottom.png) bottom no-repeat;
}
blockquote p {
	padding:0;
	margin:10px 0;
}
blockquote cite {
	display:block;
	height:24px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:14px;
	font-style:normal;
	line-height:24px;
	position:absolute;
	top: -11px;
}
blockquote cite span.label-left {
	display:block;
	float:left;
	width:6px;
	height:24px;
	background:url(img/label-left.png) no-repeat;
}
blockquote cite span.label-center {
	display:block;
	float:left;
	height:24px;
	background:url(img/label-center.png) repeat-x;
	padding:0 5px;
}
blockquote cite span.label-right {
	display:block;
	float:left;
	width:6px;
	height:24px;
	background:url(img/label-right.png) no-repeat;
}

.blueBox {
	background:url(img/bg-blue.png);
	border:1px #3A507E solid;
	outline:1px #6582B8 solid;
	overflow:hidden;
	padding:12px;
}

/* FOOTER */

#page #footer {
	background:url(img/topbox-bg.png) top;
	color:#FFF;
	text-shadow:#036 1px 1px 15px;
	text-align:center;
	padding:4px;
	font-size:12px;
	font-weight:bold;
	opacity:.75;
	filter:alpha(opacity=75);
	margin:2px;
}
#page #footer:hover {
	opacity:1.00;
	filter:alpha(opacity=100);
}
#page #footer a, #page #footer a:link, #page #footer a:visited {
	color:#FFF;
	text-decoration:underline;
}

/* FORM STYLES */

label {
	color:#C0CCD1;
	font-weight:bold;
	font-style:italic;
}
input[type=text], textarea {
	background:#fff url(img/input-shadow.png) top repeat-x;
	border:1px solid #fff;
	outline:1px solid #334466;
}