/*
========================================================================
Title:    Client Name Stylesheet (Screen)
Author:   elliot.agro@orcawebsites.com
========================================================================
*/

* {
    margin: 0;
    padding: 0;
    line-height: 100%;
    list-style-type: none;
    }

html {
    background: #C4CFE1 url(../images/bg_repeat.jpg) repeat-x;
    text-align: center;
    }



/*
========================================================================
Common Styles
========================================================================
*/

div, p, span, li, dd, dt, th, td, legend, h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #000;
    }

div, p, span, li, dd, dt, th, td {
    font-weight: normal;
    font-size: 11px;
    }

div, p, span, dd, dt, th, td, label {
    line-height: 160%;
    }

p, ul, ol, table {
    padding: 8px 0;
    }

h1, h2, h3, h4, h5, h6, legend {
    line-height: 120%;
    font-weight: normal;
    }

h2, legend {

    }

h3 {

    }

.text,
.smalltext,
.mediumtext,
.largetext,
.password {

 color: #000;
    font-size: 11px;

    }

select.dropdown {
    background: #000;
    border: 1px solid #FFF;
    color: #FFF;
    }

a {
    color: #FFF;
    outline: none;
    text-decoration:none;
    }

a:hover {
    color: #666;
    }

:focus {
    -moz-outline-style: none;
    }

pre {
    text-align: left;
    color: #FFF;
    }

label {
    font-weight: bold;
    }

input, textarea {
    border:1px solid #000;
}

fieldset {
    border: none;
    }



/*
========================================================================
Basic Layout
========================================================================
*/

#container {
    width: 840px;
    margin: 0 auto;
    text-align: left;
    }


    /* === Header === */

    #header {
        width: 840px;
        height:116px;
        float: left;
        background: #000000 url(../images/bg_header.jpg) repeat-x;
        }

            #search {
                width:165px;
                float:right;
                margin-top:83px;
                }
                #search form {
                    padding: 5px;
                    }
                    #search fieldset {
                        border: none;
                        }
                        #search #input_search {
                            width: 128px;
                            float: left;
                            border:none;
                            padding:2px;
                            }
                        #search #input_search_submit {
                            float: right;
                            border:none;
                            background:none;
                            color:#fff;
                            }


        #pri_nav {
            width: 840px;
            height: 29px;
            float: right;
            background:url(../images/bg_navbar.jpg) no-repeat;
            }
            #pri_nav ul {
                list-style: none;
                padding: 0;
                }
                #pri_nav li {
                    float: right;
                    _width:120px;
                    _text-align:center;
                    }
                    #pri_nav a {
                        display: block;
                        height: 25px;
                        margin:8px 15px 0px;
                        _margin:8px 8px 0px 0px;
                        text-decoration:none;
                        font-weight:bold;
                        font-size:11px;
                        }
                    #pri_nav a:hover {
                        color:red;
                        }

                    #pri_nav a.selected {
                        color:#aaa;
                        }



    /* === Body === */

    #body {
        width: 100%;
        float: left;
        }
        #sidebar {
            width: 160px;
            float: left;
            }
        #sidebar input.text {
            width: 100%;
            }

        #content {
            width: 840px;
            float: right;
            background: #687387 url(../images/bg_main_box.jpg) repeat-x;
            min-height:520px;
            _height:520px;
            }


         #copy h2{
               background:#FFFBF5;
               margin:36px 36px 10px 36px;
               _margin:18px 18px 5px 18px;
               padding:10px;
               _padding:5px;
               }

         #copy #additional{
               background:#FFFBF5;
               margin:0px 36px 36px 36px;
               _margin:0px 18px 18px 18px;
               padding:10px;
               _padding:5px;
               }

           
            #messages {
                background: #000;
                border: 1px solid #FFF;
                margin: 0 0 20px 0;
                _margin: 0 0 10px 0;
                padding: 10px 0 0 0;
                _padding: 5px 0 0 0;
                }
                #messages p {
                    margin: 0 10px 10px 10px;
                    _margin: 0 5px 5px 5px;
                    padding: 0 0 0 23px;
                    _padding: 0 0 0 12px;
                    background-repeat: no-repeat;
                    }
                    #messages p.ok {
                        background-image: url(../images/icn_tick.png);
                        }
                    #messages p.error {
                        background-image: url(../images/icn_error.png);
                        }
                    #messages p.info {
                        background-image: url(../images/icn_info.png);
                        }
            #footer {
                width: 100%;
                float: left;
                text-align: center;
                margin: 0px 0;
                background:url(../images/bg_footer.jpg);
                padding-bottom:50px;
                }
                #footer ul {
                    list-style: none;
                    padding: 0;
                    }
                    #footer li {
                text-decoration:none;
                float:left;
                margin:0px 10px;
                _margin:0px 5px;
                
                        }
                #footer p, #footer a{
                    padding: 0px 0 0 0;
                text-decoration:none;
                    color:#fff;
                    font-size:10px;
                    font-weight:bold;
                    }


#footlinks {
     float:left;
     padding-top:10px;
     _padding-top:5px;
}


#copypow {
     float:right;
     width:250px;
     padding-top:10px;
     _padding-top:5px;
}

#copypow p{
     float:right;
     line-height:120%;
      margin: 0 10px;
      _margin: 0 5px;
}


