/* ### BEGIN Section Page Properties ### */
.section_close_menu
{
    padding: 155px 0px 0px 0px;
}

.section_header
{
    max-width: 100%;
    display:block;
    /*background: url("/media/447/opaque_gray.png");
    background-color: rgba(161, 198, 243, 0.7);*/
    background-image: url("/media/68/bg_opaque_maroon.png");
    margin: 0px 0px 0px 0px;
    padding: 20px 33px 20px 33px;
    
    /*Border Radius*/
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius:8px 8px 0px 0px;
    -webkit-border-radius:8px 8px 0px 0px;
    -o-border-radius: 8px 8px 0px 0px;
    
}
    .section_header h1
    {
        color: #fff;
        font-size: 48px;
        font-weight: 600;
    }
@media only screen and (max-width : 800px)
{
    .section_header h1
    {
        font-size: 30px;
    }            
} 
   
@media only screen and (max-width : 500px)
{
    .section_header 
    {
        display: none;
    }            
} 

.gray_text
{
    color: #777;
    font-size: 18px;
}

.section_contain
{
    display: block;
    overflow: hidden;
}

.section_left
{
    width: 28.1%;
    max-width: 275px;
    display: block;
    float: left;
}

.section_nav
{
    background: url("/media/58/bg_opaque_black.png");
    height: auto;
    color: #fff;
    font-size: 18px;
    display: block;
    margin: 16px 0px;
    padding: 30px 0px;
}
    .section_nav ul li
    {
        display: block;
        padding: 0px 0px 0px 0px;
    }
    .section_nav ul li a
    {
        color: #fff;
        display: block;  
        padding: 10px 17%;
    }
    .section_nav ul li a:hover
    {
        background: #a1c6f3; 
        text-decoration: none;
    }
    .nav_item_active
    {
        background: #800001 !important;
        display: block;  
        padding: 10px 17% !important;
        cursor: default;
    }
    
.section_left_box
{
    font-size: 15px;
    background: url("/media/58/bg_opaque_black.png");
    color: #fff;
    max-width: 218px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 24px 28px; 
    /*height: 58%;*/
} 
    .section_left_box a
    {
        color: #a1c6f3;
        text-decoration: none;
    }
        .section_left_box a:hover
        {
            text-decoration: underline;
        }
    .section_left_box p
    {
        padding: 10px 0px;
    }
    .section_left_box p em
    {
        font-size: 12px;
    }
   
@media only screen and (max-width : 971px)
{
    .section_left_box
    {
        font-size: 14px;
    }
    
    .section_nav
    {
        font-size: 14px;
    }
    
}

.section_right
{
    display: block;
    width: 680px;
    float: right;
}

.section_body
{
    float: right;
    width: 70%;
    max-width: 685px;
    min-height: 750px;
    background: url("/media/2181/bg_opaque_white.png");
    color: #000;
    font-size: 15px;
    margin: 16px 0px 0px 0px;
    padding: 20px 0px 0px 0px;   
}
    .section_body img
    {
        float: right;  
        
        max-width: 50%; 
        height: auto;
        padding: 0px 2.7% 10px 10px;
    }
    .section_body p
    {
        padding: 0px 2.7% 14px 3.7%;
    }
    .section_body ul
    {
        list-style-type:  circle;
        padding: 0px 5.7% 15px 8.7%;
    }
    .section_body a
    {
        color: #800001;
    }
    .section_body a:hover
    {
        text-decoration: underline;
    }
    .section_body h2
    {
        color: #2a3972;
        font-weight: 600;
        font-size: 28px;
        padding: 6px 2.7% 6px 3.7%;
    }
    .section_body h3
    {
        color: #800001;
        font-size: 15px;
        font-weight: 600;
        padding: 5px 2.7% 6px 3.7%;
    }
    
@media only screen and (max-width : 601px)
{
    .section_body
    {
        font-size: 14px;
    } 
}   
@media only screen and (max-width : 500px)
{
    .section_nav
    {
        margin: -5px 0px 0px 0px;
        font-size: 18px;
    }
    .section_left
    {
        width:100%;
        max-width: none;
    }
    .section_left_box
    {
        display: none;
    }
    .section_body
    {
        width:100%;
        max-width: none;
        float: left;
        margin: 0px;
    }    
}
    
.breadcrumbs ul li
{
    display:inline;
    font-size: 14px;
    
}
.breadcrumbs ul li a
{
    color: #000;
    text-decoration: underline;
}
.bread_crumb
{
    padding: 0px 3%;
}

/* ### END Section Page Properties ### */

/*### BEGIN Alternate Section Page Properties ### */
.section_big
{
    width: 100%;
    max-width: 976px;
    min-height: 800px;
    /*background: url("/media/447/opaque_gray.png");*/
    background: url("/media/2181/bg_opaque_white.png");
    color: #000;
    font-size: 15px;
    margin: 0px 0px 0px 0px;
    /*padding: 140px 0px 40px 0px;*/
    padding: 162px 0px 0px 0px;     
}

    .section_big h1
    {
        color: #2a3972;
        font-size: 40px;
        font-weight: bold; 
        padding: 0px 3% 25px 3%;   
    }
    .section_big h2
    {
        color: #2a3972;
        font-weight: 600;
        font-size: 20px;
        padding: 8px 3% 6px 3%;
    }
    .section_big h3
    {
        color: #800001;
        font-size: 15px;
        font-weight: 600;
        padding: 5px 3% 6px 3%;
    }
    .section_big table
    {
        padding: 0px 3% 6px 3%;
        max-width: 629px;
        width:90% !important;
    }
    .section_big p
    {
        padding: 0px 3% 16px 3%;
    }
    .section_big img
    {          
        max-width: 55%; 
        height: auto;
    }
    .section_big ol
    {
        padding: 0px 5.7% 15px 8.7%;
    }
    .section_big ul
    {
        padding: 5px 5% 15px 7%;
        list-style-type: circle;
    }
    .section_big ul li
    {
        padding: 5px 0px;
    }
    
@media only screen and (max-width : 800px)
{
    .section_big h1
    {
        font-size: 30px;
    }            
} 
   
@media only screen and (max-width : 500px)
{
    .section_big h1
    {
        display: none;
    }  
    
    .breadcrumbs
    {
        display: none;
    }          
} 

.section_big_nav, .section_full_nav
{
    width: 100%;
    max-width: 240px;
    background: url("/media/58/bg_opaque_black.png");
    height: auto;
    color: #fff;
    font-size: 18px;
    display: block;
    margin: 0px 20px 10px 3%;
    padding: 0px 0px;
    float: left;
}
    .section_big_nav ul, .section_full_nav ul
    {
        padding: 30px 0px;
    }
    .section_big_nav ul li, .section_full_nav ul li
    {
        display: block;
        padding: 0px 0px 0px 0px;
    }
    .section_big_nav ul li a, .section_full_nav ul li a
    {
        color: #fff;
        display: block;  
        padding: 10px 17%;
    }
    .section_big_nav ul li a:hover, .section_full_nav ul li a:hover
    {
        background: #a1c6f3; 
        text-decoration: none;
    }
    
.section_no_wrap
{
    float: left;
    width: 73%;
    max-width: 736px;
}
    .section_no_wrap a, .section_big a
    {
        color: #3d79c0;
    }
    .section_no_wrap a:hover, .section_big a:hover
    {
        text-decoration: underline;
    }
.section_full_nav 
{
    min-height: 727px;
    height: 80%;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}  

@media only screen and (max-width : 900px)
{
    .section_no_wrap
    {
        width: 65%;
    }   
    
}
@media only screen and (max-width : 700px)
{
    .section_no_wrap
    {
        width: 55%;
    }   
    
}
@media only screen and (max-width : 600px)
{
    .section_no_wrap
    {
        width: 100%;
    }  
    .section_full_nav
    {
        width:100%;
        min-height: 0%;
        max-width: inherit;
        height: auto;
        margin: 0px 0px 20px 0px;
    }   
    
}
@media only screen and (max-width : 420px)
{
    .section_big_nav
    {
        width: 100%;
        max-width: none;
        margin: 0px 0px 25px 0px;
    } 
}
/*### END Alternate Section Page Properties ### */

/* ### BEGIN FILMOGRAPHY PROPERTIES ### */
.filmography_tiles
{
    text-align: center;
}

.filmography_film
{
    width: 200px;
    display: inline-block;
    padding: 5px;
}
    .filmography_film img
    {
        width: 180px;
        float: none;
        max-width: inherit;
        padding: 10px;
    }
    .filmography_film_title_year
    {
        font-size: 12px;
        text-align: center;
    }
        .filmography_film_title_year b
        {
            font-size: 14px;
        }
        
.filmography_list
{
    text-align: left;
    padding: 0px 2.7% 14px 3.7%;
    margin: 20px 0px 0px 0px;
}
    .filmography_list span
    {
        float: left;
        padding: 5px 5%;
        width: 40%;
    }
    
@media only screen and (max-width : 420px)
{
    .filmography_list span
    {
        width: 90%;
    } 
}


/* ### END FILMOGRAPHY PROPERTIES ### */
        
/* ### BEGIN BLOG PROPERTIES ### */   
.blog_section
{
    width: 100%;
    max-width: 976px;
    min-height: 800px;
    background: url("/media/58/bg_opaque_black.png");
    color: #fff;
    font-size: 15px;
    margin: 0px 0px -38px 0px;
    padding: 120px 0px 40px 0px;     
}


    .blog_section h1
    {
        color: #a1c6f3;
        font-size: 40px;
        min-height: 55px;
        font-weight: bold;
        margin: -10px 4% 0px 4%;
        padding: 0px 0px 6px 0px;
        text-align: right; 
        display: block;
        border-bottom: 1px dotted #fff;
    }
    .blog_section h1 a 
    {
        color: #a1c6f3;
        display: inline-block;
    }
    .blog_section h1 a:hover
    {
        text-decoration: underline;
    }
             
.blog_left
{
    width: 56%;
    float: left;
    padding: 0px 40px;
}  
      
.blog_right
{
    width: 31%;
    float:left;
}

    @media only screen and (max-width : 580px)
        {   
            .blog_left
            {
                width: 88%;
                max-width: 628px;
                float: left;
                padding: 0px 20px;
            }   
            .blog_right
            {
                width: 88%;
                max-width: 628px;
                float: left;
                padding: 0px 20px 20px 20px;
            }    
            .blog_section
            {
                padding: 135px 0px 40px 0px;
            }                
        }             
            
.blog_entry
{
    padding: 20px 0px 25px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: 1px dotted #666;
}
    .entry_padding
    {
        padding: 10px 8% 20px 8%;
    }
            
.blog_entry h2, .blog_entry h2 a
{
    font-size: 22px;
    font-weight: 600;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #a1c6f3;
    text-decoration: none;
}
    .blog_entry h2 a:hover
    {
        text-decoration: underline;
    }
            
.blog_entry h3
{
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #ccc;
}
    .entry_tags img
    {
        width: 32px !important;
        float: left;
        margin: 12px 6px 0px 0px;
        padding: 0px 0px 0px 0px !important;
    }
    .entry_tags ul
    {
        margin: 0px 0px 0px 0px;
        padding: 18px 0px 12px 0px;
    }
    .entry_tags li
    {
        display: inline;
        font-size: 12px;
        margin: 0px 2px;
    }
    .entry_tags li a
    {
        color: #a1c6f3;
        text-decoration: none;
    }
    .entry_tags li a:hover
    {
        text-decoration: underline;
    }
        a#tag_active
        {
            color: #4D88D1;
            cursor: default;
        }
        a#tag_active:hover
        {
            text-decoration: none;
        }
    .entry_date
    {
        font-size: 12px;
        color: #4D88D1;
        font-weight: 600;
        padding: 5px 0px 10px 0px;
    }
    .entry_body a
    {
        color: #a1c6f3;
    }
        .entry_body a:hover
        {
            text-decoration: underline;
        }
            
.blog_entry img
{
    width: 100%;
    max-width: 400px;
    padding: 5px 0px 15px 0px;
}
            
.blog_entry p
{
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 16px 0px;
}
            
.read_all a
{
    background-color: #800001;
    width: 130px;
    padding: 10px 10px;
    margin: 10px 0px 0px 0px;
    color: white;
    text-decoration: none;
    border: 1px solid white;
    display: block;
    text-align: center;
}
.read_all a:hover
{
    background-color: #a1c6f3;
}
            
.blog_right span
{
    font-size: 20px;
    display: block;
    padding: 40px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px dotted #666;
    color: #a1c6f3;
}
            
.blog_right ul
{
    margin: -5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
            
.blog_right li
{
    list-style-type: none;
    display: block;
    padding: 25px 0px 0px 0px;
    font-size: 14px;
    color: #666;
}
    .tagname
    {
        float: left;
        width: 90%;
    }
    .tagname a
    {
        color: #bbb;
        text-decoration: none;
    }
        .tagname a:hover
        {
            text-decoration: underline;
        }
    .tagcount
    {
        float: right;
        width: 10%;
        text-align: center;
        color: #bbb;
    }
/* ### END BLOG PROPERTIES ### */


/* ### BEGIN CALENDAR PROPERTIES ### */
.calendar_section
{
    width: 100%;
    max-width: 976px;
    min-height: 710px;
    background: url("/media/2181/bg_opaque_white.png");
    /*background: url("/media/447/opaque_gray.png");*/
    color: #000;
    font-size: 15px;
    margin: 0px 0px -38px 0px;
    padding: 160px 0px 40px 0px;     
}

   .calendar_section h1
    {
        color: #2a3972;
        font-size: 40px;
        font-weight: bold; 
        padding: 20px 3%;   
    }
    
.calendar_contain
{
    margin: -20px 5% 0px 5%;
    min-height: 710px;
}
    .event_type
    {
        color: #2a3972;
        font-size: 28px;
        font-weight: 600;
        display: inline-block;
        margin: 20px 0px;
    }
        .event_type img
        {
            width: 60px;
            display: inline-block;
            margin: 0px 10px -18px 0px;
        }
    .calendar_event
    {
        margin: 0px 0px 15px 0px;
    }
        .calendar_event img
        {
            width: 32px;
            margin: 0px 6px -9px 0px;
        }
        .event_img img
        {
            width: 32px;
            float:left;
            margin: 0px;
            display: inline;
        }
        .event_title
        {
            font-weight: 600;
            color: #2a3972;
            font-size: 18px;
            line-height: 1.4;
        }           
            .event_title a
            {
                font-weight: 600;
                color: #2a3972;
            }
            .event_title a:hover
            {
                text-decoration: underline;
            }
        .event_date
        {
            font-size: 14px;
            color: #444;
            margin-top: 7px;
        }
        .event_location
        {
            font-size: 14px;
            color: #444;
        }
            .event_location a
            {
                font-weight: 600;
                color: #800001;
            }
                .event_location a:hover
                {
                    text-decoration: underline;
                }
        .event_desc
        {
        }
        
    #calendar_hidden
    {
        height: auto;
        overflow:hidden;
    }
    
    .calendar_button 
    {
        font-size: 16px;
        color: #fff;
        border: 1px solid #fff;
        background: #a1c6f3;
        padding: 8px 10px;
        margin: 30px auto 0px auto;
        cursor: pointer;
        width: 100px;
        text-align: center;
    }    
        .calendar_button:hover
        {
            background-color: #800001;
        }
        
    @media only screen and (max-width : 550px)
    {
        .event_title
        {
            font-size: 14px;
        }           
            .event_title a
            {
                font-size: 14px;
            }
        .event_date
        {
            font-size: 12px;
        }
        .event_location
        {
            font-size: 12px;
        }
        .event_desc
        {
            font-size: 12px;
        } 
    }  
    
    a#cal_course_register
    {
        background-color:#800001;
        border: 1px solid #fff;
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        padding: 2px 5px;
    }
        a#cal_course_register:hover
        {
            background-color: #a1c6f3;
            text-decoration: none;
        }
    span#cal_register_msg
    {
        color: #800001;
        font-size: 12px;
        font-weight: normal;
    }
    
    a.show_pop
    {
        color: #3d79c0;
        font-weight: bold;
        font-size: 14px;
    }
        a.show_pop:hover
        {
            text-decoration: underline;
        }
    
    .pop .calendar_event
    {
        margin: 0px 0px 0px 0px;
        padding: 10px 5%;
    }
    
    .pop .event_title
    {
        padding: 0px 0px 12px 0px;
        border-bottom: 1px solid #999;
        margin: 0px 0px 20px 0px;
    }
    
    .pop .event_desc p
    {
        padding: 10px 0px 0px 0px;
        font-size: 14px;
    }

    .pop .event_desc a
    {
        color:inherit;
	text-decoration:underline;
    }

@media only screen and (max-width : 400px)
{  
    .pop .event_desc p
    {
        font-size: 12px;
    }  
}
        
/* ### END CALENDAR PROPERTIES ### */


/*### BEGIN HOW CAN WE HELP PROPERTIES ###*/
.adPage table
{
    width: 100% !important;
    border-spacing: 0px;
    padding: 0px;

        -moz-box-shadow: 0px 0px 10px #555;
        -webkit-box-shadow: 0px 0px 10px #555;
        box-shadow: 0px 0px 10px #555; 
}
    .adPage table tr:nth-child(odd)		{ background-color:#ddd; }
    .adPage table tr:nth-child(even)		{ background-color:#fff; }
    .adPage table td:nth-of-type(odd) { background-color:#eee; }
    .adPage table td:nth-of-type(even) { background-color:#ccc; }
    
    .adPage table tr 
    {
        border: 1px solid #000;
    }
    .adPage table tr td
    {
        width: 20%;
        padding: 1.5% 5.5%;
        /*border: 1px solid #aaa;*/
        border-bottom: 1px solid #fff;
    }
        .adPage table tr td p
        {
            padding: 0px;
        }
    .ad_text
    {
        background-image: url("/media/58/bg_opaque_black.png");
        font-size: 19px;
        width: 42%;
        padding: 43px 3%;
        color: #fff;
        float: left;
        margin: 0px 0px 0px 3%;
    } 
        .ad_text img
        {
            display: none;
        }     
    .ad_image img
    {
        width: 44%;
        float: right;
        margin: 0px 3% 0px 0px;
    }
    .ad_body1
    {
        margin: 20px 0px 10px 0px;
    }
        .ad_body1 h2
        {
            margin-bottom: 10px;
        }
    .ad_body2
    {
        margin: 20px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
    }

.highlights
{
    width: 100%; 
    text-align:center;   
}
    .highlight
    {
        width: 19%;
        max-width: 150px;
        height:150px;
        display:inline-table;
        background-color: #800001;
        border: 2px solid #fff;
        color: #fff;
        padding: 10px 1.5%;
        text-align: left;   
        position: relative;
        
        -moz-box-shadow: 0px 0px 10px #555;
        -webkit-box-shadow: 0px 0px 10px #555;
        box-shadow: 0px 0px 10px #555;   
    }
    #highlightColor1 { background-color: #800001; }
    #highlightColor2 { background-color: #888; }
    #highlightColor3 { background-color: #063369; }
    #highlightColor4 { background-color: #555; }
    
    .highlight a
    {
        background-image: url("/media/58/bg_opaque_black.png");
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        padding: 0px;
        text-align: center;
        font-weight: 600;
        color: #fff;
        /*
        display: -webkit-box;
        display: -moz-box;
        display: box;
        
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;*/
        visibility: hidden;
    }
        .highlight a:hover
        {
            text-decoration: none;
        }
        .highlight a span
        {
            margin: 20% 5%;
            display: block;
        }
        
@media only screen and (max-width : 970px)
{  
    .ad_text
    {
        font-size: 19px;
        width: 94%;
        padding: 43px 1.5%;
        float: none;
        margin: 0px 3% 0px 1.5%;
    } 
        .ad_text img
        {
            display: block;
            float:right;
            padding: 0px 1.5%;
        }     
    .ad_image
    {
        display:none;
    } 
}

@media only screen and (max-width : 880px)
{     
    .highlight
    {
        width: 21%;
    }
}

@media only screen and (max-width : 660px)
{     
    .highlight
    {
        width: 88%;
        margin: 5px 1.5%;
        height: auto;
        padding: 20px 3%;
        font-size: 18px;
    }
    .highlight a span
    {
        margin: 6% 5%;
    }
}

@media only screen and (max-width : 599px)
{  
    .section_big
    {
        padding: 140px 0px 0px 0px;
    }
    .ad_text
    {
        padding: 20x 1.5%;
    } 
    .ad_text img
    {
        display: block;
        width:97%;
        max-width: inherit;
        float:none;
        padding: 0px 1.5%;
        margin: 0px 0px 20px 0px;
    }  
}
@media only screen and (max-width : 500px)
{  
    .section_big h1
    {
        display: block;
        font-size: 22px;
    }
    
    .adPage table tr td
    {
        width: 20%;
        padding: 1.5% 2.5%;
        border-bottom: 1px solid #fff;
        font-size: 14px;
    }
    .section_big ul 
    {
        padding: 5px 5% 15px 11%;
    }
}

@media only screen and (max-width : 300px)
{  
    .adPage table tr td
    {
        padding: .2% 2.5%;
        font-size: 11px;
    }
}
/*### END HOW CAN WE HELP PROPERTIES ###*/