* {position: relative; line-height: 1.2; margin: 0;}
html {display: block; height: 100%;}
body {display: block; height: 100%; margin: 0; padding: 0; font-size: 12px; font-family: Helvetica, Times, Times Roman, Times New Roman, serif; color: #000000; background-color:#fefeff;}
img {border: none;}
.clear {clear:both; display: block; margin: 0; padding: 0;height: 0; width: 0;}
.push {}
a {text-decoration: none; cursor: pointer, hand;}
a:hover {text-decoration: underline; cursor: pointer, hand;}
h1 {font-size: 20px;}
#hr {background: url('../images/hr.png') top left no-repeat; height: 2px; width: 840px; padding-bottom: 20px;}

.container {display: block; height: auto !important; height: 100%; margin: 0 auto -4em; }
#maincont {margin: auto; cursor: pointer;}

.main {margin-top: 20px; width: 960px; margin-right: auto; margin-left: auto; background: url('../images/bgOverlay.png') top center repeat-y;}

#container #headcontainer {width: 100%;}
#headcontainer {width: 100%; height: 162px; background: url('../images/header/headerBGOldLogoWide.png') 40% 0% no-repeat; background-color: #fefeff;}
#headcontainer .menu {background: url('../images/header/greenNavigationwWhite.png') top center repeat-x; height: 53px; width: 100%;}
#headcontainer .menu div#menuContainer {width: 985px; margin:auto; height: 50px;}
.menu {background: url('../images/header/greenNavigation.png') top center repeat-x;}
div#menuContainer li {float: left; clear: none; margin-right: 45px; width: auto;}
div#menuContainer ul {right: 0; height: 100%; font-family: Helvetica Neue LT Std, Helvetica; font-size: 13pt;}
#header {width: 985px; margin: auto; height: 111px; display: block;}
#header .logo {display: block; float: left; clear: none; margin: 0px; height: 110px; width: 360px; cursor: pointer, hand;}
#header div#link {width: 470px; height: 100%; z-index: 1; float: left; clear: both; cursor: pointer;}
#header div#rightPanel {float: right; width: 510px; height: 100%;}
#header div.schedDemo {float: right; background: url('../images/header/scheduleDemo.png') top center no-repeat; width: 138px; height: 44px; z-index: 2; cursor: pointer, hand; top: 15px;}
#header div.search {float: right; top: 30px; clear: right; z-index: 3;}
#header div.search input#searchGo {float: right; margin-left: 10px; cursor: hand, pointer;}
#header div.search input#searchText {float: right; top: 2px; padding: 0px 5px; height: 20px; z-index: 30; cursor: text;}
#header div.search label#searchLabel {right: -85px; top: 7px; z-index: 35; font-size: 11pt; cursor: text;}
#header div.search label#searchLabel.textInBox {display: none;}
#header div.social {height: 30px; width: 64px; float: left; top: -6px; right: -300px; display: block; z-index: 30;}
#header div.social .twitter {background: url('../images/footer/twitter.png') top center no-repeat; height: 30px; width: 32px; float: right;}
#header div.social .facebook {background: url('../images/footer/facebook.png') top center no-repeat; height: 30px; width: 32px; float: left;}


/* Navigation Menu */
#topnav {display: block; float: left; clear: both; list-style: none; margin: 0; padding: 0 0 0 15px; z-index: 90;}
#topnav li {display: block; float: left; clear: none; margin: 0; text-align: center; top: 15px; height: 32px;}
#topnav li.listItemSelected {background: url('../images/header/selectedTab2.png') center no-repeat; height: 32px; width: auto;}
#topnav li.listItemSelected a {color: #666; text-decoration: none;}
#topnav li.listItem a {color: #000000; text-decoration: none;}
#topnav li.listItem a:hover {color: #ddd;}

#topnav li ul.subnav {position: absolute; z-index: 1; display: none; width: 186px; left: 0; top: 30px; margin: 0; padding: 0; font-family: Helvetica; font-weight: bold;}
#topnav li ul.subnav li {position: static; float: left; line-height: 1; display: block; clear: both; height: auto; background-color: #ffffff; margin: 0; padding: 0;}
#topnav li ul.subnav li.hovered {background-color: #1e548e;}
#topnav li ul.subnav li a {display: block; float: left; width: 186px; font-size: 14px;color: #155190;text-decoration: none;z-index: 80; margin: 0; padding-top: 10px; padding-bottom: 10px;}
#topnav li ul.subnav li a:hover {float: left; width: 186px; font-size: 14px; color: #ffffff; background-color: #1e548e; z-index: 81; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 10px;}
#topnav li ul.subnav li.first {background: url('../images/header/dropDown/dropDownTop.png') top center no-repeat; width: 186px; height: 23px; margin: 0; padding: 0;}
#topnav li ul.subnav li.last {background: url('../images/header/dropDown/dropDownBottom.png') top left no-repeat; height: 15px; width: 186px; padding: 0;}



.maincontainer {width: 985px; margin: auto; margin-top: 25px; margin-bottom: 25px;}
div.maincontentfoot {height: 30px; width: auto;}
#home div#homeflash {width: 985px; height: 470px; background: url('../images/flash/bg.png') top center repeat-x; z-index: 1;}
#home {display: block;}
#home .bodyFooter {background: url('../images/body/bodyFooter.png') top center no-repeat; height: 19px; width: 100%; float: left;}
#home .bodyTop {height: 19px; width: 986px; display: block;}
div.bodyTopL {background: url('../images/body/bodyTopL.png') top center no-repeat; height: 19px; width: 19px; float: left; left: -2px;}
div.bodyTopLStripe {background-color: #e6edf7; float: left; width: 623px; height: 17px; margin-top: 2px; margin-left: -3px;}
div.bodyTopRStripe {background-color: #ccd9ed; float: left; width: 328px; height: 17px; margin-top: 2px;}
div.bodyTopR {background: url('../images/body/bodyTopR.png') top center no-repeat; height: 19px; width: 19px; float: left;}
div#homecontent {width: 100%; height: 100%;}
div#homecontent .hbody {width: 981px; height: auto; background-color: #cddcee; float: left; margin-left: 1px; padding-left: 2px; background: url('../images/body/bodyColors.png') top center repeat-y;}

.hbodycontent {height: auto; width: 600px; padding: 20px; float: left;}
.hbodypanel {width: 310px; padding: 10px; float: left;}
.sideMenu {width: 310px; overflow: hidden;}


/* Pageview */
div.pageview div.headerText {background: url('../images/bodyHeader.png') top left no-repeat; height: 80px; width: 985px; font-size: 20px; font-weight: bold;}
div.pageview .headerText h1 {padding-top: 35px; padding-left: 35px;}
div.pageview {height: 100%;}
div.pageview div.bodyContent {padding: 30px 30px 60px 30px; background-color: #ecf2fb; margin-left: 3px; margin-right: 3px; overflow: hidden;}
div.pageview div.hlbodyContent {padding: 30px 10px 60px 30px; background-color: #ecf2fb; margin-left: 3px; margin-right: 3px; overflow: hidden;}
.pageview div.hlbodyContent #hiLite {float: left; width: 600px; height: auto;}
.pageview div.hlbodyContent .highlights {float: left; width: 290px; height: auto; overflow: hidden; padding: 15px; background-color: #ccd9ed; margin-left: 10px; text-align: center;}


div.bodyFooter {background: url('../images/bodyFooter.png') top left no-repeat; height: 23px; width: 985px;}

/* Rotation */
div#rotation {height: 325px; width: 100%; display: block; clear: both; position: relative;}
div#rotation div.panel {float: left; position: absolute; clear: both; top: 0px; padding: 0; margin: 0; height: 325px; line-height: 1; list-style-type: none; z-index: 1;}
div#rotation div.show {z-index: 50;}
.panel .rotatedImg {width: 985px; height: auto; float: left; z-index: 2;}

#homeflash .flashSnips {height: 110px; width: 985px; padding-top: 5px; display: block; margin: auto; padding-left: 15px;}
#homeflash .snipsCorners {width:105%; float: left; top: -8px; left: -2px;}   
div.snipsCorners .snipsBtmFill {height: 19px; width: 961px; float: left; background: url('../images/flash/flashBottomCenter.png') top center repeat-x;}
div.fsnippet {height: 115px; width: 210px; color: white; float: left; clear: none; top: 3px; padding: 0px 5px; margin: 0 5px;}
div.divide {background: url('../images/flash/snippetDivider.png') top center no-repeat; height: 120px; width: 6px; float: left;}
div.snipContent {height: 120px; width: 210px; z-index: 100;}

/* Blog */
div.blogview div.headerText {background: url('../images/bodyHeader.png') top left no-repeat; height: 80px; width: 985px; font-size: 20pt; font-weight: bold;}
div.blogview div.headerText div.blog-header-image {width: 938px; height: 181px; z-index: 50; background: url('../images/blogHeader.png') center no-repeat; padding: 25px;}
div.blogview div.hlbodyContent {padding: 150px 10px 60px 30px; background-color: #ecf2fb; margin-left: 3px; margin-right: 3px; overflow: hidden;}

div#blogSidebar {width: 200px; height: auto; float: left; overflow: hidden; padding: 15px; background-color: #ccd9ed; margin-left: 10px; text-align: center;}
div#blogSidebar div.pod div.blog-pod-header {padding-bottom: 5px;}
div#blogSidebar div.pod div.blog-pod-content img {max-height: 200px; max-width: 200px;}
div#blogSidebar div#search {border-bottom: 0;}
div.pod {float: left; height: auto; width: 200px; text-align: center; padding: 10px 0px; border-bottom: 1px dashed grey;}
div.pod div.blog-pod-header {font-size: 14pt;}
div.pod a {color:#1E548E;}
div.pod div#rss {font-size: 22pt; margin-left: 8px;}
div.pod div#rss img {float: left;}
div.pod div#rss p {float: left; margin-top: 5px; padding-left: 10px;}
div#blogContent {width: 675px; height: auto; float: left;}
div#blogContent .cp {width: 100%; height: auto; margin-bottom: 15px; }

div#blogContent div.post a {color:#1E548E;}
div#blogContent div.post a.blogheader {font-size: 14pt; font-weight: bold;}
div#blogContent div.post {font-size: 10pt;}
div#blogContent div.bc div.post div.entry p {line-height: 1.3; padding-bottom: 10px;}

div#blogContent div.bc h1 {padding: 5px 0; color:#1E548E;}
div#blogContent div.bc img.author-image {padding-bottom:10px;display: block; margin: auto; max-height: 300px; max-width: 500px;}
div#blogContent div.bc div {font-size: 10pt; padding: 5px 0;}
div#blogContent div.bc div.author-listings {padding: 10px 0;}
div#blogContent div.bc div.author-listings div.row {padding: 10px; height: 20px; font-size: 12pt;}
div#blogContent div.bc div.author-listings div.row p.left {float: left; width: 87%;}
div#blogContent div.bc div.author-listings div.row p.right {float: right;}



div.content div.entry div.blog-content {font-size: 10pt; padding: 0px 5px;}
div.content div.entry div.blog-content p {line-height: 1.3; padding-bottom: 10px;}
div.content div.entry h1 {padding-top: 5px; color:#1E548E;}
div.content div.entry h3 {color:#1E548E; padding: 5px 0px;}
div.content div.entry div.comment-form {color:#1E548E;}
div.content div.entry div.comment-form h3 {font-size: 12pt; padding-bottom: 5px;}
div.content div.entry div.comment-form form ul.comment {list-style: none;}
div.content div.entry div.comment-form form ul.comment li.wrap {display: block; width: 100%; height: auto; overflow: hidden; padding: 5px 0;}
div.content div.entry div.comment-form form ul.comment li div.left {float: left; height: auto; width: 180px; text-align: right; padding-top: 4px;}
div.content div.entry div.comment-form form ul.comment li div.right {float: left; margin-left: 20px; width: auto; text-align: left;}
div.content div.entry div.comment-form form ul.comment li div.right input.textbox {width: 179px;}
div.content div.entry div.comment-form form ul.comment li label span.req {color: red;}
div.content div.entry div.blog-comments {padding: 0; margin: 0;}
div.content div.entry div.blog-comments h3 {font-size: 12pt; padding: 5px 0px;}
div.content div.entry div.blog-comments div.comment {padding: 10px 0 0px 25px;}
div.content div.entry div.blog-comments div.comment cite.comment-author-name {font-size: 14pt;}
div.content div.entry div.blog-comments div.comment cite.comment-author-name a { color:#1E548E;}
div.content div.entry div.blog-comments div.comment span.commentmetadata {font-size: 10pt; color:#1E548E;}
div.content div.entry div.blog-comments div.comment span.commentmetadata a { color:#1E548E;}
div.content div.entry div.blog-comments div.comment p.comment {padding: 5px 10px; font-size: 10pt;}






/* Contact */
div#zohoWebToLead {width: 300px; float: left;}
div#contactContent {width: 600px; float: left; margin-left: 15px; height: auto;}
ul.contact {display: block; clear: both; margin: 0; padding: 0; list-style: none;}
ul.contact li {display: block; clear: both; padding: 3px 0;}
ul.contact li label {font-size: 13px; font-weight: bold; display: block; clear: both; padding: 3px 0;}

/* News and Testimonials */
div.newstestcont {display: block;	clear: both; width: 985px; width: 100%;}
div.newstestcont div.headerText {background: url('../images/bodyHeader.png') top left no-repeat; height: 80px; width: 985px; font-size: 20pt; font-weight: bold;}
div.newstestcont .headerText h1 {padding-top: 35px; padding-left: 35px;}
div.newstestcont div.bodyContent {padding: 30px 30px 60px 30px; background-color: #ecf2fb; min-height: 50px; margin-left: 3px; margin-right: 3px; overflow: hidden;}
div.newscolumn {display: block; float: left; clear: both; position: relative;	width: 280px; padding-right: 20px;}
div.newscolumn p.headerText {font-size: 18px; font-weight: bold; padding-bottom: 10px;}
div.testimonialcolumn p {line-height: 1.1;}
div.testimonialcolumn p.headerText {font-size: 18px; font-weight: bold; padding-bottom: 10px;}
div.testimonialcolumn {display: block; position: relative; float: left; clear: none; width: 570px; left: 0px;}
div.newscolumn div.newsItem {width: 100%; display: block; float: left; clear: both; position: relative; border-bottom: 1px dashed #c4c4c4;}
div.newsItem p { line-height: 1.1;}
div.newsItem p.newsTitle {display: block; float: left; clear: both; position: relative; font-size: 12px; font-weight: bold; color: #295f99; width: 100%; padding: 5px 0;}
div.newsItem p.newsLead {display: block; float: left; clear: both; position: relative; font-size: 11px; margin: 0; padding: 0; width: 100%;}
div.newsItem p.newsRead, div.newsItem a.newsRead {display: block; float: left; clear: both; position: relative; font-size: 11px; margin: 5px 0 15px 0; padding: 0; font-weight: bold; color: #295f99; text-decoration: underline; cursor: pointer; width: 100%;}
div.newsItem a.newsRead {padding: 0; color: red;}
div.newscolumn img.viewtestimonials, div.newscolumn a.viewtestimonials {display: block; clear: both; position: relative; margin: auto; width: 243px; height: 52px; border: none; cursor: pointer; margin-top: 20px;}
div.newscolumn a.viewtestimonials {width: 100%; height: auto; text-align: center;}
div.testimonialcolumn div.testimonial {width: 100%; display: block; float: left; clear: both; position: relative; border-bottom: 1px dashed #c4c4c4; font-size: 13px; padding: 5px 0;}
div#newsitems {width: 570px; display: none; float: left; clear: none; position: relative; overflow: hidden;}
div#newsitems div#newsitemcontent{width: 100%;display: none;float: left;clear: both;position: relative;}
div#newsitems div#newsitemcontent p.headerText {font-size: 18px; font-weight: bold; padding-bottom: 10px;}
div#newsitems div#newsitemcontent #results p {line-height: 1.3; margin: 10px 0;}

/* FAQ */
div.faqtopics div.headerText {background: url('../images/bodyHeader.png') top left no-repeat; height: 80px; width: 985px; font-size: 20pt; font-weight: bold;}
div.faqtopics div.headerText h1 {padding-top: 35px; padding-left: 35px;}
div.faqtopics div.bodyContent h2 {font-size: 20px; font-weight: normal; border-bottom: 1px dashed black; padding-bottom: 10px;}
div.topicQuestions {margin-bottom: 15px; padding-bottom: 15px;}
div.topicQuestions a {font-size: 18px; color: black; line-height: 1.2;}
.hovered {font-weight: bold; cursor: pointer;}
div.question {font-size: 17px; margin-bottom: 10px;}
div.answer {margin-left: 25px; font-size: 15px; padding-bottom: 10px;}
ul.questions {height: auto; overflow: none; width: 900px; padding: 5px 15px; list-style: none;}

/* Sitemap */
a.sitemapParent {display: block;clear: both;position: relative;font-weight: bold;padding-left: 55px; padding-top: 3px; font-size: 12pt; padding-bottom:5px; color: #1e548e;}
a.sitemapChild {display: block;clear: both;position: relative;padding-left: 70px;font-size: 12px; padding-bottom: 3px; padding-top: 3px; color: #1e548e;}

/* Random Styles */
.rounded-corners { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}
.rounded-bottom-corners { -moz-border-radius: 0px 0px 20px 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; border-radius: 0px 0px 20px 20px; -khtml-border-radius: 0px 0px 20px 20px;}
p .highlightSpace {display: block; padding: 5px; clear: both;}
#gradient {color: #fff; height: 100%; padding: 10px;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#fff));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #00f, #fff);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)";
}

/* Footer */
#footer {width: 985px; margin: auto; padding: 10px; padding-top:25px;}
div#footImages {width: 435px; height: 72px; float: right; margin-right: 10px;}
div#footImages a {width: 32px; float: right; margin-right: 5px; cursor: pointer;}
div#footImages .sitepro {background: url('../images/footer/sitepro.png') top center no-repeat; height: 38px; width: 32px; float: right; margin-top: 15px;}
div#footImages .seal {background: url('../images/footer/seal.png') top center no-repeat; height: 72px; width: 72px; float: right; margin: 0px 10px;}
div#footImages .nanaAwards {background: url('../images/footer/nanaAward.png') top center no-repeat; height: 71px; width: 89px; float: right; margin: 0px 10px;}
div#footLinks {margin: 15px 0 0 10px; font-family: Helvetica Neue LT Std, Helvetica; font-size: 11pt; color: #1a456f; width: 525px;}
div#footLinks .copyright {padding-top: 5px; color: black;}
div#footLinks .copyright a {color: black;}
div#footLinks a {color: #1a456f;}