/*----------| Xhtml Tags |----------*/

body {
    background:url(../images/bg_body.jpg) top left repeat-x;
    background-attachment:fixed;
    color:#414141;
    font:normal 0.8em arial;
}

input, select, textarea {
    font:normal 12px arial;
}

h1 {
    color:#003fb5;
    font:normal 22px trebuchet ms, verdana, arial;
}

h2 {
    color:#003fb5;
    font:normal 20px trebuchet ms, verdana, arial;
}

h3 {
    color:#003fb5;
    font:normal 18px trebuchet ms, verdana, arial;
}

h4 {
    color:#9b5aa5;
    font:normal 16px trebuchet ms, verdana, arial;
}

h5 {
    color:#9b5aa5;
    font:normal 14px trebuchet ms, verdana, arial;
}

h6 {
    color:#9b5aa5;
    font:bold 12px trebuchet ms, verdana, arial;
}

a {
    color:#003fb5;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}



/*----------| Structure |----------*/

#container {
    margin:0 auto;
    padding:0;
    width:770px;
}

#topnav {
    color:#84468e;
    height:20px;
    line-height:20px;
    text-align:right;
}

#topnav a {
    color:#ffffff;
    font-style:italic;
    font-size:11px;
}

#topnav a {
    color:#ffffff;
    font-style:italic;
    font-size:11px;
}

#toptitle {
    background:#84468e url(../images/bg_toptitle.jpg) top left repeat-x;
    border:1px solid #84468e;
    color:#ffffff;
    font-size:11px;
    height:20px;
    line-height:20px;
    padding:0.3em 0.6em;
}

#header {
    background:#ffffff url(../images/bg_header.jpg) top left no-repeat;
    height:220px;
    position:relative;
    width:770px;
}

#logo {
    height:220px;
    position:absolute; top:0px; left:0px;
    width:220px;
    z-index:1;
}

#logo img {
    border:none;
    height:220px;
    width:220px;
    z-index:1;
}

#helpline {
    height:58px;
    position:absolute; top:0px; right:0px;
    width:252px;
    z-index:1;
}

#helpline img {
    border:none;
    height:58px;
    width:252px;
    z-index:1;
}

#content {
    background:#ffffff;
    border-top:1px solid #ffffff;
    padding:0 0 40px 0;
}

#left {
    border-left:1px solid #ffffff;
    float:left;
    width:220px;
}

#right {
    border-right:1px solid #ffffff;
    float:right;
    padding:0 20px 0 0;
    width:500px;
}

#footer {
    background:#ffffff;
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    font-size:11px;
    padding:5px 10px;
    text-align:center;
}



/*----------| Classes |----------*/

.clear {
    clear:both;
    height:0px;
}



/*----------| Navigation |----------*/

#navholder {
    background:#ffffff;
    font-family:trebuchet ms, arial, verdana;
    font-size:12px;
    text-align:center;
    text-transform:uppercase;
}

ul#navlist {
    list-style:none;
    margin:0 auto;
    padding:0;
    text-align:left;
}

ul#navlist li {
    border-bottom:1px solid #ffffff;
    display:block;
    margin:0;
    padding:0;
}

ul#navlist li a {
    background:#9c5ba6 url(../images/bg_nav1.jpg) top left repeat-x;
    border-left:4px solid #9c5ba6;
    color:#ffffff;
    display:block;
    padding:0.3em;
    text-decoration:none;
    width:95%;
}

#navholder>ul#navlist li a {
    width:auto;
}

ul#navlist li#active a {
    background:#225fd1 url(../images/bg_nav3.jpg) top left repeat-x;
    border-left:4px solid #9c5ba6;
    color:#ffffff;
    font-weight:bold;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
    background:#84468e url(../images/bg_nav2.jpg) top left repeat-x;
    border-left:4px solid #9c5ba6;
    color:#ffffff;
}