/**************************/
/*     Content Styles     */
/**************************/
img.left 
{
 margin-top: 0;
 margin-right: 5px;
 margin-bottom: 5px;
 margin-left: 0;
 float: left;
 clear: left;
}

img.right 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 5px;
 float: right;
 clear: right;
}

img.left_horizontal 
{
 margin-top: 0;
 margin-right: 5px;
 margin-bottom: 5px;
 margin-left: 0;
 float: left;
}

img.right_horizontal 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 5px;
 float: right;
}

p.small 
{
 font-size: 10px;
}

div.important, .important 
{
 clear: both;
 background-color: #eee;
 padding-top: 1em;
 padding-right: 2em;
 padding-bottom: 1em;
 padding-left: 2em;
 border-color: #126AB4;
 /*border-color: #0b6;*/
 border-width: .3em;
 border-style: solid;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 1em;
 margin-left: 0;
}

div.warning, .warning 
{
 clear: both;
 text-align: center;
 font-weight: 900;
 background-color: #900;
 color: #fff;
 padding: 1em;
 border-color: #aaa;
 border-width: .3em;
 border-style: solid;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 1em;
 margin-left: 0;
}

.warning a 
{
 color: #aaf;
}

.important p:first-child, .warning p:first-child 
{
 margin-top: 0;
}

.important p, .warning p 
{
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
}

span.highlight 
{
 font-weight: 900;
 letter-spacing: .06em;
 background-color: #dfd;
}

/*******************/
/*      Start      */
/*******************/
body 
{
 font-size: 13px;
 line-height: 1.4;
 font-family: Verdana, Geneva, sans, serif;
 margin: 0;
}

#body 
{
 background-color: #eee;
}

/*******************/
/*    Head Nav     */
/*******************/
.headnav 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 max-width: 70em;
}

.headnav p 
{
 text-align: right;
 white-space: nowrap;
 margin: 0;
 font-size: .85em;
 letter-spacing: .08em;
 line-height: 1.7;
}

.headnav p a 
{
 color: black;
 text-decoration: none;
}

.headnav p a:hover 
{
 color: white;
 background-color: #126AB4;
}

.headnav p img 
{
 margin-left: .5em;
}

/***********************/
/*      Container     */
/***********************/
.container 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 max-width: 70em;
 box-shadow: 0 0 2em 1em #ccc;
 padding: .4em;
 background-color: white;
}

/***********************/
/*       Head          */
/***********************/
.header 
{
 background-color: #126AB4;
 background-image: URL(images/header.jpg);
 background-repeat: ;
 padding-top: 2em;
 padding-right: 2em;
 padding-bottom: 0;
 padding-left: 2em;
 margin-bottom: .5em;
 border-radius: .5em;
 height: 250px;
}

.header h1 
{
 float: right;
 font-size: 300%;
 font-style: normal;
 font-weight: bold;
 font-family: Georgia, serif;
 letter-spacing: .01em;
 position: relative;
}

.header h1 span 
{
 position: absolute;
 color: Navy;
 top: ;
 left: ;
}

.header form 
{
 float: right;
 text-align: right;
 margin-top: 1em;
}

.header form div#searchbox .text 
{
 width: 10em;
}

.header p 
{
 clear: right;
 float: right;
 text-align: right;
 /*color: #afc;*/
 color: #126AB4;
 font-size: .9em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: .5em;
 margin-left: 0;
}

/*************************/
/*  Breadcrumbs-Locator  */
/*************************/
.locator 
{
 width: 100%;
 display: block;
 margin-bottom: 1em
    border: 1px solid red;
}

.locator p 
{
 font-size: .7em;
 letter-spacing: .1em;
 margin-left: 1em;
}

.locator a 
{
 /*color: #090;*/
 color: #126AB4;

}

.content 
{
 clear: left;
}

/**********************/
/*    Navigation      */
/**********************/
.nav 
{
 float: left;
 width: 200px;
 padding-top: 0;
 padding-right: 1em;
 padding-bottom: 0;
 padding-left: 1.35em;
 margin-top: 1em;
}

.nav ul 
{
 list-style-type: none;
 width: 200px;
 margin: 0;
 padding: 0;
 line-height: 1.4;
 max-width: 200px;
}

.nav ul li 
{
 display: block;
}

