@import"reset.css";
/* ----- FONT: HEADING: #303030, BLURB: #303030, CONTENT: #8469a9 ----- */


/* ----- GLOBAL PROPERTIES ----- */
body{margin:0;-webkit-text-size-adjust: 100%;color:#666;font:12px/18px  Arial, Helvetica, sans-serif;padding:0; background:#303030;}
.wrapper{position:relative; margin:0 auto; width:870px; height:100%; background:#fff;padding:0;}
.dobg{ background:#4e2683;}
.topheader{float:left; width:870px; position:relative;*padding:0 0 15px 0;*z-index:9999999;}
.logo{float:left; margin:15px; width:168px; height:69px;}
a.readmore{padding:2px 10px; background:#4e2683 !important;  color:#fff !important; text-decoration:none; font-size:11px !important; margin:10px 0 10px 0 !important; display:inline-block;}
a.readmore:hover{color:#4e2683 !important; background:#baadcd !important;}
a.readmore2{padding:2px 10px; background:#4e2683 !important;  color:#fff !important; text-decoration:none; font-size:11px !important; margin:0 !important; display:inline-block;}
a.readmore2:hover{color:#4e2683 !important; background:#baadcd !important;}
.copyfooter{ width:870px; background:#4e2683; float:left; }
p.copyright{padding:0 10px 0 20px; color:#fff; font-size:9px; font-family:Arial, Helvetica, sans-serif; line-height:30px; float:left;}
p.footer {float:right;color:#fff;margin:0 15px 0 0;}
p.footer a{padding:0 5px; color:#fff; font-size:10px; font-family:Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none;}
p.footer a:hover{text-decoration:underline;}


/* ---- NAVIGATION ---- */
div.nav{position:absolute; width:650px;top:0; right:0; z-index:9999999;}
div.nav ul{ list-style:none; float:right;margin:0 15px 0 0;}
div.nav ul li{float:left; position:relative;}
div.nav ul li a{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; padding:70px 15px 20px 15px; display:block; font-weight:bold;}
div.nav ul li a:hover{background:url(../images/nav-active-bg.png); color:#4e2683; font-size:12px;}
.activeli{background:url(../images/nav-active-bg.png); color:#4e2683 !important; font-size:12px;}
.activea{color:#4e2683 !important;}
div.nav ul ul.subnav{display:none;position: absolute; background:url(../images/nav-active-bg.png); color:#4e2683; padding:0 0 10px 0; margin:-9px 0 0 0;*max-width:150px;z-index:999999;}
div.nav ul ul.subnav li a{padding:5px 15px 5px 15px; margin:0; text-transform:uppercase; font-size:12px; font-family:Arial, Helvetica, sans-serif; display:block; white-space: nowrap;color:#4e2683}
div.nav ul ul.subnav li a:hover{background:#baadcd !important;color:#4e2683;}
.activehackli{background:url(../images/nav-active-bg.png); color:#4e2683 !important; font-size:12px;}
.activehacka{color:#4e2683 !important;}
.activesubahack{background:#baadcd !important;color:#4e2683 !important;}
/* ----- SLIDER ----- */
#slider {margin:0px auto 0 auto; width:870px; height:412px; background:#fff;} 
#slidercontent {margin:0px auto 0 auto; width:870px; height:267px; background:#fff; float:left;}

/* ----- CONTENT PAGES ----- */
.container{ width:870px; float:left; position:relative; background:#fff;}

/* ----- HOMEPAGE ----- */
.ContentPanel{ width:720px; float:right; position:relative; padding:0 0 20px 0; background:url(../images/verve-notes-bg.jpg) no-repeat bottom right;}
.Hometext{width:190px; height:auto; float:left; margin:20px 25px 0 0;}
.ContentPanel p.heading{ color:#303030; font-weight:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif; line-height:28px; padding:0 35px 0 0;}
.ContentPanel p.blurb{ color:#303030; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:17px; padding:10px 0 0 0;}
.ContentPanel p.content{ color:#8469a9; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:17px; padding:10px 0 0 0;}
.Hometext .servicestab{width:180px; height:auto; padding:5px 0; border-bottom: 4px solid #d9d8cd; cursor:pointer;}
.Hometext .servicestab p.serviceHeading{color:#8469a9; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:13px; }
.Hometext .servicestab p.serviceBlurb{font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:17px; color:#000;}
.Hometext .servicestab:hover{background:#baadcd; color:#4e2683;}

/* ----- CONTENT PAGES ----- */
.leftpanel{width:410px; float:left; height:auto; margin:0; padding:10px 0 20px 0;}
.ContentPanel p.Contentblurb{ color:#4e2683; font-weight:normal; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:18px; padding:0 0 0 0;}
.ContentPanel p.Contentcontent{ color:#333; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:17px; padding:10px 0 0 0;}
.ContentPanel ul{ color:#333333; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:17px; list-style:disc;padding:5px 0; margin:0 0 0 20px;}
.ContentPanel td{ color:#333333; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:17px; padding:5px 0 0 0;}
.ContentPanel span{ color:#333333; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:17px;}
.ContentPanel a{ color:#4e2683; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:17px;}
.ContentPanel{color:#333333; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:17px; padding:0;}
p.Contentheading{color:#8469a9; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px;  padding:2px 0 10px 0;}
p.Notesheading{color:#8469a9; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;  padding:2px 0 10px 0;}
/* ----- VERVE NOTES ------ */
.rightpanel{ width:170px; float:right; height:auto; margin:20px; padding:15px; background:#d9d8cd;}
.vervenotes .servicestab{width:170px; height:auto; padding:5px 0 5px 0; border-bottom: 4px solid #fff; cursor:pointer;}
.vervenotes .servicestab p.serviceHeading{color:#8469a9; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:14px;  padding:2px 0 2px 0;}
.divnotes p.Contentblurb{ color:#333; font-weight:normal; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:18px; padding:0 0 0 0;}
.vervenotes .servicestab p.serviceBlurb{font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:17px; color:#333; padding:2px 0 2px 0;}
.vervenotes .servicestab:hover{background:#baadcd; color:#4e2683;}
.divnotes {float:left; width:400px; padding:10px 0 10px 0; border-bottom:4px solid #d9d8cd;}
.vervenotes a.serviceHeading{color:#8469a9; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:14px;  padding:3px 0 2px 0; display:block; text-decoration:none;}
/* CLEARFIX */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;overflow: visible;}


/* LOGIN PANEL */
table.loginpanel{width:410px; background:#d9d8cd; margin:0 0 0 10px;}
table.loginpanel thead td{width:200px; padding:7px; color:#fff; background:#4e2683; font-weight:bold; border-right:1px solid #fff; font-size:14px;}
table.loginpanel tbody td{padding:7px; color:#4e2683;font-weight:bold;}
table.loginpanel tbody td span{padding:0 0 0 7px; color:#4e2683;font-weight:normal;}
table.loginpanel tfoot td{padding:7px; color:#fff; background:#4e2683; font-weight:bold; font-size:10px;}
.border-right{border-right:1px solid #fff;}
.login_button{width:80px; height:22px; border:none; background:url(../images/login-button.png) no-repeat top center; cursor:pointer; display:block;}
.login_button:hover{ background:url(../images/login-button-hover.png) no-repeat top center; }
.signup_link{width:80px; height:22px; display:block; background:url(../images/sign-up.png) no-repeat top center; cursor:pointer;}
.signup_link:hover{background:url(../images/signup-hover.png) no-repeat top center;}
.signup_button{width:80px; height:22px; border:none; background:url(../images/sign-up.png) no-repeat top center; cursor:pointer; display:block;}
.submitbutton{width:70px; height:22px; border:none; background:url(../images/submit-button.png) no-repeat top center; cursor:pointer; display:block;}
/* ----- LOGOUT LINK ----- */
.logout{position:absolute; right:75px; top:0px;}

.logoutlink{width:90px; height:16px; display:block; background:url(../images/logout-button.png) no-repeat top center; cursor:pointer;}
.logoutlink:hover{background:url(../images/logout-button-active.png) no-repeat top center; cursor:pointer;}

.inputtext{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#4e2683; width:177px;}
.inputselect{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#4e2683; width:182px;}
.inputcheck{ vertical-align:text-top; float:left;}

/* ----- PADDING ----- */
.paddingt20{padding-top:20px;}

/* ----- FOOTER ----- */
.mainfooter{width:870px; background:url(../images/footer-bg.jpg) no-repeat bottom center; float:left;padding:10px 0;}
p.disclaimer{ font-size:9px; color:#000; line-height:11px; float:left; width:500px; margin:0px 0 0 20px;}
p.securitor{ font-size:9px; color:#000; line-height:11px; float:right; width:280px; margin:0px 0 0 0px; padding:0 20px 0 0;}