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


/* Structure and Layout

--------------------------------------- */

html {
  overflow-y: scroll;
}

body {
  margin: 0;
  padding: 0;
  text-align: center; 
  background: #023761;
}

#body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	line-height: 2.2em;
	color: #313d45;
}

#header {
	background: #FFFFFF;
	height: 125px;
}

#header-logo {
	float: left;
	text-decoration: none;
    height: 125px;
	width: 200px;
}

#header-contacts {
	background: url('/images/template/header-contacts.gif') no-repeat;
	float: right;
	height: 50px;
	width: 530px;
	padding-top: 65px;
	padding-left: 0px;
	color: #666666;
	font-size: 0.9em;
}

#header-contacts ul{
	margin: 0px;
	padding: 0px;
}

#header-contact ul, #header-contacts li {
	display: inline;
	padding-left: 40px;
	padding-top: 0px;
	vertical-align: middle;
	background: none;
}

#header-contacts a,
#header-contacts a:link,
#header-contacts a:hover,
#header-contacts a:visited {
	text-decoration: none;
	color: #666666;
}



#menu {
	background: #fff;
	height: 25px;
	font-size: 1.22em;
	color: #2690cd; 
}

#menu a:link, #menu a:visited {
	 color: #2690cd; 
	text-decoration: none;

}

#menu a:hover, #menu a:active {
	color: #77b3e2; 
	text-decoration: none;
}

/*

#menu-contents {
	background: url('/images/template/menu.png') top left no-repeat;
	float: left;
	height: 20px;
	padding-left: 30px;
	padding-top: 5px;
	width: 940px;
}



#menu-contents ul, #menu-contents li {
	display: inline;
	font-size: 1.1em;
	padding-right: 20px;
	color: #2690cd;
	vertical-align: middle;
	background: none;
	margin: 0px;
	padding-left: 0px;
}



#menu-contents-generic {
	float: left;
	height: 20px;
	padding-left: 12px;
	padding-top: 0px;
	*padding-top: 7px;
	width: 940px;
} 

*/

/*
#menu-contents-generic ul, #menu-contents-generic li {
	display: inline;
	font-size: 1.1em;
	padding-right: 20px;
	padding-left: 0px;
	color: #2690cd;
	vertical-align: middle;
	background: #fff;
	margin: 0px;
}

*/

#menu-contents-generic {
	padding-left: 8px;
}

#top {
	background: url('/images/template/home-top-bg.png') repeat-x;
	height: 300px;
}

#top-left {
	background: url('/images/template/home-top-left-bg.png') top left no-repeat;
	width: 485px;
	height: 299px;
	float: left;
}

#sample-site-link {
	position: relative; 
	top: 197px; 
	left: 140px; 
	height: 80px; 
	width: 280px; 
}

#top-right {
	background: url('/images/template/home-top-right-bg.png') top left no-repeat;
	float: right;
	width: 475px;
	height: 299px;
}

#top-right-flash {
  text-align: center;
	position: relative;
	width: 369px;
	height: 218px;
	left: 43px;
	top: 40px;
  padding: 0px;
  margin: 0px;
  color: #FFF;
}

#top-right-flash a,
#top-right-flash a:link,
#top-right-flash a:hover,
#top-right-flash a:visited {
	text-decoration:none;
	color: #0467b5;
}

#middle {
	background-color: #023761;
	height: 150px;
	line-height: 1.6em;
	font-size: 0.95em;
}

#middle-generic {
	background: url('/images/template/home-middle.png') top left repeat-x;
	height: 155px;
	line-height: 1.6em;
	font-size: 0.95em;
}

#middle-box {
   position: relative; 
	background: url('/images/template/home-middle-box.png') top left no-repeat;
	width: 960px;
	height: 150px;
}

#middle-box-generic { 
    position: relative;
	background: url('/images/template/home-middle-box-generic.png') 0 -1px no-repeat;
	width: 960px;
	height: 155px;
}

