@charset "utf-8";
/* CSS Document */

@import "global.css";

#content { border: 1px solid #65b71b; background:url(images/bg_base_green.jpg) no-repeat left bottom; padding-bottom: 390px;}

#side_content { margin-bottom: 30px;}

/* = main_content  ------------------------------------------------------------------------- */

#main_content { padding: 0 30px 0 0; width: 536px;}
#content_heading { height: 25px; background-color:#65b71b; margin-bottom: 15px;}

#main_content h1 { color: #65b71b; font-size: 230%; font-family:Arial, Helvetica, sans-serif; text-transform: capitalize; display: block; vertical-align:top; padding: 0 5px; margin-bottom: 10px;}
#main_content h1 span { font-size: 60%; text-transform:capitalize; display:block; line-height:1em;}

#main_content h2 { color: #fff; font-size: 200%; font-family:Arial, Helvetica, sans-serif; text-transform: capitalize; padding: 5px 0 0 5px; height:auto;}

#main_content img {display: inline;}

#main_content p { color: #7f7f7f; font-size: 120%; line-height: 1.5em; margin-top:0; margin-bottom:1.5em;}

#main_content p.list_title{ color:#4ab1ce; text-transform:uppercase; font-size: 140%; line-height: normal; margin-bottom: .5em; margin-top: 0;}
#main_content ul { color: #7f7f7f; font-size: 120%; line-height: 1.9em; margin-left: 5px; margin-bottom:1.5em;}
#main_content ul li { background:url(images/checkbox_blue.jpg) no-repeat left 3px; padding-left: 2em;}

#main_content ol {  color: #7f7f7f; font-size: 120%; line-height: 1.4em; margin-left: 25px; margin-bottom:1.5em; list-style-type:lower-alpha; width: 80%;}
#main_content li { padding-bottom: .5em;}

#main_content dl{ color: #7f7f7f; font-size: 120%; margin-left: 5px; margin-bottom:1.5em; line-height: 1.7em;}
#main_content dl dt { font-weight: bold; font-size: 110%;}
#main_content dl dd { margin-left: 1em; margin-bottom: .5em;}

#main_content #sitemap ul li{ background:none; padding:0px; margin:0px;}
#main_content #sitemap ul li a{text-decoration:none; font-size:16px;}
#main_content #sitemap ul li a:hover{color:#eda325;}
#main_content #sitemap ul li ul li{font-size:12px; font-weight:bold; margin-left:15px;}
#main_content #sitemap ul li, #main_content #sitemap ul li ul, #main_content #sitemap ul li ul li ul li, #main_content #sitemap ul li ul li ul{margin:0px; padding:0px;}
#main_content #sitemap ul li ul li ul li{list-style:square; margin:0px 0px 0px 30px; padding:0px; color:#eda325}
#main_content #sitemap ul li ul li ul li a{font-size:11px; padding:0px; margin:0px;}

#tableinfo{ margin: auto; width: 100%;}

