/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

/**************** Body and tag styles ****************/

* { 
    margin:0; 
    padding:0;
}
body{
    font:72% Verdana,Tahoma,Arial,sans-serif;
    line-height:1.4em;
    text-align:center;
    color:#303030;
    background:#e8eaec;
}
a {
    color:#467aa7;
    font-weight:bold;
    text-decoration:none;
    background-color:inherit;
}
a:hover {
    color:#2a5a8a; 
    text-decoration:none; 
    background-color:inherit;
}
a img { 
    border:none;
}
p {
    padding:0 0 1.6em 0;
}
/**************** img ****************/
img.left, img.center, img.right {
    padding:4px; 
    border:1px solid #a0a0a0;
}
img.cont {
    display:block; 
    border: none;
    margin: 1px auto;
}
img.title {
    border:1px solid #e0e0e0;
}
img.left { 
    float:left; 
    margin:0 12px 5px 0;
}
img.center { 
    display:block; 
    margin:0 auto 5px auto;
}
img.right { 
    float:right; 
    margin:0 0 5px 12px;
}
img.popup {
    padding:4px;
    border:1px solid #a0a0a0;           
}
/**************** Header and navigation styles ****************/
#helppage {
    text-align:left;
}
#titleimg {
    background:#ffffff;
}

#titleimg img {
    border: none;
}

#titlepage {
    width:760px;
    margin:20px auto;
    padding:1px 0;
    text-align:center;
    background:#ffffff;
    color:#303030;
    border:2px solid #a0a0a0;
}
#titlehdr {
    height:110px;
    width:758px;
    margin:0 1px 0px 1px;
    background:#467aa7;
    color:#ffffff;
}
#titlecont {
    width:758px;
    margin:0 1px 0px 1px;
    background:#467aa7;
    color:#ffffff;
}
#titlecont a {
    font-weight:normal;
    color:#ffffff;
}
#container {
    width:760px;
    margin:20px auto;
    padding:1px 0;
    text-align:left;
    background:#ffffff;
    color:#303030;
    border:2px solid #a0a0a0;
}
#header {
    height:110px;
    width:758px;
    margin:0 1px 1px 1px;
    background:#467aa7;
    color:#ffffff;
}
#header h1{
    padding:35px 0 0 20px;
    font-size:2.4em;
    background-color:inherit;
    color:#ffffff;
    letter-spacing:-2px;
    font-weight:normal;
}
#header h2{
    /*margin:10px 0 0 40px;*/
    margin:-15px 0 0 25px;
    font-size:1.4em;
    background-color:inherit;
    color:#f0f2f4;
    letter-spacing:-1px;
    font-weight:normal;
}
#header img.lg {
    padding:20px; 
}

#header img.rg {
    margin:0 0 0 400px;
/*    float:right; */
}

#navigation{
    height:2.2em;
    line-height:2.2em;
    width:758px;
    margin:0 1px;
    background:#578bb8;
    color:#ffffff;
}
#navigation li{
    float:left;
    list-style-type:none;
    border-right:1px solid #ffffff;
    white-space:nowrap;
}
#navigation li a{
    display:block;
    padding:0 10px;
    /*font-size:0.8em;*/
    font-weight:normal;
    /*text-transform:uppercase;*/
    text-decoration:none;
    background-color:inherit;
    color: #ffffff;
}
* html #navigation a {
    width:1%;
}
#navigation .selected,#navigation a:hover {
    background:#80b0da;
    color:#ffffff;
    text-decoration:none;
}
/**************** Content styles ****************/
#content {
    float:left;
    width:530px;
    /*font-size:0.9em;*/
    padding:20px 0 0 20px;
}
#content h2 {
    display:block;
    margin:0 0 16px 0;
    font-size:1.7em;
    font-weight:normal;
    letter-spacing:-1px;
    color:#505050;
    background-color:inherit;
}
#content h3{
    margin:0 0 5px 0; 
    font-size:1.4em; 
    letter-spacing:-1px;
}
#content a:hover,#subcontent a:hover {
    text-decoration:underline;
}
#content ul,#content ol { 
    margin:0 5px 16px 35px;
}
#content dl { 
    margin:0 5px 10px 25px;
}
#content dt { 
    color:#505050; 
    font-weight:bold; 
    margin-bottom:1px;
}
#content dd{margin:0 0 1px 15px;}

