/* CSS Document */



* {

        margin: 0;

        border: 0;

        padding: 0;

        }



body {

        background-color: #F7FDFF;

        font-family: "Trebuchet MS",sans-serif;

        }





.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

font-size: 0;

}





.clearfix {

display: inline;

}



    * html .clearfix {height: 1%;}

        .clearfix {display: block;}



#ad {

       background-color: #FFFFFF;

       border-left: 0px solid #A9B9BF;

       border-right: 0px solid #A9B9BF;

       display: block;

       width: 800px;

        height: 110px;

       margin-top: 5px;

       margin-bottom: 5px;

       text-align: center;

}



#text {

        width: 350px;

        display: none;

        height: 60px;

        font-size: 16px;

        color: #CCC;

        text-decoration: none;

        padding-top: 10px;

        }



#container {

        margin: 0 auto;

        width: 800px;

        background-color: #ffffff;

        border-left: 8px solid #A9B9BF;

        border-right: 8px solid #A9B9BF;

        padding-bottom: 45px;

        }



h1 {

        background-color: #383E40;

        border-bottom: 1px solid #666;

        height: 19px;

        color: #CCC;

        font-size: 12px;

        padding: 3px 10px;

        }



h2 {

        background-color: #EDECF2;

        height: 40px;

        font-size: xx-large;

        color: #333;

        letter-spacing: -3px;

        padding: 30px 40px;

        border-top: 1px solid #9FD6EA;

        }



#navigation {

        height: 30px;

        background: #383E40;

        list-style-type: none;



        }



#navigation li {

        float: left;

        text-align: center;

        border-right: 1px solid #A3A3A3;

        }



#navigation a {

        width: 79px;

        display: block;

        height: 26px;

        font-size: 16px;

        color: #CCC;

        text-decoration: none;

        padding-top: 4px;



        }



#navigation a:hover {

        background-color: #717C80;

        }



#slogan {

        list-style-type: none;

        float: right;

        width: 550px;

        height: 25px;

        background-color: #919191;

        border-left: 250px solid #9D9D9D;

        }



h3 {

        font-size: 14px;

        color: #333;

        font-style: italic;

        float: left;

        margin-left: 10px;

        }



#slogan p {

        font-size: 14px;

        color: #333;

    font-style: italic;

        float: left;

        margin: 2px 20px;

        }



        #sloganlinks {

                list-style-type: none;

                float: right;

                width: 500px;

                height: 25px;

                background-color: #919191;

                border-left: 300px solid #9D9D9D;

        }



#introductionnews {

        float: left;

        width: 540px;

        margin: 5px;

        }



#intro {

        font-size: 16px;

        color: #CCC;

        font-style: italic;

        background: #333;

        padding: 5px;

        border-bottom: 4px solid #666;

        }



#news a{

        margin-top: 10px;

    font-size: 16px;

    color: black;

        background-color: light blue;

        padding-top: 0px;

        text-decoration: none;

        }



h4 {

        font-size: 16px;

        padding-left: 10px;

        background-color: #383E40;

        color: #F1FCFF;

        margin-top: 10px;

        }



#clear {

        width: 243px;

    float: right;

        background-color: #FDFFFF;

        margin: 5px;

        margin-left: 0;

        border: 0px solid #A9B9BF;

    display: none;

        }



#recentwork {

        width: 243px;

        float: right;

        background-color: #FDFFFF;

        margin: 5px;

        margin-left: 0;

        border: 1px solid #A9B9BF;

        }



#recentwork ul {

        list-style-type: none;

}



h5 {

        height: 35px;

        background-color: #BFD2D9;

        color: #383E40;

        font-size: 16px;

        font-style: italic;

    text-decoration: none;

        border-right: 4px solid #383E40;

        }



h6 {

        height: 20px;

        background-color: #F1FCFF;

        font-size: 12px;

        padding-left: 10px;

        border-top: 1px solid #717C80;

        }