.nav ul li span 
{
 color: #126AB4;
 /*color: #084;*/
 text-decoration: underline;
 padding-top: .3em;
 padding-right: 0;
 padding-bottom: .3em;
 padding-left: 0;
 display: block;
}

.nav ul li a 
{
 display: block;
 color: #333;
 text-decoration: none;
 width: 200px;
 padding-top: .3em;
 padding-right: 0;
 padding-bottom: .3em;
 padding-left: 0;
}

.nav ul li a:hover 
{
 color: white;
 background-color: #126AB4;
 /*background-color: #bec;*/
}

.nav ul.menulevel1 li 
{
 float: left;
 position: relative;
 margin: 0;
}

.nav ul.menulevel2, .nav ul.menulevel3 
{
 position: absolute;
 visibility: hidden;
 width: 200px;
 background-color: #e7e7e7;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 1.5em;
 margin: 0;
 left: 160px;
 top: 0;
 z-index: 15;
}

.nav li:hover > ul 
{
 visibility: ;
}

.nav ul.menulevel1 li.sdocs ul.menulevel2, .nav ul.menulevel1 li.sdocs ul.menulevel2 li.sdocs ul.menulevel3 
{
 position: relative;
 top: 0;
 left: 0;
 visibility: visible;
}

/*********************/
/*     Sidebar      */
/*********************/
.sidebar 
{
 float: left;
 width: 200px;
 border-right-color: #ccc;
 border-right-width: 0px;
 border-right-style: solid;
 padding-top: 0;
 padding-right: 1em;
 padding-bottom: 0;
 padding-left: 1.35em;
 margin-top: 3em;
 clear: left;
}

/********************/
/*     Content      */
/********************/
.content 
{
 max-width: 48em;
 width: 100%;
 padding-top: 1em;
 padding-right: 2%;
 padding-bottom: 1em;
 padding-left: 2%;
 float: right;
 margin: 0;
 clear: right;
 min-height: 800px;
}

h1, h2, h3, h4 
{
 font-size: 21px;
 font-style: normal;
 font-variant: normal;
 font-family: verdana;
 color: #126AB4;
 /*color: #0a6;*/
}

h1, h2, h3, h4, h5, h6 
{
 margin-top: 1.5em;
 margin-right: 0;
 margin-bottom: .5em;
 margin-left: 0;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child 
{
 margin-top: 0;
}

h5, h6 
{
 letter-spacing: .05em;
}

h5 
{
 font-size: 19px;
 line-height: 1.4;
 font-style: normal;
 font-variant: small-caps;
 font-weight: bold;
 font-family: 'Trebuchet MS', Verdana, sans-serif;
}

h6 
{
 font-size: 10pt;
 font-weight: bold;
 color: #126AB4;
 /*color: #086;*/
}

.submenu h4 
{
 font-size: 14px;
 margin-top: 3em;
}

/*********************/
/*    Newsbox 2+3    */
/*********************/
.subarea 
{
 width: 100%;
 float: left;
 margin: 0;
}

.newsbox2 
{
 width: 46%;
 padding-top: 2%;
 padding-right: 1%;
 padding-bottom: 2%;
 padding-left: 1%;
 float: left;
 border-top-color: #ccc;
 border-top-width: 2px;
 border-top-style: solid;
 margin-top: 1em;
 margin-right: 1%;
 margin-bottom: 1em;
 margin-left: 1%;
}

/**************************/
/*    Subnavigation       */
/**************************/
.subnav 
{
 width: 100%;
}

.subnav td a 
{
 text-decoration: none;
 color: black;
 display: block;
 white-space: nowrap;
 padding: 0;
}

.subnav td a:hover 
{
 color: #126AB4;
 /*color: #074;*/
 background-color: #e7e7e7;
}

.previous 
{
 width: 33%;
 text-align: left;
}

.top 
{
 width: 33%;
 text-align: center;
}

.next 
{
 width: 33%;
 text-align: right;
}

/**************************/
/*  Copyright & Login     */
/**************************/
.copyright 
{
 clear: both;
 text-align: center;
 font-size: x-small;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 1em;
 margin-left: 0;
}

.copyright a 
{
 color: #777;
 text-decoration: none;
}

.copyright a:hover 
{
 color: #126AB4;
 /*color: #090;*/
 background-color: white;
}