/* Guide to Online Schools CSS Document */

/* MAIN STYLES */

html, body {
margin: 0px;
padding: 0px;
background-color: #7B868C;
}

p {
margin: 0 0 10px 0;
}


a {
color: black;
}

a:hover {
text-decoration: none;
}

a#highlight {
color: #B50404;
}

a:hover#highlight {
color: #AD5F5F;
}

.clear {
clear: both;
}

hr {
margin-right: 8px;
  margin-bottom: 10px;
  height: 0px; 
  border: dashed #D9D9D9 0px; 
  border-top-width: 1px;
}

form {
margin: 0px;
}

img {
border: 0px;
}

/* TOP NAVIGATION */

.topnavwrap {
width: 986px;
text-align: right;
background-image: url("/images/header-leftnav-site.gif");
background-repeat: no-repeat;
background-position: left;
}

.topnav {
width: 104px;
text-align: center;
}

.topnav a {
width: 104px;
padding-top: 5px;
padding-bottom: 3px;
display: block;
background-image: url("/images/nav-back.gif");
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: white;
text-decoration: none;
}

.topnav a:hover {
background-image: url("/images/nav-over.gif");
}
 
.topnavwide {
width: 120px;
text-align: center;
}

.topnavwide a {
width: 120px;
padding-top: 5px;
padding-bottom: 3px;
display: block;
background-image: url(/images/nav-back-wide.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: white;
text-decoration: none;
}

.topnavwide a:hover {
background-image: url(/images/nav-over-wide.gif);
}
 

/* SIDE */

.side {
padding: 12px;
background-color: white;
}
 

/* SEARCH OPTION 2 */

.search {
margin-left: 4px;
}

.searchbackground {
background-color: #A4C5DC;
background-image:url(/images/search-back-2.gif);
background-position: top center;
background-repeat: no-repeat;
}


.search td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000033;
}

.search h2 {
margin: 0px;
font-size: 12px;
color: #000033;
}

.search form {
margin: 0px;
margin-left: 6px;
}

.search input, .search select {
font-size: 11px;
margin-top: 3px;
margin-bottom: 3px;
}


/* SEARCH BOX HOME */

#search-home {
margin: 0px;
margin-top: -6px;
padding: 6px;
border: 1px solid #F57E2F;
background-color: #F5B031;
background-image: url(/images/search-foot-back.gif);
background-repeat: repeat-x;
background-position: bottom;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#E03F09;
}

#search-home h2 {
font-family: Arial, Helvetica, sans-serif;
color: #E03F09;
font-size: 20px;
font-weight: normal;
margin: 0px;
margin-bottom: 3px;
margin-left: -1px;
}

#search-home input, #search-home select {
margin: 0px;
font-size:11px;
}




/* SIDE NAV */


#sidenav {
margin-left: 4px;
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
width: 216px;
}

#sidenav h2 {
margin: 0px;
}

#sidenav ul {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 15px;
}
#sidenav li {
margin: 0;
}

#sidenav ul li a {
display: block;
/*margin-top: 15px;*/
padding: 5px 10px;
font-size: 12px;
font-weight: bold;
color: #686A70;
text-decoration: none;
height: 100%;
background-image:url(/images/snav-head.gif);
}

#sidenav ul li a:hover, #sidenav ul li a:active  {
background-image:url(/images/snav-head-over.gif);
}

#sidenav ul ul li a {
display: block;
margin-top: 0px;
padding: 3px 0px 3px 20px;
font-size: 11px;
font-weight: normal;
text-decoration: none;
height: 100%;
border-bottom: 1px dashed #D2D3D4;
background-color:#FFFFFF;
background-image:url(/images/snav-bullet.gif);
background-repeat: no-repeat;
background-position: 8px center;
}
 
#sidenav ul li span {
display: block;
/*margin-top: 15px;*/
padding: 5px 10px;
font-size: 12px;
font-weight: bold;
color: #686A70;
text-decoration: none;
height: 100%;
background-image:url(/images/snav-head.gif);
}

#sidenav ul ul li a:hover, #sidenav ul ul li a:active  {
background-image:url(/images/snav-back-over.gif);
background-position: left center;
background-repeat: repeat-x;
}



.content {
background-color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: black;
padding-right: 12px;
}

.content h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
line-height: 26px;
color: #2D455C;
font-weight: normal;
margin: 0px;
margin-bottom: 4px;
margin-top: 7px;
}

