/***
 *** General style
 ***/
body {
	background-image: url(images/bg.gif);
}

body, td {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

#header {
	margin-top: 15px;
}

a:link, a:visited {
	color: #5E6F82;
}

a:hover {
	text-decoration: underline;
	color: #B5332B;
}

a:active {
	color: #B5332B;
}

h2 {
	margin: 23px 20px 8px 20px;
	font-size: 16px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

h3 {
	margin: 23px 20px 8px 20px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h3, b, strong {
	font-weight: bold;
	color: #50596D;
}

h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
	text-decoration: none;
}
.learn-more, .learn-more a {
	font-weight: bold;
	text-decoration: none;
}
td p, td table {
	margin: 5px 23px;
}
td {
	vertical-align: top;
}

input {
	width: 267px;
}
select {
	width: 267px;
}
textarea {
	width: 267px;
	height: 125px;
}
input.button {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #2678A7;
	border:1px solid;
	border-top-color:#EFF4F1;
	border-left-color:#EFF4F1;
	border-right-color:#EFF4F1;
	border-bottom-color:#EFF4F1;
	color: #FFFFFF;
	margin-right: 1em;
	width: 9em;
	height: 2em;
}
/***
 *** Red/Blue block styles 
 ***/

.red-block-top, .red-block-bottom, .red-block-middle {
	color: #fff;
}

#splash-panel h2 a {
	color: #fff;
}
#splash-panel a {
	text-decoration: none;
	display: block;
	color: #fff;
}

#splash-panel li.learn-more a:hover, li.learn-more a:hover {
	text-decoration: underline;
}


.red-block-top {
	background-color: #B5332B;
	border-left: #575A5C solid 1px;
}
.red-block-middle {
	background-color: #A92E27;
	border-left: #575A5C solid 1px;
}
.red-block-bottom {
	background-color: #9A2B25;
	border-left: #575A5C solid 1px;
}

#splash-panel ul {
	list-style-type: none;
	padding-left: 3em;
	padding-right: .5em;
	margin: 0 0 1em 0;
}

#splash-panel li {
	background-image: url(images/bullet-white-square.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 1em;
	padding-bottom: .3em;
	
}
#splash-panel li.learn-more {
	background-image: url(images/bullet-white-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1em;
	margin-top: 0.8em;
}

.red-block-gradient {
	border-left: #575A5C solid 1px;
	background-image: url(images/block-red-gradient.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	vertical-align: top;
	background-color: #AB2A25;
}

.blue-block-right {
	background-color: #EEEFE5;
	background-image: url(images/teacher-and-student.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	vertical-align: top;
	border-right: #575A5C solid 1px;
	width: 416px;
}

.blue-gradient {
	background-image: url(images/block-blue-gradient.gif);
	background-position: top left;
}
.parent-child {
	background-image: url(images/block-right-parent-child.jpg);
	background-position: top left;
}

.teacher-student {
	background-image: url(images/block-right-teacher-student.jpg);
	background-position: top left;
}

.student-on-laptop {
	background-image: url(images/block-right-student-on-laptop.jpg);
	background-position: top left;
}

/***
 *** General content styles 
 ***/
#content {
	border-left: #575A5C solid 1px;
	border-right: #575A5C solid 1px;
}

#content ul {
	list-style-type: none;
	padding-left: 2.5em;
	padding-right: .5em;
	margin: 0;
}

#content li
{
	background-image: url(images/bullet-blue-square.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 1em;
	padding-bottom: .3em;
}

#content li.learn-more {
	background-image: url(images/bullet-blue-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1em;
	margin-top: .5em;
}

.content {
	background-color: #fff;
}

.content-middle, .content-right, .content-left {
	padding-bottom: 15px;
}

.content-middle, .content-right {
	background-color: #EEEFE5;
}

#content h2 {
	font-size: 14px;
	color: #47403A;
}
#content h2 a {
	color: #47403A;
}

#content .learn-more, #content .learn-more a {
	color: #415F7C;
	text-decoration: underline;
}
.divider-vertical {
	background-color: #D5DDD8;
}
#content p img {
	margin: 0px -5px;
}

/***
 *** Content left styles 
 ***/
p.news {
	margin-bottom: 15px;
}

/***
 *** Footer styles 
 ***/
#footer {
	margin-bottom: 15px;
	text-align: center;
	border-left: #575A5C solid 1px;
	border-right: #575A5C solid 1px;	
	
}

#footer a {
	text-decoration: none;
	color: #79827C;
}

#footer a:hover {
	text-decoration: underline;
	color: #79827C;
}

#footer-top {
	background-color: #D5DDD8;

}
#footer-bottom {
	height: 44px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #EFF4F1;
	color: #79827C;
	text-align: center;
	vertical-align: middle;
}

#utility {
	padding: 10px 5px;
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	color: #E3DDD3;
}

#utility a {
	font-weight: bold;
	color: #E0DAD6;
	text-decoration: none;
}

#utility a:hover {
	text-decoration: underline;
}

table.pricing {
	font-size: 11px;
	width: 100%;
}

table.pricing th, table.pricing td {
	border: 1px solid white;
	padding: 5px;
	vertical-align: top;
	text-align: left;
}

table.pricing th {
	background-color: #EEEFE5;
	white-space: nowrap;
}

table.pricing td {
	background-color: #EFF4F1;
	width: 100%;
}

.error, h2.error {
	color: #CC0000;
}

strong.error {
	padding-bottom: 5px;
	padding-top: 5px;
	display: block;
}

/* CSS Boxes */
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(images/demobox.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 210px !important; /* intended total box width - padding-right(next) */
    width: 195px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 20px 0 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

.cssbox_body p { margin: 0 0 5px 0; padding: 0; }

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 15px; /* interior-padding right */ 
    padding: 10px 0 25px 25px; /* mirror .cssbox_head right/left */ 
}