#middle-box-1 {
	width: 180px;
	float: left;
	padding-left: 150px;
	padding-top: 60px;
	color: white;
}

#middle-box-2 {
	width: 180px;
	float: left;
	padding-left: 112px;
	padding-top: 60px;
	color: white;
}

#middle-box-3 {
	width: 180px;
	float: left;
	padding-left: 105px;
	padding-top: 60px;
	color: white;
}

#bottom {
	background-color: #FFFFFF;
	padding-bottom: 20px;
	padding-top: 20px;
	height: auto;
	overflow: auto;
	font-size: 1.2em;
}

#bottom-left {
	float: left;
	width: 630px;
}

#bottom-right {
	float: right;
	width: 300px;
	padding-top: 20px;
	padding-left: 20px;
}

#bottom-left-smaller {
	float: left;
	width: 472px;
}

#bottom-right-larger {
	float: right;
	width: 478px;
	padding-top: 20px;
	padding-left: 0px;
}

#footer {
	/*color: #5e5e5e;*/
	color: #0467b5;
	min-height: 75px;
	font-size: 0.84em;
}

#footer .contents {
	/* margin-right: 10px; */
	text-align: right;
}

#footer a,
#footer a:link,
#footer a:hover,
#footer a:visited {
	text-decoration:none;
	color: #0467b5;
}

.contents {
	text-align: left;
	clear: both;
	margin: 0 auto;
	width: 960px;
	height: auto;
	padding: 0px 10px;
	}



/* Non-structual CSS

--------------------------------------- */

.right-grey-top h1,h2,h3,h4,h5,h6 {
	margin-top: 0px;
}

h1 {
	color: #4d6888;
	padding-top: 0px;
	font-size: 1.96em;
}
h2 {
	padding-top: 0px;
	color: #4d6888;
	font-size: 1.5em;
}
h3 {
	padding-top: 0px;
	color: #4d6888;
	font-size: 1.2em;
}
h4 {
	padding-top: 0px;
	margin-bottom: 0px;
	color: #4d6888;
	font-size: 1.08em;
}

#bottom ul {
	margin-left: 0px;
}

#bottom li {
	padding-bottom: 3px;
	padding-left: 30px;
	margin-bottom: 0px;
	margin-left: -10px;
	vertical-align: middle;
	list-style: none; 
	background: url('/images/star-bullet.png') no-repeat top left; 
}

#bottom li li {
	padding-bottom: 5px;
	vertical-align: middle;
	list-style: none; 
	font-size: 1em;
	background: url('/images/star-bullet-small.png') no-repeat top left;
}

img {
	border: none;
}

th, td {
  text-align: left;
}

p {
  margin-top: 5px;
}


#bottom-left a:link, #bottom-left a:visited, #bottom-left-smaller a:link, #bottom-left-smaller a:visited {
  color: #2690cd;
	text-decoration: none;
}

#bottom-left a:hover, #bottom-left-smaller a:hover {
	color: #77b3e2;
	text-decoration: underline;
}




#middle-box a:link, #middle-box a:visited, #middle-box-generic a:link, #middle-box-generic a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}


#middle-box a:hover,
#middle-box a:active,
#middle-box-generic a:hover,
#middle-box-generic a:active {
	color: #e1eff6;
	font-weight: bold;
	text-decoration: underline;
}




#bottom-right a,
#bottom-right a:link {
	color: #0f3567;
	text-decoration: none;
}
#bottom-right a:hover,
#bottom-right a:active {
	color: #0f3567;
	text-decoration: underline;
}




#middle-image-1 {
  position: absolute;
  width: 160px;
  height: 22px;
  top: 34px;
  left: 145px;
}
#middle-image-2 {
  position: absolute;
  width: 140px;
  height: 22px;
  top: 34px;
  left: 440px;
}
#middle-image-3 {
  position: absolute;
  width: 180px;
  height: 22px;
  top: 34px;
  left: 722px;
}