#recentwork img {

        border: 2px solid #717C80;

        margin-left: 44.5px;

        margin-top: 10px;

        }



#recentwork p {

        font-size: 12px;

        color: #FFF;

        background-color: #717C80;

        margin-top: 5px;

        padding: 5px;

        border-bottom: 1px solid #383E40;

        }



#recentwork a {

    font-family: "Trebuchet MS",sans-serif;

        font-size: 14px;

        color: blue;

        background-color: #ffffff;

        margin-top: 5px;

        padding: 5px;

        text-decoration: none;

        }



#sponsor {

        width: 243px;

        float: right;

        background-color: #FDFFFF;

        margin: 5px;

        margin-left: 0;

        border: 1px solid #A9B9BF;

        }



#sponsor ul {

        list-style-type: none;

}



h5 {

        height: 35px;

        background-color: #BFD2D9;

        color: #383E40;

        font-size: 16px;

        font-style: italic;

        border-right: 0px solid #383E40;

    border-bottom: 1px solid #383E40;

        }



h6 {

        height: 20px;

        background-color: #F1FCFF;

        font-size: 12px;

        padding-left: 10px;

        border-top: 1px solid #717C80;

        }



#sponsor img {

        border: 2px solid #717C80;

        margin-left: 44.5px;

        margin-top: 10px;

        }



#sponsor p {

        font-size: 12px;

        color: #FFF;

        background-color: #717C80;

        margin-top: 5px;

        padding: 5px;

        border-bottom: 1px solid #383E40;

        }



#sponsor a {

    font-family: "Trebuchet MS",sans-serif;

        font-size: 14px;

        color: blue;

        background-color: #ffffff;

        margin-top: 5px;

        padding: 5px;

        text-decoration: none;

        }





#footer {

        margin: 0 auto;

        margin-top: -30px;

        width: 800px;

        height: 30px;

        background-color: #717C80;

        border-left: 8px solid #A9B9BF;

        border-right: 8px solid #A9B9BF;

        text-align: center;

        }



#footer p, a {

        color: #F1FCFF;

        font-size: 11px;

        padding-top: 5px;

    text-decoration: none;

        }



#footerad {

        margin: 0 auto;

        margin-top: -30px;

        width: 800px;

        height: 120px;

        display: block;

        background-color: #ffffff;

        border-left: 8px solid #A9B9BF;

        border-right: 8px solid #A9B9BF;

        text-align: center;

        }



        div#linktabs {



                height: 26px;

                border:0px solid black;

                border-top: 0px solid #383E40;

                border-bottom: 0px solid #383E40;

                vertical-align:bottom;

                margin-left: 5px;

                padding-left: 5px;

                padding-right: 5px;

                padding-top:.5em;

                background:#383E40;

                text-align: center;

                margin:0px;

                margin-top:0;

        }



        div#extra{

                border-left:0px solid black;

                border-right:0px solid black;

                padding:1em;

                background:#FFAE4F;

                text-decoration:none;

                color:#CCC;

        }

        div#extra a{

                        font-size: 14px;

                        padding:1em;

                        background:#FFAE4F;

                        text-decoration:none;

                        color:#383E40;

        }

        div#extra form{

                float:right;

        }



        div#linktabs a{



                width: 79px;

                height: 26px;

                font-size: 14px;

                padding-left: 5px;

                padding-right: 5px;

                background:#383E40;

                border-right: 0px solid #A3A3A3;

                text-decoration:none;

                color:#CCC;

        }

        div#linktabs b{

                color:#FFAE4F;

                width: 79px;

                height: 26px;

                font-size: 16px;

                vertical-align:bottom;

                margin-left:5px;

                padding-left:5px;

                padding-right:5px;

                background:#383E40;

        }

        div#linktabs a:hover{

                color:#FFAE4F;

                width: 79px;

                height: 26px;

                font-size: 14px;

                vertical-align:bottom;

                margin-left: 5px;

                padding-left: 5px;

                padding-right: 5px;

                padding-top:.8em;

                background:#383E40;

}