@import "../css/reset.css";@import "../css/grid_12.css";@import "../css/superfish.css";
@import url(http://fonts.googleapis.com/css?family=IM+Fell+English:400italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Oswald);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%;background:url(../images/body_bg.jpg) repeat #3a3030; background-size: 12.56%;}

body {font-family: "Open Sans", sans-serif; font-size:13px; line-height:20px; color:#a1abb4; min-width:1060px; background:url(../images/body_bg2.png) repeat-x; min-height:600px;}
.main {width:1060px;padding:0;margin:0 auto;}

/* SunSmart */
.topleft {height:auto; padding:5px 2px; top:0; position:fixed; float:right;}

/* Links ======================================================== */
a,  .profile div a:hover{color:#989c86;outline:none;text-decoration:none;}
a:hover, .list1 a:hover, .list2 a:hover, .clases a:hover, .font_11 a:hover{text-decoration:none; color:#000;}
.but_wrapper{ text-align:right;}
.button{ background:url(../images/button.jpg) repeat-x; display:inline-block; font-style:italic; color:#ebefd9;font-size: 14px; line-height: 24px; margin: 17px 10px 0; padding:0px 12px 7px; height:20px; }
.button:hover{ color:#FFF; background-color:#bbbea2; background-position: 0 -27px;}
.bg_white{ background:#ffffff;}
/*********************************fonts*************************************/
p {margin-bottom:20px}
.p{ margin-bottom:22px;}
.p1{ margin-bottom:24px;}
.p2{ margin-bottom:11px;}
.p3{ margin-bottom:21px;}
.p4{ margin-bottom:6px;}
.p5{ margin-bottom:25px;}
.p6{ margin-bottom:19px;}
.p7{ margin-bottom:5px;}
.p8{ margin-bottom:29px;}
.p9{ margin-bottom:17px;}
.reg, .red_font, .brown_font, .clases a, .package dt, .adress a, .link{text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.italic{font-style:italic}
.letter {letter-spacing:-1px}

.red_font, .clases a, .adress a, .link{font-size: 13px; color:#ca4040;}
.brown_font, .profile div a, .package dt{font-size: 13px;color:#4c3535;}
.font_11{font-size: 13px;color:#8d8585;}
.font_11 a{font-size: 13px;color:#b68585;}
.color4{}
.color5{}
/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}
.border {border:1px solid red;}

.buttons a:hover {cursor:pointer}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.last{ margin-bottom:0 !important; padding-bottom:0 !important;}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}
/*********************************header*************************************/

header { background:url(../images/header_bg.jpg) 50% 0 repeat;padding:0px 0 0 20px; height: 150px;}
header h1{ float:left; width:115px;}
/*header h1 a {display:block;width:115px; height:150px; background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}*/
header h1 a {display:block;width:115px; height:150px; text-decoration:none; text-indent:-9999px;}
header .headerwriting {float:left;padding: 24px 0px 0px 30px;}
header .schoolname{font-family: 'Oswald', sans-serif; font-size: 55px; font-smooth:always; color:white;}
header .slogan{position:relative; top:20px;font-family: 'Open Sans', sans-serif;float:left;font-size: 11px; font-style: italic; font-smooth:always; padding:0px 0px 0px 0px; color:white;}
header .address{position:relative; top:14px;font-family: 'Open Sans', sans-serif;float:left;font-size: 11px; font-smooth:always; color:white;}
header .search{float:right; margin-right:60px; padding-top:17px;}
header .search input{ background:#4b5e57;border: 1px solid #637a70;width:143px; padding: 4px 7px 5px 8px;color:#8fa09a; font-family:Verdana, Geneva, sans-serif;font-size: 11px;}
/*********************************content*************************************/
#content {padding:48px 0px 20px 0px; }
.cont_pad{position:relative; top:-4px;padding:0 0 20px 0 !important;}
.indent{padding:0 0 0 9px;}
.indent2{padding:0 0 45px 11px;}
.indent3{padding:0 0 0px 10px;}
.indent4{padding:0 0 0px 10px;}

/*================================>> LISTS <<========================================*/
.list1 {margin:14px 0px 16px 20px; font-size:12px;}
.list1 li{ color:#8d8585;font-size: 13px; padding-left:12px;margin-bottom:4px;}
.list1 a{font-size: 13px; line-height: 20px; color:#b68585;}
.list2{margin:14px 0 16px 0;}
.list2 li{ background:url(../images/marker.jpg) 0 8px no-repeat; padding-left:12px; margin-bottom:4px}
.list2 a{font-size: 11px; color:#b68585;}
.list3{ padding-right:20px;}
.list3 li{ background:url(../images/marker2.jpg) 0 2px no-repeat; padding-left:28px; margin-bottom:20px;}
.list3 a{ font-size:11px; color:#8d8585;}
.list3 a:hover{ color:#000;}
.list4 {margin:14px 0px 16px 20px; font-size:12px;}
.list4 li{ color:#8d8585;font-size: 13px; background:url(../images/marker.jpg) 0 8px no-repeat; padding-left:12px; margin-bottom:4px}
.list4 a{font-size: 13px; line-height: 20px; color:#b68585;}
.table1 {font-size: 13px; color:#8d8585;}
/*================================>> H <<========================================*/
h2,h3,h4{font-weight:normal;}
h1 {color:#b68585;font-size: 16px; font-weight:bold;}
h4 {color:black;font-size: 16px; font-weight:bold;}
h2 {font-size: 24px; font-weight:bold; line-height: 30px; color:#001933; margin-bottom:23px; padding-bottom:4px;}
h2 a{ color:#001933;}
h2 a:hover {color:#b68585;}
h2.ind{ font-family: 'Oswald', sans-serif;font-size: 24px; margin-bottom:13px;}
h2.ind1{ font-family: 'Oswald', sans-serif;font-size: 24px; margin-bottom:23px;}
h2.ind2{ font-family: 'Oswald', sans-serif;margin-bottom:29px;}
h2.ind3{ font-family: 'Oswald', sans-serif;margin-bottom:22px;}
h2.ind4{ font-family: 'Oswald', sans-serif;margin-bottom:11px;}
h2.ind5{ font-family: 'Oswald', sans-serif;font-size: 24px; margin-bottom:6px;}
h2.ind6{ font-family: 'Oswald', sans-serif;margin-bottom:8px;}
h3{font-size: 13px; line-height: 20px; color:#989c86; margin-bottom:20px;}
/*================================>> Special Font <<========================================*/
h2, .button{font-family: 'Oswald', sans-serif;}
.news .title, .search input, h3{ text-transform:uppercase;}
/*********************************page_1*************************************/
.img_box{ overflow:hidden;}
.img_box figure{ float:left;}
.img_box div{ float:right;}
.bg_gray{ background:url(../images/gray_box.jpg) 50% bottom repeat-x #f2f2f2;padding:28px 0 41px 0;}
.news li{ padding-left:1px; margin-bottom:32px;}
.news p{ margin-bottom:9px;}
.news a{font-size: 13px; color:#b68585;}
.news a:hover{ color:#000;}
.news span.date{font-size: 12px; display:inline-block;}
.news .title{ font-size:13px; color:#001933;}
.news .summary{ font-size: 13px; color:#7f8c99;}
.announ li{ margin-bottom:31px;}
.list_box{padding:20px 0 0 20px;}
.list_box .column{ float:left;  border-left:1px solid #e9e8e8; padding:14px 5px 0 19px; min-height:300px;width:167px;}
.list_box .column:first-child{ border:none;padding-left:0;margin: 0 0 0 0;width:167px;}
.list_box ul{width:135px;}
.list_box ul span{ display:inline-block;}
/*********************************page_2*************************************/
.history div{width:277px; padding:4px 0 0 0;}
.history{margin: 0 0 22px 0;}
.profile{margin: 19px 0 0px 0; padding-bottom:1px;}
.profile figure{font-size: 20px; line-height: 24px; color:#576b64; padding:0 0 0 18px;}
.profile div{width:252px; text-transform:uppercase; padding-top:6px;}
/*********************************page_3*************************************/
.policies_box{ background:#eedbcc; padding:34px 0 37px 39px;margin: 34px 10px 5px 0;}
.policies{ float:left; overflow:inherit;width:270px;}
.m_left{ margin-left:28px;}
.m_left1{ margin-left:29px;}
.policies .img{ margin-left:-18px}
.policies figure{padding:5px 0 0 0;}
.policies div{width:236px; padding:1px 0 0 0; font-size:11px;}
.policies .div1, .policies .div{width:234px; padding:0px 0 0 0; margin-top:-1px;}
.policies .div1{width:239px;}
.policies div, .policies div a{ color:#8d8585;}
.policies div a{ text-decoration:underline;}
.policies div a:hover{ text-decoration:none;}
.policies .font_11{ color:#4c3535;}
.p_top{ padding-top:40px}
.program{ float:left;}
.program figure{ padding-left:1px; padding-top:6px;}
.program div{width:233px; margin-left:21px;}
.program div p{ margin-bottom:8px;}
.program div .button{ margin-right:33px;}
.m_left2{ margin-left:10px;}
.img2{ margin-top:2px;}
.athletic div{width:499px; padding:4px 0 10px 0;}
/*********************************page_4*************************************/
.p_top1{ padding:38px 0 37px 0; margin-top:1px;}
.champions>div{width:142px; padding-top:5px;}
.champions figure{}
.champions{padding:0 0 19px 1px;}
/*********************************page_5*************************************/
.activities div{width:416px; padding-top:4px;}
.activities figure{}
.activities p{ margin-bottom:6px;}
.activities{ margin-bottom:19px;}
.p_top2{ margin-top:30px;}
.clases li{ margin-bottom:6px;}
.clases span{ font-size:11px; color:#8d8585;}
.clases .span{ display:inline-block; margin: 5px 0 3px;}
.submenu li{ margin-left:12px;}
.submenu a{font-size: 11px; line-height: 20px; color:#b68585;}
/*********************************page_6*************************************/
.parent div{width:626px;padding:4px 0px 19px 0;}
.senior div{width:507px;}
.senior figure{padding:2px 0px 0 0;}
.senior{padding:2px 0 20px 0;}
.stripe{ background:#f7f7f7; height:4px;}
/*********************************page_7*************************************/
/* Contact form */
#contact-form {padding:27px 0 0 0;}
#contact-form .success {padding-bottom:5px;width:246px; margin-bottom:20px; padding:10px; position:absolute;}
#contact-form textarea, #contact-form input {margin:0;font-size:11px; border:1px solid #b1bcb7; color:#8d8585; padding:9px 7px 8px; margin-left:1px;outline:none; position:relative; font-family:Verdana, Geneva, sans-serif;background:#ebebeb; box-shadow:0 1px #eff2f1;}
#contact-form input {width:293px; float:left;}
#contact-form textarea {overflow:auto; width:501px; height:214px;resize:vertical;}	
#contact-form label {display:block; padding-bottom:8px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:8px;}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; float:left; padding-top:5px;}
#contact-form .buttons2 {overflow:hidden;text-align:right; padding-right:11px; position:relative; clear:both; padding-top:24px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin: 0 0 0 11px;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;border: 5px solid #dfdedd; display:inline-block; margin-bottom:25px}
#map_canvas {
    width:350px;
	height:317px;
}

.adress span{ display:inline-block; width:91px;}
.adress dt{ margin-bottom:20px;}
.adress{ padding-left:1px; margin-bottom:38px;}
.adress a{ font-size:13px; color:#ca4040;}
.adress a:hover{ text-decoration:underline;}
/****************************footer************************/
footer {padding:10px 68px 26px 0px;background:none; text-align:right;}
footer, footer a{font-size: 11px; color:#bcab93;}
footer a:hover{ color:#fff;}
footer span{ display:inline-block; width:1px;height: 11px; margin: 6px 10px 0 10px; background:#735656;}
.link{ display:inline-block; margin-top:27px; margin-bottom:38px;}
/******/
.alignleft {font-weight:bold;float: left;}
.alignright {font-weight:bold;;float: right;}
.centerdisplayed {display: block; margin-left: auto; margin-right: auto }
.textwrap {float: right; padding: 0px 0px 5px 5px}
.normaltext {font-family:"Verdana";font-size: 11px;}
.bold {font-weight:bold;}
.heading {font-family: "Open Sans"; font-size: 25px;width: 200px;margin-right:40px;height: 157px;}
.displayed {display: block; margin-left: auto; margin-right: auto }
/*Calendar popup*/
.menu {display:inline; position:absolute; color:#111; z-index:1; border:1px solid #DCA; background:#fffAF0;padding: 10px 10px 10px 25px;}
.has_event a{font-weight:bold;}
.center{text-align: center;}
/*Social network*/
.facebook {background-image:url('../images/logo1.png');background-position:-12px 0;background-repeat:no-repeat;overflow:hidden;display:block;height:28px;width:11px}
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dppx){.facebook{background-image:url('../images/logo1-2x.png');background-size:231px 230px;background-position:0 0;height:28px;width:11px}}
.twitter {background-image:url('../images/logo1.png');background-position:-56px -113px;background-repeat:no-repeat;overflow:hidden;display:block;height:28px;width:22px}
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dppx){.twitter{background-image:url('../images/logo1-2x.png');background-size:231px 230px;background-position:-81px 0;height:28px;width:22px}}
.youtube{background-image:url('../images/logo1.png');background-position:-7px -113px;background-repeat:no-repeat;overflow:hidden;display:block;height:28px;width:25px}
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dppx){.youtube{background-image:url('../images/logo1-2x.png');background-size:231px 230px;background-position:-116px -76px;height:28px;width:25px}}
.google-plus{background-image:url('../images/logo1.png');background-position:-32px -113px;background-repeat:no-repeat;overflow:hidden;display:block;height:28px;width:24px}
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dppx){.google-plus{background-image:url('../images/logo1-2x.png');background-size:231px 230px;background-position:-141px -76px;height:28px;width:24px}}
/*Tooltip*/
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:block; position: absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:10;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}
.banner {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
	z-index:1!important;}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */