/*
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{text-align:center}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}ul,li{list-style-type:none}.indent_top{margin-top:1.5em}.indent_left{margin-left:1.5em}.indent_right{margin-right:1.5em}.box{padding:1.5em;margin-bottom:1.5em;background:#E5ECF9}hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none}hr.space{background:#fff;color:#fff;visibility:hidden}.clearfix:after,.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}.clear{clear:both}em{font-style:italic}a,a:link,a:hover,a:visited,a:active{text-decoration:none}img.noborder{border:0px}.lightgray{color:#afafaf}.gray{color:#3a3a3a}.darkgray{color:#696969}.maroon{color:#5b0000}.green{color:#9c0}.orange{color:#f90}.purple{color:#639}.navy{color:#036}.blue{color:#28BAD3}.darkturq{color:#004D4F}.turq{color:#1F969A}.white,a.white,a.white:visited,a.white:link{color:#FFF}.black{color:#000}.mini,a.mini,a.mini:link,a.mini:hover,a.mini:visited,a.mini:active{font-size:10px;line-height:15px}.midi,a.midi,a.midi:link,a.midi:hover,a.midi:visited,a.midi:active{font-size:12px;line-height:18px}.maxi,a.maxi,a.maxi:link,a.maxi:hover,a.maxi:visited,a.maxi:active{font-size:14px;line-height:21px}.huge{font-size:20px}.left{float:left}.right{float:right}.textcenter{text-align:center}.textleft {text-align:left}.textright{text-align:right}.textjustify{text-align:justify}.textbold {font-weight:bold}.georgia{font-family:Georgia} .pg_active { padding:5px; width:20px; height:15px; margin:0 1px; border:1px solid #E7E7EF; float:left; font-size:14px; background-color:#02afc1; color:white; text-align:center} .pg_number { padding:5px; width:20px; height:15px; margin:0 1px; border:1px solid #E7E7EF; float:left; font-size:14px; color:#02afc1; text-align:center} a.pg_number,a.pg_number:visited,a.pg_number:hover { color:#02afc1} #hrtable{  font-size:10pt; width:95%} #hrtable td{ line-height:1.3em; padding:2px; color:#555;  font-family:Arial; font-size:0.8em; vertical-align:middle; border-bottom:1px dotted #bbb} #hrtable .texts{ line-height:1.3em; height:18px; color:#888; background:#fff; border:1px solid #999;  font-size:1.1em; padding:1px; width:93%} #hrtable .textareas{  width:93%; height:50px; color:#888; background:#fff; border:1px solid #aaa; font-size:1.1em; font-family:Arial; padding:1px} #hrtable .selects{padding:2px;border:1px solid #bbb} .personal_info { font-size:130%; color:#3CB1C2; width:98%; border-bottom:0px solid #af0000; margin:10px 0; padding:4px 0; text-align:left}
*/
/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

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

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {text-align:center;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

ul, li { list-style-type: none; }

.indent_top{ margin-top:1.5em;}
.indent_left{ margin-left:1.5em;}
.indent_right{ margin-right:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clear {clear:both;}

em{ font-style: italic;}
a,a:link,a:hover,a:visited,a:active{ text-decoration : none }

/* Images */
img.noborder{ border:0px; }

/* Font Colors */
.lightgray{ color : #afafaf}
.gray{ color : #3a3a3a }
.darkgray{ color : #696969 }
.maroon{ color : #5b0000 }
.green { color : #99cc00 }
.orange{ color : #ff9900 }
.purple{ color : #663399 }
.navy{ color : #003366 }
.blue{ color : #28BAD3}
.darkturq{ color:#004D4F;}
.turq{ color : #1F969A }
.white, a.white, a.white:visited, a.white:link{ color : #FFFFFF}
.black{ color : #000000}
/* fonts */

.mini, a.mini,a.mini:link,a.mini:hover,a.mini:visited,a.mini:active{ font-size:10px;line-height:15px}
.midi, a.midi,a.midi:link,a.midi:hover,a.midi:visited,a.midi:active{ font-size:12px;line-height:18px}
.maxi, a.maxi,a.maxi:link,a.maxi:hover,a.maxi:visited,a.maxi:active{ font-size:14px;line-height:21px}
.huge{ font-size:20px}


.left{ float:left;}
.right{ float:right;}
.textcenter{ text-align: center; }
.textleft  { text-align: left; }
.textright { text-align: right; }
.textjustify { text-align: justify; }
.textbold  { font-weight: bold; }

.georgia{ font-family:Georgia;}

/* pagination stuff */
    .pg_active
        {
            padding:5px;
            width : 20px;
            height:15px;
            margin: 0 1px;
            border:1px solid #E7E7EF;
            float:left;
            font-size:14px;
            background-color : #02afc1;
            color : white;
            text-align:center;
        }
    .pg_number
            {
                padding:5px;
                width : 20px;
                height:15px;
                margin: 0 1px;
                border:1px solid #E7E7EF;
                float:left;
                font-size:14px;
                color : #3CB1C2;
                text-align:center;
            }
    div.pg_number a, div.pg_number a:link,div.pg_number a:visited, div.pg_number a:hover
        {
            color : #3CB1C2;
            font-size : 14px;
        }


/* Formlar */
    #hrtable {
        font-size: 10pt;
        width : 95%;
    }



    #hrtable td {
        line-height: 1.3em;
        padding: 2px;
        color: #555;
        font-family: Arial;
        font-size: 0.8em;
        vertical-align: middle;
        border-bottom : 1px dotted #bbb;
    }

    #hrtable .texts {
        line-height: 1.3em;
        height: 18px;
        color : #888;
        background: #fff;
        border: 1px solid #999;
        font-size: 1.1em;
        padding: 1px;
        width: 93%;
    }

    #hrtable .textareas {
        width: 93%;
        height: 50px;
        color : #888;
        background: #fff;
        border: 1px solid #aaa;
        font-size: 1.1em;
        font-family:Arial;
        padding: 1px;
    }
    #hrtable .selects{ padding:2px;border:1px solid #bbb;}

    .personal_info
    {
        font-size: 130%;
        color: #3CB1C2;
        width: 98%;
        border-bottom: 0px solid #af0000;
        margin: 10px 0 ;
        padding: 4px 0;
        text-align: left;
    }



.col10{ width:10%;}.col20{ width:20%;}.col30{ width:30%;}.col40{ width:40%;}.col50{ width:50%;}.col60{ width:60%;}.col70{ width:70%;}.col80{ width:80%;}.col90{ width:90%;}.col100{ width:100%;}
.f10{ font-size:10px;}.f12{ font-size:12px}.f14{ font-size:14px}.f16{ font-size:16px}



body{
    background: #f7f3ea url(../image/bg_body.jpg) repeat-x;
    margin : 0;
    padding: 0;
    text-align:center;
    font-family : Arial;
}
a,a:link,a:hover,a:visited,a:active{ text-decoration : none;font-size:12px; }

p{font-size:12px;}
ul{ list-style-type: none; padding:0; margin:0;}
li{ padding : 0;margin:0;font-size:12px;}



#top_bar{
    text-align  : right;
    margin      : -2px auto;
    width       : 960px;
    padding     : 0 10px 0 0;
    color       : #e1e1e1;
}
#top_bar li { display: inline}
#top_bar a,a:link,a:visited,a:active{ text-decoration : none;font-size:10px; color : #e1e1e1}
#top_bar a:hover{ color: #21d9ff; }



h1{ color:#717171; font-size: 24px; padding:3px 0;line-height:30px; font-family: "Trebuchet MS",Verdana;}
h1.section_title{ color: #00ae7e; font-size:14px;font-weight:bold;padding:5px 0;}

.image_zone
{
    border: 1px solid #b9bdbd;
    padding: 2px;
}


#header
    {
        width : 960px;
        margin: 4px auto 0 auto;
        text-align:left;
    }

    #top_menu
        {
            margin:25px 0 0 0;
            float:right;
        }

        #top_menu li { display: inline; }
        #top_menu .right_border{ border-right:1px dotted #777;}

        #top_menu,
        #top_menu a,
        #top_menu a:active,
        #top_menu a:link,
        #top_menu a:visited{ font-size:14px;color:#4a4a4a; padding:0 4px;}
        #top_menu a:hover{ color: #3cb1c3;}

        #top_menu .active_menu_item{ color : #3cb1c3}

    #search_box
    {
        background  : url(../image/search_bg.png) no-repeat;
        width       : 196px;
        height      : 23px;
        display     : block;
        margin      : 10px 10px 0 0;
    }
    #search_box input[type=text]{ background:transparent;float:left;border:none;width:90px;height:14px;font-size:10px;margin:3px 2px 0 8px;}
    #search_box a{ background: url(../image/search_btn.png) no-repeat;width:18px;height:14px;display:block;float:right;margin:5px 5px 0 0;}

#banner
    {
        width : 960px;
        height: 331px;
        margin: 0 auto;
        background: url(../image/bg_banner.jpg) no-repeat;
    }

    /*
        JQuery Stuff
    */
    #jquery_zone{ float:left; width:283px; overflow:hidden; }
    #banner .banner_box
    {
        display : block;
        width   : 170px;
        height  : 205px;
        float   : left;
        margin  : 70px 0 0 0;
        text-align : center;
    }
    #banner .banner_box h1{ font-size:18px; color:white; line-height:25px;padding:0;margin:0}
    #banner .banner_box p{ text-align:left;font-size:12px; color:white;}

    #banner .banner_box a,
    #banner .banner_box a:active,
    #banner .banner_box a:hover,
    #banner .banner_box a:link,
    #banner .banner_box a:visited
    {
        display:block;
        margin:0 auto;
        background : url(../image/banner_read_more.png) no-repeat;
        width: 82px;
        height:26px;
        padding:5px 0 0 0;
        font-size:10px;
        color:#414b4d;
        text-align:center;
    }

#page_content
    {
        clear:both;
    }

#page_container
    {
        margin: 10px 0 0 0;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px dashed #777;
        border-top: 1px dashed #777;
        background: white;
    }
    #page_body{ width:960px; margin:0 auto;}

    a.read_more,
    a.read_more:active,
    a.read_more:hover,
    a.read_more:link,
    a.read_more:visited
    {
        display:block;
        margin:0 auto;
        background : url(../image/body_read_more.png) no-repeat;
        width: 82px;
        height:21px;
        padding:5px 0 0 0;
        font-size:10px;
        color:#fff;
        text-align:center;
    }

    .photo-buttons{ margin-top:40px }

    div.preview { margin : 10px 5px;}
    div.preview h2{ color:#3CB1C2; font-family: Georgia;font-size:13px;font-weight:normal;line-height:19px;margin-bottom:5px; }
    div.preview p { font-size:10px;color : #5f5d5d;line-height: 14px;text-align:justify;margin:0;padding:0;}


    #left_bar
        {
            width : 205px;
            float:left;
            text-align : left;
            background : white;
            margin: 10px 5px 0 0;
        }
        #left_bar li a,
        #left_bar li a:active ,
        #left_bar li a:link ,
        #left_bar li a:visited
        {font-size:14px;color : #4a4a4a;line-height:20px}
        #left_bar li a:hover{ color : #28BAD3;}

        #left_bar a.active_subcategory_item,
        #left_bar a.active_subcategory_item:active,
        #left_bar a.active_subcategory_item:hover,
        #left_bar a.active_subcategory_item:visited,
        #left_bar a.active_subcategory_item:link
        { color : #28BAD3; }

    #right_bar
        {
            width: 750px;
            float:left;
            text-align : left;
            background: white;
            margin-top : 10px;
        }
        #right_bar .l20{line-height: 20px;}




#footer_wrapper
{
        margin: 10px 0 0 0;
        width: 100%;
        border-bottom: 1px dashed #777;
        border-top: 1px dashed #777;
        background: white;
}
#footer
    {
        width : 960px;
        text-align:left;
        background: white url(../image/bg_footer.jpg) no-repeat;
        margin:0 auto;
    }

    #footer div.padleft{ padding: 0px 0 0 5px;}
    #footer strong{ color : #edb409;font-weight:normal; }
    #footer div.content{ color :#777;  }

    #footer a,#footer a:active,#footer a:link,#footer a:visited{ color : #575a5d; }
    #footer a:hover{ color:#474a4d;}

    #footer_links{
        text-align  : left;
        margin      : 20px auto 0 auto;
        padding     : 0;
        color       : #4a4a4a;
    }
    #footer_links li { display: inline}
    #footer_links a,#footer_links a:link,#footer_links a:visited,#footer_links a:active{ text-decoration : none;font-size:12px; color : #4a4a4a;
    }
    #footer_links a:hover{ color: #21d9ff; }






   #box_zone
    {
        border-bottom: 1px dashed #777;
        border-top: 1px dashed #777;
        width:100%;
        background:white;
        margin: 10px 0 0 0;
        text-align:left;
    }
    #box_zone_content
    {
        padding:10px 0 ;
        width: 960px;
        margin:0 auto;
    }


    /* Landing */
    #photo_slider{
        height: 140px;
        width : 960px;
        margin: 0 auto;
        background: white;
        border-bottom: 1px dashed #777;
        border-top: 1px dashed #777;
    }

    #rf_slideshow{
        margin-top:5px;
        width:880px;
        height:140px;
        background:transparent;
        position:relative;
        float:left;
    }
        #rf_slideshow #rf_slides_container {
          margin:0 auto;
          width:870px;
          height:140px;
          overflow:auto;
          position:relative;
          float:left;
        }
        #rf_slideshow #rf_slides_container .slide {
          margin:10px auto;
          padding:0 2px;
          width:190px;
          height:125px;
          overflow : auto;
        }

        .control {
          display:block;
          text-indent:-10000px;
          cursor: pointer;
        }


    #landing_content
    {
        margin: 0 auto;
        width: 960px;
        text-align:left;
    }

    .banner_text{height:180px;}

    .col10{ width:10%;}.col20{ width:20%;}.col30{ width:30%;}.col40{ width:40%;}
    .col50{ width:50%;}.col60{ width:60%;}.col70{ width:70%;}.col80{ width:80%;}
    .col90{ width:90%;}.col100{ width:100%;}
    
h1 b { font-weight:normal;}    

.student
{
    font-size:12px;    
    color : #797a7a;
}
.student a,
.student a:visited,
.student a:link,
.student a:hover,
.student a:active{ font-size:12px;color:#777}

.student a:active,
.student_no{ text-align:right;margin-right:10px;}
.student_name{ text-align:left;margin-right:10px;}
.student_last_name{ text-align:left;margin-right:10px;}
.modify  { text-align:center; margin-right:10px;}
.delete{ text-align:center; margin-right:10px;}
.notes{ text-align:center; margin-right:10px;}

.week_view{ clear:both;text-align:right }

