/* --------------------------------------------------- 
TEMPLATE.CSS contains the default styles for websites
built in the anytime system.
--------------------------------------------------- */



/* MAIN ELEMENTS 
Main page elements, page layout, links and other common
styles. */
body { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;  
text-align:left;
background-color:#1C4A4A;
clear:both;
margin:0 auto; 
}


/* DEFAULT LINKS */
a         {text-decoration:none;color:#0d888e;}
a:visited {text-decoration:none;color:#698c8e;}
a:hover   {text-decoration:none;color:#3eb1b7;}
a img     {border:none;}

.small {font-size:11px;}


/* DEFAULT HEADERS */
h1, h2, h3, h4, h5, h6 {
margin:0px 0px 5px 0px;
}

h1 {color:#1C4A4A;font-size:18px;margin:0px 0px 10px 0px;font-weight:normal;}
h2 {color:#1C4A4A;font-size:15px;margin:0px 0px 0px 0px;}
h3 {color:#000000;font-size:14px;margin:0px 0px 3px 0px;font-family:"Times New Roman", Times, serif;}
h4 {color:#1C4A4A;font-size:15px;margin:0px 0px 10px 0px;}
h5 {color:#c46a00;font-size:14px;margin:0px 0px 6px 0px;font-family:"Times New Roman", Times, serif;}
h6 {color:#218d8d;margin:0px 0px 2px 0px;font-size:12px;font-weight:bold;}


/* OTHER DEFAULT ELEMENTS */
acronym {border:none;}

.clearer {
clear:both;
font-size:0;
line-height:0;
height:0;
padding:0 0 0 0;
margin:0 auto;
}




ul {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
margin-left:0;
padding-left:0;
}
        li {
        list-style:none;
        margin-top:0;
        padding-top:0;
        padding-bottom:10px;
        margin-left:0;
        padding-left:16px;
        background-image:url(../images/white_point.gif);
        background-position:-4px 0px;
        background-repeat:no-repeat;
        }





.icon-pdf-white,
.icon-pdf-green,
.icon-mp3-white,
.icon-blank {
line-height:24px;
}
        .icon-pdf-white a {
        padding-left:24px;
        background:url(../images/icon_pdf_white.gif) left center no-repeat;
        }
        .icon-pdf-green a {
        padding-left:24px;
        background:url(../images/icon_pdf_green.gif) left center no-repeat;
        }
        .icon-mp3-white a {
        padding-left:24px;
        background:url(../images/icon_mp3_white.gif) left center no-repeat;
        }
        .icon-pdf-big {
        margin-bottom:15px;
        background:url(../images/icon_pdf_big.gif) left top no-repeat;
        }
        .icon-mp3-big {
        margin-bottom:15px;
        background:url(../images/icon_mp3_big.gif) left top no-repeat;
        }
        .icon-vid-big {
        margin-bottom:15px;
        background:url(../images/icon_vid_big.gif) left top no-repeat;
        }
        .icon-blank-big {
        clear:both;
        margin-bottom:15px;
        }
                .icon-blank-big img {float:left;margin-right:15px;}





/* STANDARD PAGE ELEMENTS 
Standard page elements for laying out the main content of a website. */
#container {
display:block;
min-width:832px;
text-align:left;
background-color:#ffffff;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}

        /* MAIN HEADER */
        #header-holder {
        display:block;
        height:152px;
        border-right:760px;
        background:#336666 url(../images/top_grad.gif) left bottom repeat-x;
        }
        
        #header {
        display:block;
        min-width:760px;
        height:132px;
        padding:10px 10px 10px 20px;
        text-align:left;
        background:url(../images/top_bg.gif) left top no-repeat;
        overflow:hidden;
        }
        
                #header .right-nav a {padding:0 2px 0 2px;color:#ffffff;}
                #header .right-nav a:hover {color:#E7C60E;}
                
                #header .right-nav {
                float:right;
                font-size:11px;
                color:#5FA5B0;
                padding:2px 4px 2px 4px;
                background-color:#034C56;
                }
                
        #news-bar {
        display:block;
        overflow:hidden;
        color:#ffffff;
        padding:0 20px 0 20px;
        line-height:35px;
        text-align:left;
        background:#072223 url(../images/newsline_bg.gif) left top no-repeat;
        }
        
                #news-bar a {color:#E7C60E;}
                #news-bar a:hover {color:#ffffff;}
                #news-bar .date {color:#BEEFFA;}
                #news-bar strong {color:#6ca5a5;}
                
        
        
        /* MAIN CONTENT */
        #main {
        min-width:760px;
        background:#ffffff url(../images/main_grad.gif) top left repeat-x;
        padding:10px 20px 10px 20px;
        }
        
        
        
        
                #main #navigation {
                float:left;
                position:absolute;
                display:block;
                width:101px;
                line-height:15px;
                padding:10px 20px 0 0;
                }
                
                        #main #navigation a {display:block;color:#000000;padding:5px 0 6px 0;}
                        #main #navigation a:hover {color:#E7C60E;}
                        
                        #main #navigation .ats {
                        width:101px;
                        line-height:17px;
                        margin-top:20px;
                        padding-top:12px;
                        margin-bottom:20px;
                        border-top:solid #93b7b7 1px;
                        }
                        
                                #main #navigation .ats img {padding-bottom:5px;display:block;}
                        
                                #main #navigation .ats a {color:#0d888e;padding:0;}
                                #main #navigation .ats a:hover {color:#3eb1b7;}
                
                
                
                
                
                #main .main-holder {
                line-height:18px;
                border-left:solid #ffffff 121px;
                min-width:620px;
                max-width:1000px;
                min-height:400px;
                padding:10px 0 0 20px;
                background:url(../images/nav_side.gif) top left repeat-y;
                }
                        #main .main-holder b, #main .main-holder strong {color:#00595B;}
                        
                
                        #main .main-holder .main-holder-inner {
                        float:left;
                        }
                        
                        
                        #main .main-holder .images-right {
                        clear:both;
                        float:right;
                        margin:18px 0 0 15px;
                        width:300px;
                        overflow:hidden;
                        padding:0 0 0 0;
                        }
                        
                        #main .main-holder .images-right2, #main .main-holder .images-right3 {
                        clear:both;
                        float:right;
                        margin:0 0 0 15px;
                        width:400px;
                        overflow:hidden;
                        padding:0 0 0 0;
                        }
                        
                                #main .main-holder .images-right img,
                                #main .main-holder .images-right2 img {clear:left;float:left;padding:0 0 15px 0;}
                                
                                #main .main-holder .ir-info {
                                display:block;
                                padding:10px;
                                color:#FFFFFF;
                                margin-bottom:15px;
                                border-top:solid #002628 8px;
                                background:#326666 url(../images/small_bg.gif) top right no-repeat;
                                }
                                        #main .main-holder .ir-info b,
                                        #main .main-holder .ir-info strong {color:#CCFDFF;}
                                        #main .main-holder .ir-info a {color:#ffffff;}
                                        #main .main-holder .ir-info a:hover {color:#E7C60E;}
                                        
                                        #main .main-holder .ir-info ul {
                                        margin-top:0;
                                        margin-bottom:0;
                                        padding-top:0;
                                        margin-left:0;
                                        padding-left:0;
                                        }
                                                #main .main-holder .ir-info li {
                                                list-style:none;
                                                margin-top:0;
                                                padding-top:0;
                                                padding-bottom:10px;
                                                margin-left:0;
                                                padding-left:16px;
                                                background-image:url(../images/green_point.gif);
                                                background-position:-4px 0px;
                                                background-repeat:no-repeat;
                                                }
                        
                
                        #main .main-holder .highlight {
                        float:left;
                        width:380px;
                        margin:0 30px 20px 0;
                        }
                        
                                #main .main-holder .highlight img {padding-bottom:10px;}
                        
                                #main .main-holder .highlight .hl-news {
                                float:left;
                                width:380px;
                                }
        
        
       #forum {}
                        #forum th {
                        font-size:12px;
                        }
                        #forum td {
                        padding:3px 0 3px 0;
                        border-top:solid #e9edee 1px;
                        }
                        
                        
        /* MAIN FOOTER */
        #footer {
        width:812px;
        text-align:left;
        padding:16px 10px 16px 10px;
        background-color:#1C4A4A;
        }

                #footer a {color:#E7C60E;}
                #footer a:hover {color:#ffffff;}
                        
                #footer .links, #footer .address1, #footer .address2 {
                float:left;
                font-size:11px;
                background-color:#1C4A4A;
                }
                
                        #footer .links {
                        width:400px;
                        line-height:20px;
                        color:#427878;
                        padding:10px 20px 10px 10px;
                        }
                        
                        #footer .address1, #footer .address2 {
                        line-height:17px;
                        color:#ffffff;
                        border-left:solid #3f6b6b 1px;
                        padding:10px 20px 10px 20px;
                        }
                        
                                #footer .address1 {width:200px;}
                                #footer .address2 {width:100px;}
                
                