h1.home {
font-size: 24px;
}

.content h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FF9900;
margin: 0px;
margin-bottom: 7px;
}


/* FOOTER */

.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: white;
line-height: 16px;
}

.footergrey {
background-color: #DCDDDE;
padding: 7px;
}

.footerlinks {
padding: 7px;
}


/*  Buttons */

#button {
font-family: Arial, Helvetica, sans-serif;
width: 235px;
margin-left:8px;
}

#button ul {
list-style: none;
margin: 0px;
padding:0px;
}

#button li {
margin: 0;
}

#button ul li a {
display: block;
color: black;
text-decoration: none;
height: 100%;
padding: 15px 5px 15px 45px;
line-height: 13px;
background-repeat: no-repeat;
background-position: center center;
text-align: left;
}

/* keep span and a the same */
#button ul li span {
display: block;
color: black;
text-decoration: none;
height: 100%;
padding: 15px 5px 15px 45px;
line-height: 13px;
background-repeat: no-repeat;
background-position: center center;
text-align: left;
}

#faq a {
background-image:url(/images/but-bulb.gif);
cursor:default;
}

#faq a:hover, #faq a:active  {
cursor:default;
}


#career a {
background-image:url(/images/but-people.gif);
cursor:default;
}

#career a:hover, #career a:active  {
cursor:default;
}
 
#overview a {
background-image:url(/images/but-folder.gif);
}

#overview a:hover, #overview a:active  {
background-image:url(/images/but-folder-over.gif);
}


#training a {
background-image:url(/images/but-cap.gif);
}

#training a:hover, #training a:active  {
background-image:url(/images/but-cap-over.gif);
}


#salary a {
background-image:url(/images/but-case.gif);
}

#salary a:hover, #salary a:active  {
background-image:url(/images/but-case-over.gif);
}


#special a {
background-image: url(/images/but-pen.gif)
}

#special a:hover, #special a:active  {
background-image:url(/images/but-pen-over.gif);
}

#educate a {
background-image: url(/images/but-educate.gif)
}

#educate a:hover, #educate a:active  {
background-image:url(/images/but-educate-over.gif);
}


#finance a {
background-image: url(/images/but-finance.gif)
}

#finance a:hover, #finance a:active  {
background-image:url(/images/but-finance-over.gif);
}

#learnmore a {
background-image: url(/images/but-learnmore.gif)
}

#learnmore a:hover, #learnmore a:active  {
background-image:url(/images/but-learnmore-over.gif);
}



/* Section Overviews CONTENT */


.intro {
border-right: 1px dashed #D9D9D9;
padding-right: 8px;
}

/* YELLOW BLOCK Program List */

#programs {
font-family: Arial, Helvetica, sans-serif;
background-color: #FFF3CB;
padding: 7px;
margin: 7px;
margin-left: 0px;
}

#programs a {
color: #FF9900;
}

#programs ul {
list-style: none;
margin: 0px;
margin-top: -3px;
padding:0px;
}

#programs li {
margin: 0;
}

#programs ul li a {
display: block;
padding: 0px 20px;
color: black;
text-decoration: none;
height: 100%;
background-image:url(/images/bullet-yellow.gif);
background-repeat: no-repeat;
background-position: 8px center;
}

#programs ul li a:hover, #programs ul li a:active  {
color: #FF0000;
}


/* HOME PAGE Program Lists */

#program-list {
padding-top: 10px;
padding-right: 0px;
}

#program-list a{
color: #142956;
text-decoration: none;
}

#program-list a:hover{
color: #46A2D2;
}

#program-list table {
color: #142956;
margin-left:0px;

}

#program-list td {
padding: 10px;
padding-bottom: 8px;
line-height: normal;
}

#program-list td.topR {
border-top: 1px dashed #D9D9D9;
border-right: 1px dashed #D9D9D9;
}

#program-list td.top {
border-top: 1px dashed #D9D9D9;
}

#ptitle {
margin-top: -6px;
margin-right: -6px;
margin-left: -6px;
margin-bottom: 3px;
}

#ptitle a {
display: block;
height: 100%;
padding: 4px;
background-color: #EFF2F4;
text-decoration: none;
}


#ptitle a:hover {
color: #142956;
background-color: #CFDBE3;
}

#program-list td.sidetop {
border: 1px dashed #D9D9D9;
}