table {border-collapse: collapse; border: 1px solid #03476F; font-size: 110%; margin: auto; margin-bottom: 25px;}

td, th { border: 1px solid #03476F;  padding: .4em; color: #363636; }

thead th{ border: 1px solid #03476F;; text-align: left; background: #128db1; color: #FFFFFF; padding-top:3px; font-weight: bold;}

tbody th, tbody td { vertical-align: top; text-align: left; }


/* = side_nav  ------------------------------------------------------------------------- */

#side_nav { padding-bottom: 5px;}
#side_nav h2 { height: 30px;}
#side_nav h2 a{ color: #FFFFFF;}
#side_nav h2 a.breadcrumb{ font-weight: bold; text-decoration: none;}
#side_nav ul{ font-size: 120%; text-transform:uppercase;}
#side_nav li{ background-color: #d0e9b9; margin: .3em 0; line-height: 3em; text-indent: 1.2em; color:#FFFFFF;}
#side_nav li:hover{ background: url(images/bg_sidenav_arrow1.jpg) #d0e9b9 no-repeat right center;}
#side_nav li a{ color: #65b71b; display: block;}

#side_nav li.selected { background: url(images/bg_sidenav_arrow2.jpg) #086c08 no-repeat right center; font-weight: bold;}
#side_nav li.selected a { color:#FFFFFF; text-decoration: none; }
#side_nav li.selected:hover{ background: url(images/bg_sidenav_arrow2.jpg) #086c08 no-repeat right center;}


/* ------------------------------------------------------------------------- */


/* = info */

#info h2 { height: 30px;}
#info_text { background: url(images/bg_info_grad.jpg) #d0e9b9 repeat-x left top; border: #adc39a 1px solid; border-left: none; padding: .8em 1em; margin-top: 4px; height:auto;}

#info_text1 {background: url(images/form-bg.jpg) #d0e9b9 no-repeat top; border: #adc39a 1px solid; border-left: none; padding: .8em 1em; margin-top: 4px; }

#info_text h4, #info_text1 h4{ color: #65b71b; text-transform:uppercase;}
#info_text p, #info_text1 p { width: 160px; margin: .8em 0;}

/* = middle school pages */

#middle #content { border: 1px solid #128db1; background:url(images/bg_base_blue.jpg) no-repeat left bottom;}
#middle #content_heading { background-color:#128db1;}
#middle #main_content h1 { color: #128db1;}
#middle #main_content h2 { color: #fff;}

#middle #side_nav li{ background-color: #c6e7f1;}
#middle #side_nav li:hover{ background: url(images/bg_sidenav_arrow1_blue.jpg) #c6e7f1 no-repeat right center;}
#middle #side_nav li a{ color: #128db1;}

#middle #side_nav li.selected a { color:#FFFFFF;}
#middle #side_nav li.selected { background: url(images/bg_sidenav_arrow2_blue.jpg) #0e6d8a no-repeat right center;}
#middle #side_nav li.selected:hover{ background: url(images/bg_sidenav_arrow2_blue.jpg) #0e6d8a no-repeat right center;}


/* = high school pages */

#high #content { border: 1px solid #eda325; background:url(images/bg_base_orange.jpg) no-repeat left bottom;}
#high #content_heading { background-color:#eda325;}
#high #main_content h1 { color: #eda325;}
#high #main_content h2 { color: #fff;}

#high #side_nav li{ background-color: #f2ead6;}
#high #side_nav li:hover{ background: url(images/bg_sidenav_arrow1_orange.jpg) #f2ead6 no-repeat right center;}
#high #side_nav li a{ color: #eda325;}

#high #side_nav li.selected a { color:#FFFFFF;}
#high #side_nav li.selected { background: url(images/bg_sidenav_arrow2_orange.jpg) #c3851c no-repeat right center;}
#high #side_nav li.selected:hover{ background: url(images/bg_sidenav_arrow2_orange.jpg) #c3851c no-repeat right center;
}

#high #main_content p.list_title{ color:#eda325;}
#high #main_content li { background:url(images/checkbox_orange.jpg) no-repeat left 4px;}

#high #main_content dl dt {color: #EDA325;}


/* = global pages */

#global #content { border: 1px solid #128db1; background:url(images/bg_base_blue.jpg) no-repeat left bottom;}
#global #content_heading { background-color:#128db1;}
#global #main_content h1 { color: #128db1;}
#global #main_content h2 { color: #128db1;}


#global strong { font-weight: bold; color:#128db1;}
#global #main_content a { font-size: 95%; color:#128db1;}

#global blockquote { background-color: #eaf6fa; color:#128db1; font-size: 120%; padding: 1em 0; text-align: center; margin-bottom: 1em;}
#global blockquote span { padding-left: 300px; display: block; color: #46b9da;}

/* = contacts */

#global .contact_info { float:left; width: 270px; }
#global #main_content .contact_info h2 { color: #474747; font-size: 230%;}
#global .contact_info h3 { color: #128db1; font-size: 140%; font-weight: bold; padding-left: .3em;}
#global .contact_info h3 span { color: #65b71b; font-weight: bold;}
#global .map { float:right; width: 240px; text-align: center; }


/* = images */

.left { float: left;}
.right { float: right; padding-left: 1em;}
#sign_up { margin-top: 20px;}

/* = side_nav  ------------------------------------------------------------------------- */
#side_nav a .nav_btn, #side_nav a { color: #7c7c7c; text-decoration: none;}
.nav_btn{ width: 250px; height: 40px; margin-bottom: 2px; background-color:#CCCCCC; /*padding-left: 85px;*/ padding-right: 5px; cursor: pointer;}
.nav_btn p { margin: 0 0 5px 0; font-size: 90%; line-height: 1.2em;}
.nav_btn h3, .nav_btn h3 a { font-size: 120%; text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding-top: 10px; text-decoration:none;}

#elem:hover, #elem:hover h3, #elem:hover p.link, #elem:hover p, #mid:hover, #mid:hover h3, #mid:hover p.link, #mid:hover p, #high2:hover, #high2:hover h3, #high2:hover p.link, #high2:hover p { color:#7fd9f4;}

#elem { background: url(images/tab_globe2.jpg) no-repeat left top; }
#elem h3 { color: #59aa1a;}
#elem p.link { color: #59aa1a; text-decoration: underline;}
#mid { background: url(images/tab_diploma2.jpg) no-repeat left top; }
#mid h3 { color: #1b7cae;}
#mid p.link { color: #1b7cae; text-decoration: underline;}
#high2 { background: url(images/tab_grad2.jpg) no-repeat left top; }
#high2 h3 { color: #e59c23;}
#high2 p.link { color: #e59c23; text-decoration: underline;}
/* ------------------------------------------------------------------------- */