/*=======================================================================================================================*/
/* Tags redefinition */
/*=======================================================================================================================*/

html {
background-color:#FFFFFF;
overflow:-moz-scrollbars-vertical; /* permanent vertical scrollbar with FireFox */
height:100%;
}

body {
background-color:#FFFFFF;
margin:0;
padding:0;
height:100%;
font-family:Arial, Verdana, SunSans-Regular, Sans-Serif;
font-size:12px;
color:#444;
}

a {
font-weight:bold;
font-style:italic;
text-decoration:none;
color:#AF1F00; 
}

a:hover {
color:#767676;
}

a:focus {
-moz-outline:0 none;
color:#767676;
}

h1 {
background:url(../images/bgpagetitle.gif) left bottom no-repeat;
margin:5px 0 8px 0;
padding:18px 0 0 0;
height:38px;
font-size:20px;
font-weight:bold;
color:#767676;
}

h2 {
font-size:17px;
font-weight:bold;
margin:0;
padding:0;
color:#947e04;
}

h3 {
margin:0;
padding:0;
font-size:12px;
font-weight:bold;
}

p {
margin:0 0 12px 0; /* default margin <> in ie and firefox */
}

ul {
list-style-image:url(../images/bullet.gif);
margin:0;
padding:0 0 12px 15px;
}

img {
border-width:0;
}

/*=======================================================================================================================*/
/* Full page */
/*=======================================================================================================================*/

#container {
width:760px; 
margin:0 auto;
}

#content, #contentgate {
float:left; 
width:580px;
min-height:0; /* IE7 */
}
*html #content, *html #contentgate { /* IE6 */
height:0;
}

#gateseparator {
background:url(../images/separator.gif) right repeat-x;
margin:0;
height:2px;
line-height:0; /* IE6 */
font-size:0; /* IE6 */
clear:both;
}

#pagelayout {
width:552px;
}

.item {
background:url(../images/hline.gif) repeat-x bottom; 
margin-bottom:3px;
padding-bottom:8px;
min-height:0; /* IE7 */
}
*html .item { /* IE6 */
height:0;
}

a.link {
background:url(../images/redarrow.gif) top right no-repeat;
padding:0 7px 0 0; 
display:block;
text-align:right;
}

.clearboth {
clear:both;
height:0;
line-height:0; /* IE6 */
font-size:0; /* IE6 */
}

/*=======================================================================================================================*/
/* head */
/*=======================================================================================================================*/

#head {
background:url(../images/bghead.gif) no-repeat;
height:96px;
}

#path {
float:right;
padding:53px 20px 0 0;
font-size:10px;
font-weight:bold;
font-style:normal;
text-align:left;
}

#path a {
font-weight:bold;
font-style:normal;
}

/*=======================================================================================================================*/
/* flash nav */
/*=======================================================================================================================*/

#outerframe {
width:580px;
height:265px;
}

#mainframe {
background-image:url(../images/bgflash.gif);
position:absolute;
padding:4px 6px 7px 4px;
width:570px;
height:250px;
}

#alternate {
margin:0;
padding:50px;
}

#alternate h2 {
margin-bottom:10px;
}

/*=======================================================================================================================*/
/* margin */
/*=======================================================================================================================*/

#margin {
width:177px;
float:right; 
}

#margingate {
width:177px;
float:right;
}

.logo {
padding:0;
text-align:right;
}

#margin .logo {
margin:3px 0 0 0;
}

#margingate .logo {
margin:0 0 5px 0;
}

#topmenu {
height:72px;
font-size:10px;
}

#topmenu ul {
width:70px;
margin:0;
padding:8px 0 0 0;
list-style:none;
list-style-image:none;
} 

#topmenu a {
font-style:normal; 
font-weight:normal;
}

#langmenu {
float:right;
width:100px;
text-align:right;
}

#langmenu p {
margin:8px 0 5px 0;
}

#langmenu select {
font-size:10px;
width:80px;
text-transform:capitalize;
}

.mainmenu {
margin:25px 0 0 0;
height:190px;
}

#margingate .mainmenu {
margin:0;
height:80px;
}

.mainmenu h3 {
margin:0;
padding:1px 16px;
font-size:11px;
font-weight:bold;
text-align:right;
}

.mainmenu ul {
margin:0;
padding:0;
list-style:none;
} 

.mainmenu li {
background:url(../images/arrow.gif) right no-repeat;
margin:0;
padding:0;
list-style-image:none;
}

.mainmenu li a {
padding:1px 16px;
display:block;
font-size:11px;
font-weight:bold;
font-style:normal; 
text-align:right;
min-height:0; /* IE7 */
}
*html .mainmenu li a { /* IE6 */
height:0;
}

.mainmenu li a.s, .mainmenu li.s a {
color:#767676;
}

/*=======================================================================================================================*/
/* whatsnew */
/*=======================================================================================================================*/

#whatsnew {
padding:0 0 0 20px;
}

.whatsnew {
background:url(../images/whatsnewbg.gif) top left repeat-x #FFFFFF;
margin:0 0 20px 0;
border-left:3px solid #F1F1F1;
border-right:3px solid #F1F1F1;
border-bottom:3px solid #F1F1F1;
padding-bottom:0;
min-height:0; /* IE7 */
}
*html .whatsnew { /* IE6 */
height:0;
}

.whatsnew h2 {
background-color:#F1F1F1;
margin:0 0 8px 0;
padding:2px 3px;
display:block;
font-style:italic;
font-size:13px;
text-transform:uppercase;
}