#program-list td.side {
border: 1px dashed #D9D9D9;
border-top: 0px dashed #D9D9D9;
}

#list {
margin-left: 8px;
margin-bottom: 4px;
margin-right: 2px;
}

#list ul {
margin: 0px;
margin-left:4px;
padding: 0px;
list-style: none;
}

#list li {
margin: 0px;
padding-left: 20px;
background-image:url(/images/bullet-yellow.gif);
background-repeat: no-repeat;
background-position: 10px 0.8em;
}

.landing { 
padding-right: 10px;
padding-left: 15px;
background-image:url(/images/dash-vertical.gif);
background-repeat: repeat-y;
background-position: top right;
}

.long { display:none; }

.rside a {
color: black;
text-decoration: none;
}

.rside a:hover {
color: #FF0000;
text-decoration: none;
}



/* School Lists */

.schoolhead {
margin-top: 10px;
background-image: url(/images/blue-header-730.gif);
background-repeat: no-repeat;
background-position: center left;
font-family: Arial, Helvetica, sans-serif;
color: #2D455C;
padding-top: 11px;
padding-bottom: 11px;
}

.schoolhead h3 {
font-size: 16px;
color: #2D455C;
margin: 0px;
margin-left: 15px;
}

.school {
border: 1px solid #D9D9D9;
margin-top: 5px;
}

.school a:hover {
color: #46A2D2;
}

.main {
padding: 7px;
border-right: 1px dashed #D9D9D9;
}

.main img {
border: 0px;
padding: 15px;
padding-left: 10px;
}

.sprograms {
background-color: #EFF2F4;
border: 3px solid white;
padding: 7px;
}

.sprograms td {
margin-right: 20px;
}

.sprograms h4 {
font-size: 12px;
color: #41546E;
margin: 0px;
}

.sprograms ul {
list-style: none;
margin: 0px;
padding:0px;
}

.sprograms li {
margin: 0;
}

.sprograms ul li  {
display: block;
padding: 0px 20px;
color: black;
text-decoration: none;
height: 100%;
background-image:url(/images/bullet-blue.gif);
background-repeat: no-repeat;
background-position: 8px center;
}

.sprograms ul li a:hover, .sprograms ul li a:active  {
color: #46A2D2;
}

.footwrap {
border-right: 1px dashed #D9D9D9;
}

.foot {
margin-top: 5px;
background-image: url(/images/school-foot-back.gif);
background-repeat: repeat-x;
background-position: bottom;
}

.foot img {
border: 0px;
}

.foot a{
color: #80878A;
text-decoration: none;
font-weight: bold;
}

.pad10 {
padding:10px;
}

.rdashbdr{
border-right: 1px dashed #D9D9D9;
}

.ldashbdr{
border-left: 1px dashed #D9D9D9;
}

.tbdr{
border-top: 1px solid #D9D9D9;
}

/* Career Overview Content Area */

.career-intro {
padding: 0px 0px 10px 0px;
}

.careerspace {
margin-bottom: 7px;
}

.button-position {
float: left;
}

.overview-career {
margin-bottom: 7px;
padding: 8px;
border: 1px solid #D9D9D9;
background-image: url(/images/school-foot-back.gif);
background-repeat: repeat-x;
background-position: bottom;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
}

.overview-career h2 {
font-family: Arial, Helvetica, sans-serif;
color: #6D879C;
font-size: 22px;
font-weight: normal;
margin: 0px;
margin-bottom: 8px;
margin-top: 5px;
}

a.search  {
color: #FF6600;
text-decoration: none;
font-weight: bold;
background-color: none;
background-image: none;
}

a:hover.search {
color: #E03F09;
}

.request {
margin: 8px;
margin-bottom: 18px;
margin-right: 0px;
padding: 8px;
border: 1px solid #D9D9D9;
background-color:#EFF2F4;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.request img{
border: 2px solid #ffffff;
}

.request h2 {
font-family: Arial, Helvetica, sans-serif;
color: #6D879C;
font-size: 22px;
font-weight: normal;
margin: 0px;
margin-bottom: 8px;
margin-top: 5px;
}

.rside img {
margin-top: 20px;
margin-bottom: 10px;
}

#ltitle {
display: block;
padding: 4px;
background-color: #D1E2EF;
font-weight: bold;
}

