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

body { margin:0; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; background-color:#fff0bd; }
#wrapper { margin:0 auto; }
#header { height:340px; background-image:url(../img/headerbar.png); background-repeat:repeat-x; position:relative; z-index:1; }
.centerblock { width:900px; margin:auto; }
.logo { text-align:center; padding:10px; }
.title { float:right; font-size:30px; color:#FFF; margin:36px 20px 0px 0px; text-align:right; }
.introtext { position:relative; z-index:0; margin-top:50px; margin-left:70px; background-image:url(../img/scene3.jpg); background-repeat:no-repeat; width:640px; height:375px; padding:40px 20px 0px 70px; font-size:20px; color:#2d97d3; text-align:center; line-height:140% }
.intro2 { font-size:20px; color:#fe5b00; }
.intro3 { font-size:36px; color:#fe5b00; }
#content { background-color:#FFF; padding:5px 20px 20px 20px; border-radius:25px; }
#contentinside { background-color:#FFF; padding:45px 20px 20px 20px; border-radius:0px 0px 25px 25px; }
h1 { font-size:36px; color:#090; }
h2 { font-size:24px; color:#090; text-transform:uppercase; }
h3 { font-size:24px; color:#06C; }
h4 { font-size:18px; color:#06C; }
h5 { font-size:16px; color:#000; font-weight:bold; margin-bottom:-6px; text-decoration:underline; }
.special h2 { font-size:26px; color:#F00; }
.moreinfo { text-align:center; font-weight:bold; margin:10px; }
.also { text-align:center; padding:20px; margin-top:40px; border-top:dashed 1px #ff9900; clear:both; }
.ps { padding:5px; background-color:#2d97d3; border-radius:10px; clear:both; width:680px; margin:auto; }
.bottomtag { text-align:center; font-size:40px; color:#ff3; margin:4px; }
.pshome { padding:10px; background-color:#f6ee1d; border-radius:20px; clear:both; margin-top:10px; }
.bottomtaghome { text-align:center; font-size:32px; color:#f58220; margin:4px; }
.foot { font-size:10px; color:#999; text-align:right; margin:20px 20px 40px 0px; }
.hilite { color:#FF9; }
.listone li { margin-bottom:8px; }
.bulletbold { font-weight:bold; color:#fe5b00; }
.checkmark { list-style-image:url(../img/checkmark-orange.png);}
.bulletbold-blue { font-weight:bold; color:#06C; }
.checkmark-blue { list-style-image:url(../img/checkmark-blue.png);}


#mainnav { height:37px; background-color:#cced99; border-radius:8px 8px 0px 0px; font-size:18px; font-weight:bold; border-bottom:1px solid #c5df9a; }
#secondnav { text-align:center; clear:both; height:34px; background-color:#7ac142; border-radius:0px 0px 8px 8px; font-size:13px; font-weight:bold; box-shadow:0px 2px 0px #999; padding-left:4px; }
.navitem { padding:8px 16px 8px 16px; float:left; color:#FFF; }
.navitemcurriculum { padding:8px 16px 8px 16px; margin:8px 8px 0px 8px; float:left; border-radius:8px 8px 0px 0px; background-color:#06C; color:#fff; font-weight:bold; border-bottom:1px dashed #CFF; text-transform:uppercase; }
.snavitem { padding:8px 34px 8px 34px; float:left; color:#03C; }
.extrabufferleft { margin-left:40px; }
.extrabufferleft2 { margin-left:80px; }

a { color:#06C; }
#mainnav a { color:#090; text-decoration:none; }
#mainnav a:visited { color:#090; }
#mainnav a:hover { color:#FFF; }
#mainnav a:active { color:#FFF; }

#secondnav a { color:#FFF; text-decoration:none; }
#secondnav a:visited { color:#FFF; }
#secondnav a:hover { color:#FC0; }
#secondnav a:active { color:#FC0; }

#cta1 { float:left; width:245px; min-height:200px; margin:20px 12px 20px 0px; background-color:#06C; color:#fff; padding:16px; border-radius:8px; font-size:16px; }
#cta2 { float:left; width:245px; min-height:200px; margin:20px 12px 20px 0px; background-color:#96C; color:#fff; padding:16px; border-radius:8px; font-size:16px; }
#cta3 { float:left; width:245px; min-height:200px; margin:20px 0px 20px 0px; background-color:#ed2624; color:#fff; padding:16px; border-radius:8px; font-size:16px; }

#cta1 a { color:#FC0; text-decoration:none; }
#cta1 a:hover { color:#FFF; }
#cta1 a:visited { color:#FC0; }
#cta1 a:active { color:#FFF; }

#cta2 a { color:#FC0; text-decoration:none; }
#cta2 a:hover { color:#FFF; }
#cta2 a:visited { color:#FC0; }
#cta2 a:active { color:#FFF; }

#cta3 a { color:#FC0; text-decoration:none; }
#cta3 a:hover { color:#FFF; }
#cta3 a:visited { color:#FC0; }
#cta3 a:active { color:#FFF; }

.centermehome { margin:auto; width:88%; }
.centerme { margin:auto; width:92%; }
.ctaheader { text-transform:uppercase; font-size:18px; }

.quote { margin-top:30px; padding-top:30px; border-top:1px dashed #999999; }
.quoter { text-align:right; color:#999; padding-right:110px;  }
.openquote { float:left; margin:0px 10px 80px 0px; }
.closequote { float:right; margin:0px 00px 80px 10px; }
.quotesectionend { margin-top:30px; padding-top:30px; border-top:1px dashed #999999; }

.buzzyblock { width:782px; margin:0px 16px 16px 0px; padding:8px; border-radius:8px; min-height: 100px; }
.curricblock { width:170px; float:left; text-align:center; margin:0px 16px 16px 0px; border:1px solid #CCC; padding:8px; border-radius:8px; min-height: 260px; }
.currictitle { font-size:1.08em; color:#06C; font-weight:bold; }
.curricblock img { margin-top:4px; margin-bottom:4px; }

.illustration { float:right; margin-left:20px; margin-bottom:10px; }

/* Tab Content - menucool.com */
ul.tabs
{
    padding: 7px 0;
    margin:0;
    font-size: 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
    padding-left:20px; /* Offset of the first tab */
}
        
ul.tabs li
{
    display: inline;
    margin: 0;/*no distance between tabs*/
    background: White;
    margin-left: -4px;
}
        
ul.tabs li a
{
    font: normal 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    text-decoration: none;
    position: relative;
    padding: 7px 22px;
    color: #000;
    outline:none;
    background: #F6F6F9;
    border:1px solid #CCC;
    border-right:0;
}

/*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
ul.tabs li:last-child a
{
    border-right:1px solid #CCC;
}
  
        
ul.tabs li a:hover
{
    color: #000;
    background: white;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    top: 0px;
    font-weight:normal;
    background: #FFF;
    border-bottom: 1px solid #FFF;
    color: #000;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{
    border-top: 1px solid #CCC; padding: 30px 10px;
}