/*
=general
=headers
=form fields
=page structure
=navigation =main-navigation
=navigation =utility-navigation
=navigation =sub-navigation
=navigation =sub-sub-navigation
=navigation =sitemap
=online-form
=content
=misc
=files
=print
=footer
=hacks
*/

/*
=general
---------------------------------------------- */

html, body
{
    width: 100%;
    height: 100%;
}

body
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    line-height: 1.5em;
    color: #003746;
    background: #fafafa url('/images/body_bg.gif') repeat-x;
}

body.home {
    background: #fafafa url('/images/home_bg.gif') repeat-x;
}

table, tr, td, input, select, textarea, ol, ul
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    padding: .5em 0;
    vertical-align: top;
}

textarea
{
    width: 300px;
}

input
{
    padding: 1px;
}


a img, img
{
    border: 0;
}

code, pre
{
    font-size: 1.2em;
    color: #999;
    display: block;
    width: 500px;
}

h1, h2, h3
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1em;
    padding: 0;
    margin: 0;
}

h1
{
    font-size: 1.8em;
    line-height: 1.3em;
    margin: .5em 0;
    padding: 0;
    color: #6AA3A4;
}

h2
{
    font-size: 1.6em;
    margin: 1em 0 .5em 0;
    padding: 0;
    color: #171414;
    line-height: 1.2em;
}

h3
{
    color: #4c7b7b;
    font-weight: bold;
    font-size: 1.40em;
    margin: .2em 0 .3em 0;
    padding: 0;
}

h4
{
   font-size: 1.2em;
   font-weight: bold;
   padding-bottom: .8em;
   margin: 0;
   color: #000;
}

.hide
{
    position: absolute;
    left: -999em;
}

a
{
    color: #337182;
}

p
{
    margin: 0;
    padding-bottom: .9em;
font-size: 1.2em;
line-height: 1.5em;

}

ul
{
    margin: .3em 0 .7em 0;
    padding: 0;
}

li
{
    padding-bottom: .6em;
}

hr
{
    border-bottom: 1px solid #BBCED3;
    margin: 1em 0;
}

#content strong
{
    color: #3F8294;
}

/*
=headers
---------------------------------------------- */


/*
=form fields
---------------------------------------------- */

.form-section
{
    background: #BBCED3;
    padding: .25em 5px;
}

.form-required
{
    font-weight: bold;
    color: #DD4604;

}
.form-error
{
    font-weight: bold;
    color: #DD4604;
}

input.text
{
    padding: 2px;
}

input.text-error
{
    padding: 2px;
    background-color: #FEF0EA;
}

textarea.textarea-content
{
    padding: 2px;
}

textarea.textarea-content-error
{
    padding: 2px;
    background-color: #FEF0EA;
}

input.submit
{
    margin-top: 20px;
    padding: 4px;
    cursor: pointer;
}

input.radio
{

}

span.label-note {
    font-size: 1em;
    font-weight: normal;
    color: #888;
}



/*
=page structure
---------------------------------------------- */

#menu
{
    width: 998px;
    height: 98px;
    padding: 0;
    margin: 0;
    background: white;
}

#menu #home_link {
    float: left;
    margin: 0;
    padding: 0;
}

#container
{
    width: 998px;
    background: #fff url(/images/content_left.gif) repeat-y top left;
    margin: 0;
    position: relative;
    min-height: 100%;
}

* html #container{
    height: 100%;
}

#left_col
{
    width: 176px;
    margin-left: 0;
    _margin-left: 0px; /* set for win ie */
    float: left;
    padding: 16px 10px 50px 12px;
    background: #F1F6F6;

}