#ltitle_orange {
display: block;
padding: 4px;
background-color:#FFE89B;
font-weight: bold;
color:#E03F09;
border: 1px solid #F57E2F;
}

.lside {
padding-left: 8px;
}

.lside table {
border: 1px solid #B8B8B8;
margin-top: 10px;
}

.lside h2 {
margin: 0px;
font-size: 14px;
}

.lside h2 a{
text-decoration: none;
color: #536E82;
}

.lside img {
border: 0px;
}


#llink a{
display: block;
border-top: 1px solid #B8B8B8;
background-color: #F2F3F5;
color: #336699;
text-decoration: none;
}

#llink a:hover{
color: #072C52;
}

.school_link_red a{
color:#990000;
}

.school_link_red a:hover{
color:#CC0000;
}



#schoolheadfeature {
background-image: url(/images/schoolhead-featured-back.gif);
background-repeat: no-repeat;
background-position: center center;
font-family: Arial, Helvetica, sans-serif;
color: #E03F09;
padding-top: 11px;
padding-bottom: 10px;
}

#schoolheadfeature h2 {
margin: 0px 0px 4px 0px;
font-size: 14px;
color: #E03F09;
}

#school-feature { /*Programs Page */
border: 1px solid #B8B8B8;
}

.feature-side {
padding-left: 4px;
padding-right: 4px;
}

.feature-side h2 a{
text-decoration: none;
color: #536E82;
}

.feature-side img {
border: 0px;
}
/* resources */

.resource-links-border {
margin-top: 7px;
margin-bottom: 7px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
.columns-head {
margin: 0px;
background-image: url(/images/blue-header-730.gif);
background-repeat: no-repeat;
background-position: left;
font-family: Arial, Helvetica, sans-serif;
color: #2D455C;
padding-top: 13px;
padding-bottom: 13px;
}

.columns-head h3 {
font-size: 14px;
color: #2D455C;
margin: 0px;
margin-left: 15px;
}

.reviewintro {
padding-right: 10px;
}

.reviewintro hr {
margin-bottom: 5px;
}

.reviewintro img {
margin-bottom: 7px;
margin-right: 10px;
}

.rside img {
margin-top: 20px;
margin-bottom: 10px;
}

.review {
margin-top: 6px;
padding: 8px;
border: 1px solid #D9D9D9;
background-color: white;
background-image: url(/images/review-back.gif);
background-repeat: no-repeat;
background-position: bottom right;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.review h2 {
font-family: Arial, Helvetica, sans-serif;
color: #6D879C;
font-size: 22px;
font-weight: normal;
margin: 0px;
margin-bottom: 8px;
margin-top: 5px;
}

.review h3 {
font-family: Arial, Helvetica, sans-serif;
color: #46484A;
font-size: 12px;
margin: 0px;
margin-bottom: 12px;
}

.reviewrated {
weight: normal;
font-size: 90%;
color: #EB6228;
}

#quick-review a{
display: block;
padding: 5px;
margin: 3px;
border: 1px dashed #D9D9D9;
color: #336699;
text-decoration: none;
}

#quick-review a:hover{
color: #072C52;
background-image: url(/images/school-foot-back.gif);
background-repeat: repeat-x;
background-position: bottom;

}

.reviewcomment {
float: left;
width: 150px;
font-size: 11px;
}

.reviewstars {
padding-top: 5px;
border-top: 1px solid #D9D9D9;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#star-spot {
float: left;
width: 150px;
}

#campus-title {
padding: 5px;
background-color: #D1E2EF;
}

#programselect {
float: right;
width: 250px;
margin-top: -3px;
font-weight: normal;
text-align: right;
}

/* NEW CODE ENDS*/

.lintro {
padding:0px 0px 12px 0px;
}

.lintro hr {
margin-bottom: 0px;
}

#listings {
padding-left: 0px;
}

#listings td {
border-bottom: 1px solid white;
background-color: #F2F3F5;
}

/* NEW CODE 28.01.09 */

#listings td.sorting {
background-color: #D1E2EF;
}

/* END NEW CODE */

#listings table {
border: 1px solid #D1E2EF;
border-top: 1px solid white;
margin-bottom: 8px;

}

#ltitle {
display: block;
padding: 4px;
background-color: #D1E2EF;
font-weight: bold;
}

#ltitle_orange {
display: block;
padding: 4px;
background-color:#FFE89B;
font-weight: bold;
color:#E03F09;
border: 1px solid #F57E2F;
}

