/* Blueprint Grid 
-----------------------------------------------------*/

.container {width:915px;margin:0 auto; position:relative;}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:912px;margin:0;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

.hide {display:none}


/* Reflect "Vanilla" Theme
---------------------------------------------------- */

body {
	font: 12px/20px helvetica, arial, sans-serif;
	text-align: left;
	background: #eee;
	margin: 0;
	padding:0;
	}




	
/* HEADERS
---------------------------------------------------- */

h2 {
	border-bottom: #eee solid 5px;
	font-size: 20px;
	padding: 0 0 5px 0;
	margin: 0 0 30px 0;
	}
h3 {
	font-size: 18px;
	margin: 0 0 20px 0;
	}

h4 {
	color: #444;
}
div.sidebar h3 {
	font-size: 16px;
	border-bottom: #eee solid 5px;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	}
	
	
/* LINKS
---------------------------------------------------- */

p a {  color:#1C75BC; text-decoration:none; } /*border-bottom:1px dotted #1C75BC;*/
a:hover {color: #000;}

a.match-black, a.match-black-paragraph {color: #5C5D60; text-decoration:none; }

a.match-black:hover { color:#1C75BC;}

	
/* TEXT
---------------------------------------------------- */

p {margin: 0 0 20px 0;}



	
/* TABLES
---------------------------------------------------- */

table {
	font: 12px/20px helvetica, arial, sans-serif;
	}


/* FORMS
---------------------------------------------------- */

	
/* Utility 
-----------------------------------------------------*/
.clear:after, .col1:after, .col2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* trigger hasLayout and target ie5+6/win only */
* html .clear {height: 1%;}

/* trigger hasLayout and target ie7/win only */
*:first-child+html .clear { min-height: 1px;}

#preload { margin-left: -1000px}

/* Specific to my custom layouts
----------------------------------------------------*/



p { color:#5C5D60; font-size:13px;}
p.title { font-size:16px;}
p.underline-width { width: 100%; border-bottom:1px solid #cccccc;}
.float-left {float:left;}
/* General to Image Replace */
.replaced { position:relative;}
.replaces { position:absolute; left:0px; top:0px;}

.invisible { visibility:hidden;}
/*  Header  */

h1#veracross_id { width:340px; height:85px; overflow:hidden;}
h1#veracross_id span.replaces { width:340px; height:85px; background:url("../images/veracross_id.png") no-repeat;}

#page-header {position:absolute; left:0; top:85px;}
#header-background {position:absolute; top:-25px; left:0; }
#page-header #top {background:url("../images/header-top.png") no-repeat; width:911px; height:19px;}
#page-header #bottom { background:url("../images/header-main.gif") repeat-y; width: 911px; height:146px;}
.sub-pages #page-header #bottom {height:118px;}
#page-header #picture {position:absolute; top:0px;}
.sub-pages #page-header #picture { right:0px; top:-1px;}

#blurb { position:absolute; top:58px; right:-20px; color:#FFFFFF; font-family: helvetica, arial, sans-serif; } 
#blurb h3 {font-size:34px; margin:0 0 15px 27px; padding:0; width: 600px; font-weight:normal; letter-spacing:2px;}
#blurb p { font-size:20px; margin-left: 290px; color:#FFFFFF; }

.sub-pages #blurb { left: 48px; top:45px}
.sub-pages #blurb h3 { font-size:42px; font-weight:normal; margin:0 0 15px 0;}
.sub-pages #blurb p { font-size:19px; color:#FFFFFF; margin-left:0}

/* Main Navigation */

.nav a { text-decoration:none;}
.nav li { display:inline-block; }
#site-nav { position:absolute; top: 225px; left: 0px; width: 915px; height:37px;}
.sub-pages #site-nav { top:197px;}


#site-nav img.preload {display:none}
#site-nav #software a {background:url("../images/navbar/software_default.gif"); width:217px; height:34px;}
#site-nav #services a {background:url("../images/navbar/services_default.gif"); width:215px; height:34px;}
#site-nav #custom a {background:url("../images/navbar/custom_default.gif"); width:259px; height:34px;}
#site-nav #schools a {background:url("../images/navbar/schools_default.gif"); width:217px; height:34px;}

#site-nav #software a:hover, #site-nav #software a.selected {background:url("../images/navbar/software_active.gif"); width:217px; height:34px;}
#site-nav #services a:hover, #site-nav #services a.selected {background:url("../images/navbar/services_active.gif"); width:215px; height:34px;}
#site-nav #custom a:hover, #site-nav #custom a.selected {background:url("../images/navbar/custom_active.gif"); width:259px; height:34px;}
#site-nav #schools a:hover, #site-nav #schools a.selected {background:url("../images/navbar/schools_active.gif"); width:217px; height:34px;}

#site-nav li a { display:block }
#site-nav li { float:left; font-size:20px; border-right:1px solid #ddd; }
#site-nav li.last { padding-right:0px; border-right:none;}
#site-nav li a { color:#FFFFFF; }
#connect-nav { position:absolute; top: 20px; right: 0px; }
#connect-nav li {display:block; float:left}
#connect-nav li a { color:#6D6E71; font-size:16px; padding-left: 25px;}
#connect-nav li a:hover {color:#333333;}

/* Content */
#content { position:relative; top:176px;}
.sub-pages #content {top:149px;}
#page {  padding-bottom:20px; background-color:#ffffff; }


/* Optional Tweet */
#tweets { margin-top:16px; padding-top:15px; padding-bottom:10px; background-color:#FFFFFF; position:relative; }
.all-events { font-size: 12px; position:absolute; right:0px; display:block}
.all-events a { border-bottom:none}
#tweet-content {padding-left: 28px; width:95%; position:relative; height: 145px;}
.tweet { position:relative; padding-left: 50px; float:left; width: 230px; }
.tweet.first { padding-left: 30px}
.tweet .tweet-header p {font-weight:bold; color:#999999;}
.tweet .tweet-title {font-weight:bold; color:#555; }
.tweet .body { width: 230px }
.tweet .body .text { font-size: 12px; margin-top:-15px; color:#777777;}

/* Rounded Bottom Graphic*/
#page-bottom { height:19px; background:url("../images/bottom-box-bg.png") no-repeat;}

/* Footer */
#page-footer a { text-decoration:none; color:#1C75BC;}
#page-footer a:hover { color:#002D56;}
#page-footer { margin-top:15px;}
#page-footer ul.main { margin-left:50px; position:relative;}
#page-footer ul li.float-left { padding-right: 80px; position:relative; min-height:125px; vertical-align: top;}
#page-footer ul li.last {padding-right:0px; }
#page-footer ul li ul li.title a { font-weight:bold;}


/*  ------------------ PAGE SPECIFIC */
/* HOME */
#page-wrapper.home  { margin-left:25px; padding-top: 25px;}

.home #top-fold { margin-bottom: 10px; margin-top:10px; }
.home h1 { font-size:28px; font-weight:normal; color:#002D56; margin-bottom:15px }
.home h1 .color2 { color:#0e76bc;}
.home #features { width: 360px; padding-bottom: 30px; }
.home #features p { font-size:13px; color:#5C5D60}
.home #features a, .home .feature-module a { border:none; text-decoration:none; }
.home #features a img, .home .feature-module a img { border:none}
.home #features a img { margin-top:-5px; }

.home #features .btn {position:relative; margin-top: 5px;}
.home #features .btn p {position:absolute; top:0; left: 115px; color:#3366CC; font-weight:bold }

.home #features, #showcase { float:left }
.home #feature_2 { margin-top: 45px;}
.home #showcase {margin-left: 60px; margin-top:5px }
.home #showcase p {text-align:right; margin-right: 20px; font-size: 10px}

.home #bottom-fold {border-top:1px solid #ddd; width:860px }
.home .feature-module {width:168px; margin-left: 30px; padding-right: 30px; float:left; border-right: 1px solid #ddd;
 margin-top:15px;  }
.home .first {margin-left: 0;}
.home .last {margin-right:0; padding-right:0; border-right:none}

.home .feature-icon {width:60px}
.home .feature-title {width: 7px}
.home .top-pair {width:158px; height: 60px}
.home .top-pair div { float:left}
.home .top-pair .feature-icon {padding-right:15px;}
.home .top-pair p {color:#3366cc; font-size:14px; font-weight:bold; margin: 10px 0 0 0;}

.home #experience img { padding-top:10px;}

.home .bottom p {color:#5C5D60; font-weight: normal;}

/* SUB PAGE - GENERAL */

/* SUBnav*/

/*main buttons*/
.sub-page #sidebar-nav a { text-decoration:none;}
.sub-page #sidebar-nav { background:url("../images/sidebar-bg.gif") repeat-y; position:relative; margin-left:17px; padding-top:7px; }
.sub-page #sidebar-nav img {position:absolute; bottom:0px; left:0px}

.sub-page ul.main {width:149px;}
.sub-page #sidebar-nav li {border-top: 1px solid #ccc;}

.sub-page li a { padding-left:13px; color:#444; display:block; padding-top:5px; padding-bottom:5px;}
.sub-page li a:hover { background-color:#ccc;}

.sub-page li.first { border-top: none; text-transform:uppercase;}
.sub-page li.first a {font-weight:bold; color:#002D56; }
.sub-page li.first a:hover {background-color:transparent;}

.sub-page li.first a {  padding-left:0px;}
.sub-page li.selected a {background-color:#FFF; color:#002D56; font-weight:bold;}
.sub-page li.selected a.with-selected-child { background-color:transparent; font-weight:bold;  }

/* sub buttons*/
.sub-page ul.sub { padding-bottom:0px; margin-bottom:0px; display:none;}

.sub-page li.selected li a { color:#444; font-weight:normal;}
.sub-page li.selected li:hover {  border-left:1px solid #999; background-color:#ccc; }

.sub-page li.selected li:hover a {color:#002D56; margin-left:19px; }
.sub-page ul.sub li.selected:hover a {margin-left:20px;}

.sub-page li.selected ul { display:block;}

.sub-page ul.sub li a { border-bottom:none; background-color:transparent; }
.sub-page ul.sub li a { padding-top:2px; padding-bottom:2px; margin-left:20px;}

.sub-page ul.sub li { border:none;  background-color:#eee}
.sub-page ul.sub li.selected {background-color:#FFF; border-left:1px solid #ccc; }
.sub-page ul.sub li.selected a { color:#002D56;}

.custom .selected { background-color:#FFF; color:#002D56;  font-weight:bold; }

/* SUB PAGE CONTENT */
.sub-page #main-content { padding-top: 20px; }
.sub-page #ul-w-headers { margin-left:20px}
#main-content img { width:500px;border: 1px solid #ccc;}
#main-content .screenshot a { border:none; }
#main-content .screenshot a:hover img {border: 1px solid #999;}
#main-content .screenshot { border: 5px solid #ddd;width:502px;}
.sub-page h1, .sub-page h2 { color:#1C75BC; font-size:16px; margin-bottom:3px; border-bottom:none;}
.checks #main-content h1 { font-size:24px; color:#002D56; margin-bottom:9px;}
.sub-page .text-area { width:529px;  }
.sub-page .text-area ul { list-style-type:disc; padding-left:40px}
.sub-page .text-area li {border:none, margin-left: 10px; color:#5C5D60}
.sub-page .screenshots {margin-left:40px}
/* SIDE BAR - RIGHT */
.sub-page #right-bar {  border-left: 1px solid #ccc; margin-left: -1px; }
.sub-page #modules #right-bar { border-left:none}
.sub-page #right-bar div.icons { margin-top:10px; margin-left: 12px; padding-bottom:17px;}
.sub-page #right-bar div.callout { padding-left:17px; border-top:1px solid #ccc; width: 140px; padding-top: 13px; line-height: 17px; }
.sub-page #modules #right-bar div.callout {border-top:none}
.sub-page .callout .quoted { text-align:right}
.sub-page  .span-18 {width:735px;}
.sub-page  #right-bar {width:170px; }

.sub-page #quote p {margin: 0; padding:0;}
.sub-page .the_quote { font-style:italic; }
.sub-page .person_name, .sub-page .person_role, .sub-page .school_type {text-align:right;}
/* Icons*/
p.with-icon { margin-bottom:7px;}

.with-icon { position:relative;}
.icon {position:absolute; background:url("../images/icons.gif") no-repeat; width:19px; height:19px; margin-top:2px;}
.request { background-position:-1.5px -2px;}
.email {background-position:-45px -2px;}
.phone {background-position:-66px -2px;}
.check {background-position:-23px -2px;}

span.after-icon { margin-left:26px; }
span.after-icon a { color:#002D56; border-bottom:none; font-size:12px;}
span.after-icon a:hover { border-bottom:1px dotted #1c75bc;}
p.phone a:hover { cursor:default; border-bottom:none }

/* Callout */
.sub-page .callout p {color:#1C75BC; }

/* CHECKS PAGE BOTTOM CONTENT */
.sub-page #bottom-content {  padding-top:10px;  border-top: 1px solid #ccc; padding-bottom:35px;}
.with-image-only #bottom-content { border-top:none;}
.sub-page #bottom-content .list ul { margin-left: 15px;}
.sub-page #bottom-content .list { margin-left:10px; padding-left:20px; }
.checks #bottom-content .list li { background:url("../images/check.gif") no-repeat;  padding-left: 20px; border:none; color:#5C5D60; font-size:13px;}
.list p {margin-bottom:0; padding-bottom:0; }

.sub-page .screenshot-no-js p { margin-left:100px}


/*IMAGES ONLY*/
.image-only .feature {float:left;}


/* FORM PAGES */
.form_content { margin-left: 10px; margin-top:20px; }
.form .title { color:#333; font-weight:bold}
.form_content h2 { border-bottom:1px solid #DDDDDD; width: 535px; color:#1C75BC; margin:0 0 10px; }
.form_content h1 {text-size:20px}
.form #top-section {width:535px; padding-bottom:10px;}

.form .field-entry {width:250px; position:relative}
.form .field {position:absolute; right:0 }


.form #bottom-section {margin-top: 10px;}
.form #bottom-section .field-entry { float:left;}

.form #last-entry {width:525px; padding-left: 10px; margin-top:20px; margin-bottom:20px }
.form .person_info, .person_more { width: 170px }
.form .field-entry {padding:10px 10px 10px 10px;}

.your_email input {width:250px;}
.email-area {width: 525px; }

/* About pages */

#right-bar #contact-info {
margin-left: 15px;margin-top: 20px;
}

.events .event-entry {width:450px; margin-left: 10px}
.events .title-line {border-bottom:1px solid #ddd}
.events b.title { font-size:14px}
.events .event-body { margin-top: -12px; margin-left:5px; padding-bottom: 20px }

/* MODULES IMAGE ADD ON----------------------

*/

#modules-image {margin: 10px 0 0 30px; position:relative;}
#modules-image a {display:block; width:100%; height:100%; border:none; outline:none; text-decoration:none }
#modules-image .div-link {position:absolute;background:url(../images/blank.gif)}

#modules-image .caption {text-size:11px; color:#999; width:580px; text-align:right}
#modules-image #image-map { position:absolute; left:0; top:50px }

#modules-image #database {width:120px; height:282px; left:22px; top:0}
#modules-image #portals {width:120px; height:66px; left:150px; top:0}
#modules-image #admin {width:120px; height:212px; left:150px; top:70px;}

#modules-image .module {width: 145px; height:28px; left:0;}

#modules-image #left-column {position:absolute; left:280px; top:0;  }
#modules-image #right-column {position:absolute; left:430px; top:0; }

#modules-image #teacher {top:0;}
#modules-image #parent {top:34px;}
#modules-image #core-admin {top:72px;}
#modules-image #admissions {top:107px;}
#modules-image #development{top:145px;}
#modules-image #scheduling {top:181px;}
#modules-image #academics{top:218px;}
#modules-image #programs{top:254px;}

#modules-image #student {top:0;}
#modules-image #alumni {top:34px;}
#modules-image #international{top:72px;}
#modules-image #boarding{top:107px;}
#modules-image #enrollment {top:145px;}
#modules-image #employment{top:181px;}
#modules-image #accounting{top:218px;}
#modules-image #billing{top:254px;}