/* GAPS
Gaps to space elements */
.gap1 {float:left;width:10px;}
.gap2 {float:left;width:20px;}
.gap3 {float:left;width:30px;}




/* COMMON PAGE STYLES
Common page (ie. contact page) styles. */



.shop-holder {padding-top:0;}
        .shop-holder .shop-item {display:block;border-top:solid #93b7b7 1px;padding:6px 0 6px 0;}
                .shop-item .image {float:left;margin-right:15px;}
                .shop-item .details {padding-top:6px;}
                .shop-item .price {float:right;padding-top:6px;text-align:right;}
        
        .shop-holder .shop-details {}
                .shop-details .image {float:right;margin-left:15px;}
                .shop-details .details {}





/* STAFF ELEMENTS */
.staff-holder {display:block;padding-top:20px;}
.staff-item {display:block;margin-bottom:10px;}

        .staff-holder .staff-item .image {float:left;overflow:hidden;width:122px;height:122px;background:#1C4A4A url(../images/profile.gif);margin-right:15px;}
                .staff-holder .staff-item .image img {border:solid #09252B 1px;}
        .staff-holder .staff-item .text {font-size:10pt;text-align:left;line-height:18px;margin-top:5px;}
        .staff-holder .staff-item .contact {float:left;width:200px;height:122px;}



.events-holder-summary {float:left;padding-top:10px;width:425px;}
.events-holder-summary2 {float:right;width:400px;margin:0 0 0 15px;}
.events-holder {padding-top:20px;}

.events-item, .events-item2 {margin-bottom:15px;padding-right:15px;height:120px;overflow:hidden;}
        .events-item {background:#DFF7FD url(../images/page_bg01.gif) bottom right no-repeat;}
        .events-item2 {background:#F5F9FA url(../images/page_bg02.gif) bottom right no-repeat;}
                
        .events-item .image, .events-item2 .image {float:left;overflow:hidden;width:120px;height:120px;background:#1C4A4A;margin-right:10px;}
        .events-item .details, .events-item2 .details {
        line-height:18px;
        height:110px;
        padding:5px 5px 5px 0;
        }
                
                        .events-item .details .text, .events-item2 .details .text {
                        height:110px;
                        overflow:hidden;
                        }
                        
                        
        .events-main .image {float:right;margin:0 0 15px 15px;width:250px;}
        .events-main .details {}
                
        .events-holder .date, .events-holder-summery .date {text-transform:uppercase;font-size:11px;font-weight:bold;color:#015474;}
        
        
        
        .map {
        float:left;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        }
        
        
        
        
.conference-clock {
float:left;
width:140px;
color:#20D1DF;
font-size:15px;
text-align:center;
background:#1C4A4A;
padding:0 10px 10px 10px;
margin:5px 15px 2px 0;
}

        .conference-clock .big {
        color:#35888C;
        font-size:19px;
        line-height:36px;
        }
        
        .conference-clock .small {
        color:#6AB1B5;
        font-size:11px;
        }
        
        
        

.contact-holder {
display:block;
width:500px;
padding:10px;
color:#FFFFFF;
margin-top:20px;
border-top:solid #002628 8px;
background:#326666 url(../images/small_bg.gif) top right no-repeat;
}

.contact-holder-side {
display:block;
padding:10px;
color:#FFFFFF;
border-top:solid #002628 8px;
background:#326666 url(../images/small_bg.gif) top right no-repeat;
}

        .contact-holder-side form .label {float:none;text-align:left;margin-bottom:0;}
        .contact-holder-side form .button {padding-left:0px;}
        .contact-holder-side form .input {width:280px;}
                .contact-holder-side form .input input {width:270px;}
        .contact-holder-side form .textarea {width:280px;}
                .contact-holder-side form .textarea textarea {width:270px;}



.library-holder {padding-top:20px;}
.problems-holder {padding-top:20px;}
.exams-holder {padding-top:20px;}




/* PRODUCTS/SERVICE ELEMENTS */
.service-holder {width:120px;float:left;}

        .service-holder .image {margin-bottom:10px;overflow:hidden;}
        .service-holder .text {font-size:10pt;text-align:center;line-height:18px;}




/* NEWS ELEMENTS */
.news-holder {display:block;}

        .news-holder .image {float:right;width:120px;height:160px;overflow:hidden;}
        .news-holder .text {float:left;}
        .news-holder .date {font-size:10pt;color:#1A4E0C;}
        



/* TESTIMONIALS ELEMENTS */
.testim-holder {display:block;margin-bottom:20px;}
/* LINKS PAGE ELEMENTS */
.link-holder {display:block;margin-bottom:20px;}
/* FAQ PAGE ELEMENTS */
.faq-holder {display:block;margin-bottom:20px;}
        
        
        
        
/* MAIN FORM */
form {
margin:0 auto; 
padding:0 0 0 0;
}
                        
        form .req {
        color:#DFF4FF;
        font-weight:bold;
        font-size:9pt;
        }

        form .label {
        clear:both;
        float:left;
        width:140px;
        height:25px;
        color:#C7F5FE;
        font-size:10pt;
        line-height:22px;
        text-align:right;
        margin-right:10px;
        margin-bottom:4px;
        }
        
        form .input {
        float:left;
        width:240px;
        height:25px;
        }
                form .input input {
                font-size:12px;
                width:200px;
                }
        
        form .textarea {
        float:left;
        font-size:11px;
        width:240px;
        height:93px;
        }
                form .textarea textarea {
                font-size:12px;
                width:200px;
                height:80px;
                }
                form .textarea img {
                padding-top:3px;
                }
        
        form .button {
        margin-top:15px;
        padding-left:150px;
        }