.lside {
padding-left: 8px;
}

.lside table {
border: 1px solid #B8B8B8;
margin-top: 10px;
}

.lside h2 {
margin: 0px;
font-size: 14px;
}

.lside h2 a{
text-decoration: none;
color: #536E82;
}

.lside img {
border: 0px;
}


#llink a{
display: block;
border-top: 1px solid #B8B8B8;
background-color: #F2F3F5;
color: #336699;
text-decoration: none;
}

#llink a:hover{
color: #072C52;
}

.school_link_red a{
color:#990000;
}

.school_link_red a:hover{
color:#CC0000;
}

#schoolheadfeature {
background-image: url(/images/schoolhead-featured-back.gif);
background-repeat: no-repeat;
background-position: center center;
font-family: Arial, Helvetica, sans-serif;
color: #E03F09;
padding-top: 11px;
padding-bottom: 10px;
}

#schoolheadfeature h2 {
margin: 0px 0px 4px 0px;
font-size: 14px;
color: #E03F09;
}

#school-feature { /*Programs Page */
border: 1px solid #B8B8B8;
}

.feature-side {
padding-left: 4px;
padding-right: 4px;
}

.feature-side img {
border: 0px;
}
/* resources */

.resource-links-border {
margin-top: 7px;
margin-bottom: 7px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
.columns-head {
margin: 0px;
background-image: url(/images/blue-header-730.gif);
background-repeat: no-repeat;
background-position: left;
font-family: Arial, Helvetica, sans-serif;
color: #2D455C;
padding-top: 13px;
padding-bottom: 13px;
}

.columns-head h3 {
font-size: 14px;
color: #2D455C;
margin: 0px;
margin-left: 15px;
}

.school-features-border {
border: 1px solid #D9D9D9;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Top Level Blurb Text */
.blurb_text {
color:#000000; 
font-family:Verdana, Arial; 
font-size:13px; 
margin-top:0px; 
}

/* ---------------------------
Below are the basic set of styles that should be used in combination to build correct style elements.
They should be sufficiently atomic and descriptive so they can be used everywhere throughout the site.
--------------------------- */

/* section element.  used to create bars that separate different sections of the page. */
.section {
font-weight: bold;
font-size: 13px;
margin-top: 12px;
}

/*
 * begin addition for school locations on landing pages
 * darrik (2009.03.27)
 */
div.school_location_container {
  border-top: 1px solid #ccc;
  margin-top: 10px;
  margin-left: 15px;
  padding-top: 10px;
  padding-bottom: 5px;
}

div.school_location {
  margin-top: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #bad5dc;
}

div.school_location h3 {
  margin: 0px;
}
/*
 * end addition for school locations
 */

/* this is used for the stars in the section box */
.section img {
float: right;
margin: 5px;
}

/* yellow box.  used to create a yellow box with yellow gradient background.  used for section bars.  */
.box-y {
color: #E36E14;
border: 1px solid #FAE2B1;
background-image: url("/images/reviewtitle-back.gif");
background-position: bottom;
background-repeat: repeat-x;
padding: 8px;
}

/* blue box.  used to create a blue box with blue gradient background.  used for section bars.  */
.box-b {
border: 1px solid #A9C8DD;
background-image: url("/images/recommend-back.gif");
background-position: bottom;
background-repeat: repeat-x;
padding: 8px;
}

.margin-sm {
margin-top: 6px;
}

.margin-lg {
margin-top: 12px;
}

.margin-b-lg {
margin-bottom: 12px;
}

.pad-lg {
padding: 12px;

/*
 * form styles from landing_styles.css
 * (darrik 2009.04.13)
 */
.form_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: auto;
	height: auto;
	text-align:justify;
	padding-top: 10px;
	padding-right: 40px;
	padding-left: 15px;
}
.form_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: auto;
	text-align: right;
	vertical-align: auto;
	padding-right: 10px;
}
.form_field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: auto;
	height: auto;
  padding-right:10px;
}
.form_select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 245px;
	height: auto;
}
.form_edit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color:#FFFF99;
	width: 240px;
	height: auto;
}
.form_select_sm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 120px;
	height: auto;
}
.form_edit_sm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFF99;
	width: 120px;
	height: auto;
}
td.form_error, span.form_error {
	color: red;
	font-style: italic;
	text-align:left;
}