/*
========================================================================
Home Page
========================================================================
*/

#page_home {
    }

#page_home #additional {
   text-align:center;
   font-size:10px;
   width:212px;
   float:left;
   height:217px;
   background:url(../images/bg_welcome.jpg);
   padding:10px;
   _padding:9px;
   margin:36px 36px 36px 36px;
   _margin:18px 18px 18px 18px;
}

#welcome h2{
    font-weight:bold;
    margin-bottom:20px;
    _margin-bottom:10px;
    color:#fff;
}

#flash_panel {
    float:left;
    margin:36px 0;
    _margin:18px 0;
}


#homelinks {
    width:100%;
    float:left;
    margin-bottom:20px;
    _margin-bottom:10px;
}

div.home_item {
    width:232px;
    height:204px;
    margin-left:36px;
    _margin-left:18px;
    float:left;
    background: url(../images/bg_home_item.jpg) no-repeat;
}

div.frontblock a {
   text-decoration:none;
}

div.blockhead {
    float:left;
    padding:10px;
    _padding:9px;
    width:100px;
}

div.blockhead a{
    float:left;
    width:100%;
    text-decoration:none;
    font-weight:bold;
}

div.thumb_image {
     margin-left:3px;
     _margin-left:2px;
     float:left;
}

div.gobut{ 
    float:right;
    background:none;
}

div.gobut a img{ 
    background:none;
}

div.blocktext {
    float:left;
    width:100%;
    text-align:center;
    font-size:10px;

}

div.blocktext p{
    font-size:10px;
    *font-size:9px;
    _font-size:9px;
    min-height:45px;
    padding:10px;
    *padding:5px;
}

div.morebut{
    width:70px;
    float:right;
    margin-right:10px;
    _margin-right:5px;
}

div.morebut a{
    float:right;
    color:#ff0000;
    font-weight:bold;
    font-size:10px;
}

div.bottomtext {
    float:center;
    margin-left:36px;
    width:768px;
    height:50px;
    text-align:center;
    font-size:10px;
    background: url(../images/bg_bottom.jpg) no-repeat;
}



/*
========================================================================
Users Page
========================================================================
*/


#section {
    background:#FFFBF5;
    float:left;
    width:768px;
    margin:36px;
    _margin:18px;
    _padding-bottom:6px;
}

#children_wrapper {
    margin:10px;
    _margin:5px;
    width:155px;
    float:left;
    background:#ACB7CA;
}

#children_wrapper ul{
   padding-left:10px;
   _padding-left:5px;
}

#children_wrapper li{
    margin:5px 0;
}


#section #additional{
    float:left;
    width:550px;
    padding:0 10px;
    _padding:0 5px;
    margin-top:10px;
    _margin-top:5px;
}

#section #title{
    font-weight:bold;
}


a.selected {
   color:#333;
}


/*
========================================================================
Contact Page
========================================================================
*/

#page_contact {
    }
    #page_contact #additional {
         background:#FFFBF5;
         margin:0px 36px 36px 36px;
         _margin:0px 9px 9px 9px;
         padding:10px;
         _padding:5px;
         float:left;
         _width:794px;
        }

    #page_contact #details {
        width: 200px;
        float: left;
        margin: 20px 0 0 0;
        _margin: 10px 0 0 0;
        padding:20px 20px 20px 60px;
        _padding:10px 10px 10px 30px;
        }

    #page_contact #details a{
         color:#000;
        }

    #page_contact #fields {
        width: 300px;
        float: right;
        margin: 20px 0 0 0;
        _margin: 10px 0 0 0;
        padding:20px 60px 20px 20px;
        _padding:10px 30px 10px 10px;
        }

    #page_contact #fields li{
        float:left;
        margin:10px;
        _margin:5px;
        width:100%;
        }

    #page_contact #fields li label{
        float:left;
        }

    #page_contact #fields li input, #page_contact #fields li textarea{
        float:right;
        }

    #page_contact #fields li input.image {
         border:none;
        }


/*
========================================================================
FAQ's
========================================================================
*/

#faqs {      
}

    #faq_index dt {
        margin: 15px 0 0 15px;
        _margin: 8px 0 0 8px;
        font-weight: bold;
        font-size:10px;
        height:21px;
        padding-left:25px;
       
        }

    #faq_index dt a{
        color:#000; 
        }

    #faq_index dd {
        padding: 5px 41px;
        _padding: 3px 20px;
        font-size:10px;
        }
 
        #faq_index dt.on {
            background: url(../images/bg_answer.jpg) no-repeat;
            }
        #faq_index dt.off {
            background: url(../images/bg_question.jpg) no-repeat;
            }

/*
========================================================================
Site Map
========================================================================
*/


#sitemap #additional a{
      color:#000;
}

/*
========================================================================
Search Results
========================================================================
*/


#search_results #summary{

    background:#FFFBF5;
    float:left;
    width:758px;
    _width:795px;
    margin:10px 36px;
    _margin:9px;
    _padding-bottom:6px;
    padding-left:10px;
       
}

#search_results #results {
    background:#FFFBF5;
    float:left;
    width:748px;
    _width:795px;
    margin:10px 36px;
    _margin:9px;
    _padding-bottom:6px;
    padding-left:10px;
    
}

#search_results #results a{
    color:#630;
    padding:10px 0;
}


/* Localized */