/*--- SITE WIDE VARIABLES ---*/

body {
    margin:0;
    padding:0;
    font-size:1em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
    background: transparent url('/gfx/header_bg.gif') top right no-repeat;
}

img { border:none; }
a:link, a:visited { color:#285A78; }
a:hover { color:#000000; }

.clear { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }

#header, #tabs, #content, #footer {
    min-width:760px;
}

/*--- PAGE HEADER ---*/

#header {
    font-size:1em;
    border-top:4px solid #285A78;
}

#header #contact {
    padding:0.5em 1em;
    float:right;
    font-size:0.7em;
    background-color:#F7F7F7;
    border-left:1px solid #E4E4E4;
    border-bottom:1px solid #E4E4E4;
}

#tagline {
    clear:both;
    float:right;
    width:500px;
}

#header #tagline h1, #header #tagline h2 {
    text-align:right;
    margin:0;
    clear:both;
}

#header #tagline h1 {
    padding:1.5em 1em 0;
    font-size:1.5em;
    font-style:italic;
    color:#444444;
}

#header #tagline h2 {
    float:right;
    color:#777777;
    font-size:0.8em;
    padding:0 1.5em 1em;
}

#header #tagline h1.drop {
    position:relative;
    top:30px;
}

/*--- END PAGE HEADER ---*/

/*--- PAGE TABS ---*/

#tabs {
    float:left;
    width:100%;
    font-size:0.8em;
    background-color:#eeeeee;
}

#tabs ul {
    margin:0;
    padding:0;
    list-style:none;
}

#tabs li {
    float:left;
    margin:0 2em;
}

#tabs li a:link, #tabs li a:visited {
    display:block;
    padding:0.4em 0.5em;
    color:#333333;
    text-decoration:none;
}

#tabs li a:hover, #tabs li a.active {
    border-bottom:4px solid #285A78;
}

/*--- END PAGE TABS ---*/

/*--- PAGE CONTENT ---*/

#content {
    clear:both;
    padding:1em 0;
    min-height:300px;
}

#content h2 {
    margin:0;
    padding:0.2em 0.5em;
    font-size:1em;
    color:#0E89A9;
    border-bottom:1px dotted #777777;
    clear:left
}

#content p, #content ul {
    font-size:0.75em;
}

#content p {
    line-height:1.6em;
    margin:1em 0;
}

#content #main {
    margin-right:310px;
    padding:0 1em;
}

#content #main ul.left {
    float:left;
    width:49%;
}

#content #main ul.right {
    float:right;
    width:49%;
}

#content #main ul.services, #news ul {
    list-style-type: none;
    padding:0;
    margin:0 0 1em;
}

#content #main ul.services li, #news ul li {
    background: url('/gfx/tick_bullet.gif') no-repeat;
    padding:0 30px;
    margin:0.75em 0;
}

#content #main .option {
    margin:0.5em 0;
    padding:0.5em 0.75em;
    border:1px dotted #cccccc
}

#content #main .option a:link, #content #main .option a:visited {
    color:#2A6AC6;
}

#content #main .option a:hover {
    color:#000000;
}

#content #main .option h3 {
    margin:0;
    padding:0;
    font-size:0.9em;
}

#content #main .option p {
    margin:0.5em 0;
}

#content #main .option img {
    float:right;
    padding:0 1em
}

/*--- END PAGE CONTENT ---*/

/*--- SIDEBAR ---*/

#content #sidebar {
    padding:0.5em 0.2em;
    background-color:#EEEEEE;
    float:right;
    width:300px;
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
}

#content #sidebar div {
    margin-bottom:1em;
}

#content #sidebar h2 {
    font-size:0.9em
}

#content #sidebar p {
    padding:0.2em 1em;
    margin:0.5em 0;
}

#content #sidebar ul {
    list-style:none;
    margin:0.3em 0.5em;
    padding:0.3em 0.5em;
}

#content #sidebar li {
    padding:0.5em 0em;
    border-bottom:1px dashed #cccccc
}

/*--- END OF SIDEBAR ---*/

/*--- HOME PAGE ---*/

#splash {
    height:140px;
    background:#466F8C url('/gfx/splash.jpg') no-repeat;
    margin-bottom:10px
}

.index img {
    float:right;
    padding-left:20px;
}

/*--- END HOME PAGE ---*/

/*-- NEWS PAGE --*/

#news #newsdate {
    float:right
}

#content #sidebar p.news {
    margin:0;
    padding:0;
    font-size:0.9em
}

#scroll {
    font-size:0.9em
}

/*--- END NEWS PAGE ---*/

/*--- CONTACT PAGE ---*/

.contact .errors {
    font-size:0.8em;
    color:#B4242E;
}

.contact ul.errors {
    margin:0px 10px 10px;
    padding:0px 10px 10px;
}

.contact .success {
    font-size:0.8em;
    color:#466F8C
}

.contact form {
    margin:0;
}

.contact form label {
    float:left;
    width:7em;
}

.contact textarea {
    width:30em;
    height:10em;
}

.contact form label, .contact form input, .contact form textarea {
    font-size:0.8em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
}

/*--- END OF CONTACT PAGE ---*/

/*--- PAGE FOOTER ---*/

#footer {
    clear:both;
    border-top:4px solid #285A78;
    background-color:#466F8C;
    color:#96adbe;
    padding:1em;
    font-size:0.7em;
    height:4em;
}

#footer a{
    color:#96adbe;
    text-decoration:none;
}

#footer .left, #scroll .left {
    width:49%;
    float:left;
    text-align:left;
}

#footer .right, #scroll .right {
    width:49%;
    float:right;
    text-align:right;
}