#content
{

    margin: 0 12px 0px 12px;
    float: left;
    background-color: #fff;
    width: 610px; /*  Box model hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 20px 10px 50px 13px;

}

div.clearer {clear: both;}

#content a
{
    color: #337182;
}

#content a:hover
{
    color: #ff9900;
}

/*
=navigation =main-navigation
---------------------------------------------- */


#main-navigation
{
    padding: 0;
    margin: 0;
    height: 71px;

}

#main-navigation ul
{
    margin: 0;
    padding: 0;
}

#main-navigation li
{
    display: inline;
    margin: 0;
    padding: 0;
    background-color: #f3f3f3;
}

#main-navigation a
{
    font-weight: bold;
    font-size: 1.1em;
    color: #606060;
    text-decoration: none;
    display: block;
    float: left;
    border-top: 10px solid #dfdfdf;
    padding: 38px 0 8px 6px;
    margin: 0 2px 0 0;
    width: 92px; /*  Box model hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 92px;
    background: #f3f3f3;
}

#main-navigation a.publications-and-links, #main-navigation a.publications-and-links-active {
    width: 192px;
    margin-right: 0;
}

#main-navigation a:hover
{
    border-top: 10px solid #6aa3a4;
}



/* Useful links
---------------------------------------------- */
#useful_links {text-align:right; margin:8px 20px 0 0; }
#useful_links li {display:inline; padding-left:9px; margin-right:34px; background:url('/images/bg-useful-links.gif') left 4px no-repeat; }
#useful_links a {text-decoration:none; color:#6da2a4; }
#useful_links a:hover {text-decoration:underline; color:#f90; }

/*
=navigation =utility-navigation
---------------------------------------------- */

*html>#utility-navigation
{
    top: 260px;
}

#utility-navigation
{
    position: absolute;
    left: 442px;
    padding: 0;
    margin: 0;
    top: 67px;
}

#utility-navigation ul
{
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
}

#utility-navigation li
{
    background: url(/images/nav_bullet.gif) no-repeat 0px 3px;
    _background: url(/images/nav_bullet.gif) no-repeat 0px 4px;
    padding: 0 35px 0 11px;
    margin: 0;
    display: inline;
}

#utility-navigation a
{
    font-size: 1em;
    color: #3C5F68;
    text-decoration: none;
    display: inline;
}

#utility-navigation a:hover, a:link
{
    text-decoration: underline;
    color: #ff9900;
}

/*
=navigation =sub-navigation
---------------------------------------------- */
#sub-navigation
{
    background: #f1f6f6;
    margin: 0 0 2em 0;
    padding: .5em 0;
}

#sub-navigation ul
{
    list-style-type: none;
    padding: 0;
    margin: 0 10px .7em 10px;
   	font-size:  1.15em;
    line-height: 19px;
}

#sub-navigation li
{
    background: url(/images/nav_bullet.gif) no-repeat 0px 8px;
    padding: .3em 10px .2em 11px;
    margin: 0;
}

#sub-navigation h3
{
    margin: 0 10px;
}

#sub-navigation a
{
    font-size: 1em;
    color: #4c7b7b;
    text-decoration: none;
}

#sub-navigation a:hover, #sub-navigation a.active
{
    text-decoration: underline;
    color: #ff9900;
}


/*
=navigation sub-sub-navigation
---------------------------------------------- */

ul#sub-sub-navigation
{
    list-style: none;
    padding: 0 5px 0 0;
    margin: 0 -11px .4em 0;
}

#sub-sub-navigation li
{
    background: none;
    padding: 0 10px .2em 10px;
    margin: 0;
}

#sub-sub-navigation a.active, #sub-sub-navigation a:hover
{
    color: #f90;
    text-decoration: underline;
}

/*
=navigation subsubnav
---------------------------------------------- */

#sitemap_div
{
    margin: 1.5em 0 0 -18px;
}


.sitemap
{
    list-style: none;
}

.sitemap a
{
    background: #d9eff3;
    text-decoration: none;
    padding: 2px;
    border-bottom: 1px solid #c6e1e6;
}

.sitemap a:hover
{
    color: #fff;
}

.sitemap ul
{
    list-style: disc;
    background: none;
}

.sitemap ul a
{
    background: none;
    text-decoration: underline;
    border: none;
}

.sitemap ul ul
{
    list-style: circle;
}

/*
=online-form
---------------------------------------------- */

#online-form
{
    background: #f3f7f8;
    padding: .2em 15px .5em;
}



/*
=page content
---------------------------------------------- */
.bold {font-weight: bold; }
#content ul
{
    margin: .3em 0 .8em 20px;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    font-size: 1.2em;
}
#content ul p {font-size: 1em; }

.display_thumb
{
    padding: 0;
    float: right;
    margin: 0 0 .5em 15px;
    width: 170px;
    height: auto;
}

.display_thumb p
{
    font-size: 1em;
    padding: 0 5px;
    color: #3396B2;
    margin: 0;
}


.display_left
{
    padding: 0;
    float: left;
    margin: 0 15px .5em 0;
    width: 251px;
    height: auto;
}

.display_left p
{
    font-size: 1em;
    padding: 0 5px;
    color: #3396B2;
    margin: 0;
}

.display_right
{
    padding: 0;
    float: right;
    margin: 0 0 .5em 15px;
    width: 251px;
    height: auto;
}

.display_right p
{
    font-size: 1.1em;
    padding: 0 5px;
    color: #3396B2;
    margin: 0;
}

.table_bg
{
    background-color: #d9eff3;
    border-bottom: 2px solid #b1c9cd;
    margin-bottom: 2em;
}

.table_bg td
{
    padding: .5em;
}

.quote
{
    background: #fff url(/images/quote_top.gif) no-repeat 0 0;
    width: 214px;
    margin: 0;
    padding: 0;
    float: right;
}

.quote p
{
    font-size: 1.2em;
    color: #AED1D9;
    background: #fff url(/images/quote_bot.gif) no-repeat bottom;
    font-family: arial, helvetica, sans-serif;
}

.top
{
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    text-align: right;
}

table {margin-bottom:20px; }
th {
	text-align:left; 
	color:#337182; 
	background-color:#DEE8E9; 
	white-space:nowrap; 
	padding:5px 12px 5px 5px; 
}
td {padding: 5px 12px 5px 5px; }
.row1 td {background-color:#F6F9FA; }
.row2 td {background-color:#DEE8E9; }
h2.title {
	color:#6AA3A4;
	font-size:1.8em;
	line-height:1.3em;
	margin:0.5em 0;
}

/*
=misc
---------------------------------------------- */

#content a.pdf
{
   background: url(/images/icons/pdf.gif) left no-repeat;
   padding-left: 22px;
   display: block;
}


.con_lft
{
    padding: 0;
    margin: 0;
    width: 150px;
}

.con_mid
{
    padding: 0 60px 0 20px;
    margin: 0;
}

.con_rgt
{
    padding: 0;
    margin: 0;
}

/*
=files
---------------------------------------------- */

#files
{
    margin-bottom: 2em;
}


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

#files li
{
    padding-bottom: .5em;
    margin: 0;
    display: block;
}

#files li a
{
    display: block;
    padding: 0 0 5px 22px;
}

#files li a.pdf
{
    background: url(/images/icons/pdf.gif) left no-repeat;
}

#files li a.msword
{
    background: url(/images/icons/msword.gif) left no-repeat;
}


#files li a.doc
{
    background: url(/images/icons/msword.gif) left no-repeat;
}

#files li a.xls
{
    background: url(/images/icons/xls.gif) left no-repeat;
}

#files li a.jpg
{
    background: url(/images/icons/jpeg.gif) left no-repeat;
}

#files li a.default
{
    background: url(/images/icons/file.gif) left no-repeat;
}


/*
=print
---------------------------------------------- */

.print_only
{
    display: none;
}


/*
=footer
---------------------------------------------- */

#footer
{
    width: 100%;
    clear: both;
    color: #DDF0F5;
    background-color: #669999;
    position: relative;
    margin-top: -71px;
    height: 71px;
font-size: 1em;
line-height: 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

#footer div {
    float: left;
    padding: 10px 0 10px 20px;
    width: 176px;
    background-color: #669999;
}

#footer .company_name {
    width: 200px;
}

#footer p
{
    background-color: #669999;
    margin: 0;
    padding: 10px 0 10px 20px;
    clear: both;
}

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

#footer a.links {
    text-decoration: underline;
    background: url(/images/arrow_white.gif) no-repeat 0 5px;
    padding-left: 10px;
}

#footer a:hover {
    text-decoration: underline;
}



/*
=hacks
---------------------------------------------- */


@media all  /* this hides the style from IE5 mac */
{
    selector
    {
        attribute: value;

    }
}


.status
{
    right: 10px;
}

.status[id] { right: 0px; } /* matches class="status" as long as it also has an id="anything". hides from all IE browsers. see http://w3development.de/css/hide_css_from_browsers/attribute/*/

box_model_hack
{
    width: 128px; /*  Box model hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 118px;
}


/*
=Message classes
--------------------------------------------*/

.msg-info
{
    background: #fff url(/images/icons/check.gif) 5px 5px no-repeat;
    color: #693;
    font-weight: bold;
    padding: 5px 5px 5px 25px;
}

.msg-info span
{
    color: #693;
    font-weight: bold;
}


.msg-error
{
    background: #fff url(/images/icons/error-sml.gif) 5px 5px no-repeat;
    padding: 5px 5px 5px 25px;
    border:1px solid black;
    font-weight: bold;
    color: #DD4604;
    background-color: #FEF0EA;
    margin: 10px 0;
}

.msg-error span
{
    color: #DD4604;
    font-weight: bold;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
=Homepage changes
--------------------------------------------*/
.home #container {
    background: #fff url(/images/home-bg.png) repeat-y left top;
}

.home #content {
    width: 565px;
    margin-right: 0;
}

#right_col {
	font-family: Arial,Helvetica,sans-serif;
	float:  left;
	width: 150px;
	padding-left: 15px;
	margin-top: 20px;
	line-height: 19px;
}

#right_col ul {
    list-style: none;
    font-size: 12px;
}

#right_col ul a:hover {
	color: #FF9900;
	text-decoration: underline;
}

#right_col ul a {
 	color: #4c7b7b;
    text-decoration: none;
}

#right_col ul li {
	background: url(/images/nav_bullet.gif) no-repeat 0px 5px; 
	padding-left: 12px; 
}

h5 {
	color: #6AA3A4;
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 1.40em;
}