.testimonials {
font-style: italic;
font-size: 1.0em;
font-weight: 500;
color: #0f3567;
line-height: 1.9em;
}

.testimonials-main {
padding-bottom: 10px;
padding-top: 10px;
}

.testimonials-quotes {
	font-weight: bold;
	font-size: 1.8em;
}

.testimonials-large {
	font-size: 0.95em;
	color: #0f3567;
	line-height: 1.8em;
	padding-left: 30px;
	font-weight: bold;
}

.testimonials-large a,
.testimonials-large a:link, 
.testimonials-large a:hover, 
.testimonials-large a:active,
.testimonials-large a:visited {
	font-size: 0.95em;
	font-weight: bold;
	color: #0f3567;
	line-height: 1.8em;
	text-decoration: none;	
}


.sample-site-image {
	width: 280px;
	height: 80px;
	border: none;
}

.faq-question {
	background: url('/images/faq-bg-top.gif') top left no-repeat;
	color: #4d6888;
	font-size: 1.2em;
	font-weight: bold;
	padding: 20px 10px 10px 10px;
	margin: 0px;
	line-height: 0em;
}
.faq-answer {
	background: url('/images/faq-bg.gif') top left repeat-y;
	font-size: 1em;
	padding: 10px 25px 0px 10px;
	margin: 0px;
}
.faq-bottom {
	background: url('/images/faq-bg-bottom.gif') top left no-repeat;
	line-height: 0em;
	height: 10px;
	margin-bottom: 15px;
}

.right-grey-top {
	background: url('/images/right-grey-top.gif') top left no-repeat;
	width: 300px;
	height: 15px;
}

.right-grey {
	background: url('/images/right-grey.gif') top left repeat-y;
	width: 270px;
	padding: 0px 15px;
}

.right-grey-bottom {
	background: url('/images/right-grey-bottom.gif') top left no-repeat;
	width: 300px;
	height: 15px;
}


.form-items {
	font-size: 1.07em;
	background: url('/images/faq-bg-top.gif') top left no-repeat;
	padding-top: 20px;
}

.form-item {
	background: url('/images/faq-bg.gif') top left repeat-y;
	padding: 0px 10px 13px 10px;
	color: #4d6888;
}



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



ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 z-index: 598;
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 0px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown {
 padding-bottom: 0px;
}

ul.dropdown li {
 padding: 4px 6px;
/* color: #1b4298; */
}

ul.dropdown li.divider {
 border-top: solid 1px #e5e5e5;
}

/*
ul.dropdown li:hover {
 color: #1b4298;
}*/

ul.dropdown ul {
 z-index: 500;
 width: 160px;
 padding: 3px 6px;
 margin-top: 0px;
 border: 1px solid #e6edf0;
 background-color: #eff6f9;
}

ul.dropdown *.dir {
 padding-right: 25px;
 background-image: url(/images/nav-arrow-down.png);
 background-position: 95% 50%;
 background-repeat: no-repeat;
}

ul.dropdown {
 width: 100%;
}

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 4px 6px;
 margin-right: 13px;
}

ul.dropdown ul a,
ul.dropdown ul span {
 padding: 4px 0;
 margin: 0;
}

ul.dropdown li {
 padding: 0px;
 border: none;
}


ul.dropdown li a,
ul.dropdown *.dir {
 border: 1px solid transparent;
}

ul.dropdown ul li a,
ul.dropdown ul *.dir {
border: none;
}



ul.dropdown li:hover > *.dir {
 margin-bottom: -1px;
 z-index: 600;
 position: relative;
 border-color: #e6edf0 #e6edf0 #eff6f9 #e6edf0;
 background-color: #eff6f9;
 padding-right: 25px;
 background-image: url(/images/nav-arrow-down-open.png);
 background-position: 95% 50%;
 background-repeat: no-repeat;
 float: left;
}

/* Different image when it's a link
ul.dropdown a.dir:hover {
 background-image: url(images/nav-arrow-down-on.png) !important;
}
*/