.whatsnew div {
padding:0 6px; 
}

/*=======================================================================================================================*/
/* foot */
/*=======================================================================================================================*/

#foot {
margin:0 184px 0 0;
padding:0 0 20px 0;
text-align:right;
clear:both;
}

/*=======================================================================================================================*/
/* home */
/*=======================================================================================================================*/

.homenews {
padding:1px 0 15px 0;
color:#767676;
}

.homenews h3 {
padding-bottom:2px;
font-weight:normal;
}

.homenews i {
color:#404040;
}

.homenews a.link {
display:inline;
text-align:left;
}

.partners a.link {
display:inline;
text-align:left;
}

/*=======================================================================================================================*/
/* 2 columns */
/*=======================================================================================================================*/

.col1-2 {
margin:0 20px 0 0;
width:280px;
float:left;
}

.col2-2 {
margin:0;
width:280px;
float:left;
}

/*=======================================================================================================================*/
/* 3 columns */
/*=======================================================================================================================*/

.col1-3 {
margin:0 20px 0 0;
width:180px;
float:left;
}

.col2-3 {
margin:0 20px 0 0;
width:180px;
float:left;
}

.col3-3 {
margin:0;
width:180px;
float:left;
}

/*=======================================================================================================================*/
/* 4 columns */
/*=======================================================================================================================*/

.col1-4 {
margin:10px 10px 0 0;
width:80px;
float:left;
}

.col2-4 {
margin:10px 20px 0 0;
width:190px;
float:left;
}

.col3-4 {
margin:10px 10px 0 0;
width:80px;
float:left;
}

.col4-4 {
margin:10px 0 0 0;
width:190px;
float:left;
}

/*=======================================================================================================================*/
/* News */
/*=======================================================================================================================*/

h1.nosearch {
margin-bottom:20px;
}

a.edit {
display:inline;
text-align:left;
margin-right:30px;
}

a.space {
margin-top:20px;
}

.col1-2news {
float:left;
width:210px;
margin-right:10px;
}

*html .col1-2news h3 { /* IE6 */
padding-right:1px;
}

.col2-2news {
float:left;
width:330px;
}

.col1-2news .date {
margin:0;
font-size:11px;
font-style:italic;
color:#767676;
}

.separator {
background:url(../images/bgtitle.gif) no-repeat; 
height:8px; 
margin-bottom:3px;
clear:both;
}

.navipage {
padding:3px;
background-color:#F1F1F1;
margin-top:10px;
text-align:right;
}

.navipage a {
color:#767676;
font-weight:normal;
font-style:normal;
}

.navipage a:hover {
color:#444;
}

/*=======================================================================================================================*/
/* Forms */
/*=======================================================================================================================*/

form {
margin:0;
padding:0;
}

form label {
float:left;
display:block;
width:80px;
margin:4px 10px 4px 0;
}

form input {
margin:2px 0;
font-family:Arial, Verdana, SunSans-Regular, Sans-Serif;
font-size:12px;
}

form input.field {
width:458px;
}
*html form input.field { /* IE6 */
width:443px;
margin:1px 0;
}
*+html form input.field { /* IE7 */
width:456px;
}

form textarea {
margin:2px 0;
width:458px;
height:50px;
font-family:Arial, Verdana, SunSans-Regular, Sans-Serif;
font-size:12px;
}
*html form textarea { /* IE6 */
width:443px;
margin:2px 0;
}
*+html form textarea { /* IE7 */
width:456px;
}

form textarea.html {
height:200px;
}

form input.button {
margin:5px 5px 5px 0;
font-size:11px;
}

/*=======================================================================================================================*/
/* Search */
/*=======================================================================================================================*/

form.search {
background-color:#F1F1F1;
padding:10px 15px;
margin:0 0 20px 0;
min-height:0; /* IE7 */
}
*html form.search { /* IE6 */
height:0;
}

form.search h2 {
background:url(../images/bgtitle.gif) left bottom no-repeat;
padding-bottom:8px;
margin-bottom:10px;
}

form.search label {
width:100px;
margin:0;
}

form.search input.keywords {
float:left;
font-size:11px;
width:160px;
}
*html form.search input.keywords { /* IE6 */
width:158px;
}
*+html form.search input.keywords { /* IE7 */
width:158px;
}

form.search input.button {
margin:0 0 0 5px;
float:left;
}

/*=======================================================================================================================*/
/* Error + warning */
/*=======================================================================================================================*/

#errormsg {
background:#F1F1F1;
border-top:1px solid #3B520F;
border-bottom:1px solid #3B520F;
margin:10px 0;
padding:0 10px;
font-weight:bold;
color:#3B520F;
}

#errormsg h3 {
margin:0;
padding:10px 0;
text-transform:uppercase;
}

/*=======================================================================================================================*/
/* Popup */
/*=======================================================================================================================*/

#popup {
margin:20px;
width:552px; /* Exactely the same width as the content body of normal pages */
}

#popup h1 {
margin:0 0 20px 0;
}

#popup form input.filefield {
margin:0 0 0 5px;
font-size:11px;
}

#popup form input.button {
margin:0 0 0 5px;
}

/*=======================================================================================================================*/
/* HTML Area */
/*=======================================================================================================================*/

.normal {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
color:#000000;
}

.subtitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
color:#000000;
}

.command {
font-family:"Courier New", Courier, mono;
font-size:11px;
font-style:normal;
font-weight:normal;
color:#000000;
}

.path {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
font-weight:normal;
color:#000000;
}

.highlight {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
font-weight:bold;
color:#3B520F;
}