/**************** Content styles ****************/
#contentf {
    float:left;
    width:720px;
    /*font-size:0.9em;*/
    padding: 20px 0 0 20px;
}
#contentf h2 {
    display:block;
    margin:0 0 10px 0;
    font-size:1.7em;
    font-weight:normal;
    letter-spacing:-1px;
    color:#505050;
}
#contentf h3 {
    font-size:1.2em;
    margin:0 0 5px 0; 
}
#contentf a:hover { 
    text-decoration:underline;
}
#contentf ul,#contentf ol { 
    margin:0 5px 16px 35px; 
}

#contentf dl { 
    margin:0 5px 10px 25px;
}
#contentf dt { 
    color:#505050; 
    font-weight:bold; 
    margin-bottom:1px;
}
#contentf dd { 
    margin:0 0 1px 15px;
}
/**************** Sidebar styles ****************/

#subcontent{
float:right;
width:170px;
padding:20px 20px 10px 0;
line-height:1.4em;
text-align:center;
}


#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

#scrollcont{
border:1px solid #a0a0a0;
padding:4px;
width:170px;
overflow:auto;
background: #fafbfc;
}

/**************** Menublock styles ****************/

.menublock{margin:0 0 20px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
/*#searchbar form fieldset{margin-left:10px; border:0 solid;}*/

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

#footer{
clear:both;
width:758px;
padding:5px 0;
margin:0 1px;
font-size:0.9em;
color:#f0f0f0;
background:#467aa7;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:normal;}
/*#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}*/
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

#transl{
clear:both;
width:758px;
padding:5px 0;
margin:0 1px;
text-align:center;
}
/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.cent{
    text-align:center;
}

#lngsel{
    display:block;
    text-align:right;
    margin-right: 5px;
}
#lngsel a {
    color:#f0f0f0;
    background-color:inherit; 
    font-weight:normal;
}
#lngsel a:hover {
    color:#ffffff; 
    background-color:inherit; 
    text-decoration: underline;
}

.box{
    margin:0 0 20px 0;
    padding:10px;
    border:1px solid #c0c0c0;
    background-color:#fafbfc;
    color:#505050;
    /*line-height:1.5em;*/
}

.boxh{
    margin: 5px 5px;
    /*margin:0 0 20px 0;*/
    padding:10px;
    border:1px solid #c0c0c0;
    background-color:#ffffe0;
    color:#505050;
    text-align:left;
    /*line-height:1.5em;*/
}
.boxh dl { 
    margin:0 5px 10px 10px;
}
.boxh dt { 
    color:#505050; 
    font-weight:bold; 
    margin-bottom:1px;
}
.boxh dd{margin:0 0 1px 15px;}

/*
.box embed {
    border:1px solid #c0c0c0;
}
*/
/*****************************************************************************/

label {
    float: left;
    width: 120px;
    /*font-weight: bold;*/
}

input, select {
    margin-bottom:4px;
}

select.src {
    width: 150px;
}
input.subm{
    margin-left: 120px;
    margin-top: 5px;
    width: 90px;
}

#helpref{
/*    margin-left: 100px;*/
    margin-left: 160px;
}


fieldset.search {
    background:#fafbfc;
    width:460px;
    border:1px solid #c0c0c0;
    padding:10px;
}

.boxL{
float:left;
}

.boxR{
    float:right;
    margin:0 0 20px 0;
    padding:10px;
    border:1px solid #c0c0c0;
    background-color:#fafbfc;
    color:#505050;
    /*line-height:1.5em;*/
}

#videobox {
	float:right;
}
