@charset "UTF-8";
/* Created by Jill Chu 08/ 25/2009 jchu@lyris.com*/

* {
  margin: 0;
  padding: 0;
}


body
{
    
    background-image:url('images/');
    background-repeat: yes;
    z-index:1;
}

/* typography style */

h1 {
    font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    color:#000000;
    font-size:1.4em;
    
    }

h2 {
    font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    color:#000000;
    font-size:1.2em;
    }
    
h3 {
    font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    color:#000000;
    font-size:0.9em;
    }

p {
    font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    color:#555555;
    font-size:0.8em;
    line-height: 1.4em;
}

ul {
    font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    font-size:0.8em;
    color:#000;
    line-height: 1.5em;
    padding-left: 50px;
    list-style-type: none;
}


li {
    background:
    list-style-position: ;
    padding-left:0px;}


a {
    font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    color:#000000;
    font-size:1.0em;
}
    
a:hover {
    font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    color:#000000;
    font-size:1.0em;
}

strong {
         font-weight:bold;
         font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
         color:#387C2B;
         font-size:0.8em;
         line-height: 1.4em;
         }
/* start of forms */

input, select, checkbox {
    color: #3333ff;
    background: #FFFFFF;
    
}
label {
    display: block;
    float: left;
    width:
}
form {
    width: 350px;
}
form div {
    margin-top:15px;
}
fieldset {
    padding: 30px;
    border: 1px solid #999999;
    width: 315px;
    background-color: #ffffff;
    font-size: 0.9em;
    font-weight: normal;
    color: #000;
    font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
}



.button {
    background-color: #FFF;
    padding: 5px;
}
input:focus, select:focus, checkbox:focus, textarea:focus {
    color: #000000;
    background: #99caf2;
}


/*table*/
#table {
    width: 380px;
    border-top: 6px solid #e3e7e7;
    height: auto;
        }

#table p {
    clear: both;
    width: 100%;
    margin: 0;
        }
#table span {
    float: left;
    padding: 15px 10px;
        }
    

#table span.col1 {
    width: 110px;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    background-color: #CCC;
        }

#table span.col2 {
    width: 229px;
    font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    font-size: 1em;
    color: #3333FF;
    background-color: #ccc;
        }
    
caption {
    text-align:left;
    font-family: "Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    font-weight:bold;
    color:#66CCFF;
    font-size:1.2em;}

/*end of forms*/

#wrap {
    background:top;
    margin: 0 auto;
    width:1258px;
    
    z-index:2;}
    
#top {
    background-image:url(/images/);
    background-repeat:no-repeat;
    z-index:1;
    width:978px;
    height:218px;
}

#logo {
    width:61px;
    height:75px;
    }
    
.top-content {
    width: auto;
    height:70px;
    padding-top:50px;
    padding-left:350px;
    padding-right: 100px;
    }



.top-nav {
    background:top;
    float:right;
    margin-top: -65px;
}

.top-nav a {
    background-color: #99caf2;
    text-decoration:none;
    color:#083178;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:5px;
    
}


.top-nav a:hover {
    background-color: #083178;
    text-decoration:none;
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:5px;
}

/* main content style starts here */
#container {
    background:top;
    background-image:url(images/);
    background-repeat:repeat-y;
    float: left;
    padding-top:0px;
    width:978px;
    
    }
#content-container {
    width:580px;
    padding-left:50px;
    float: left;
    padding-right: 35px;
    padding-top: 15px;
    }   
#content-container-style2 {
    width:600px;
    padding-left:100px;
    float: left;
    padding-right: 25px;
    padding-top: 10px;
    }   

#content-container-style3 {
    width:auto;
    padding-left:40px;
    float: left;
    }   
#content-container-style4 {
    width:450px;
    padding-left:10px;
    float: left;
    
    }   

#content-container-style5 {
    width:450px;
    float: right;
    }   
.divider {
    float:left;
    background-color:#999;
    width:0px;
    margin-left:180px;
    margin-right: 50px;
    float: left;
    margin-top:25px;
    margin-bottom:10px;
    height:1px;

    }

#content-nav1 {
    display: block;
    float:left;
    width: 164px;
    height: 22px;
    background-image: url(images/btn-1.jpg);
}

a#content-nav1  {
    
    background-image: url(images/btn-1-over.jpg);
}

a#content-nav1:hover {
    
    background-image: url(images/btn-1.jpg);
}


#content-nav2 {
    display: block;
    float:left;
    width: 163px;
    height: 22px;
    margin-left:10px;
    background-image: url(images/btn-2.jpg);
}

a#content-nav2  {
    
    background-image: url(images/btn-2-over.jpg);
}

a#content-nav2:hover {

    background-image: url(images/btn-2.jpg);
}

#content-nav3 {
    display: block;
    float:left;
    width: 163px;
    height: 22px;
    margin-left:10px;
    background-image: url(images/btn-1.jpg);
}

a#content-nav3  {
    
    background-image: url(images/btn-1-over.jpg);
}

a#content-nav3:hover {
    
    background-image: url(images/btn-1.jpg);
}

#content-image {
    width:265px;
    height:265px;
    float: left;
    padding-top: 10px;
    }

#content-image2 {
    width:auto;
    height:auto;
    float: left;
    padding-top: 10px;
    padding-left:0px;
    }

.caption {
    font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    font-style:italic;
    font-size:0.7em;
    vertical-align: 15%;
    }
    
/*email marketing you can trust*/

#external-link {
    color:#666;
    font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    font-size:0.8em;
    
    
    }

/*footer*/

#footer {
    background-image:url(images/);
    background-repeat:no-repeat;
    width:978px;
    height:50px;
    float: left;
    }
    
.footer-contain {
    padding-left:180px;
    font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    font-size:0.5em;
    color:#333;
    width: auto;
    float: left;
}
.footer-contain-links {
    font-family:"Century Gothic", sans-serif, "Helvetica Neue", "Helvetica Neue Light", Helvetica;
    font-size:0.6em;
    color:#666;
    width: auto;
    float: right;
    padding-right: 55px;
}