/* ----- RESET ----- */
/* Here, we are going to reset all browsers, so we don't have to declare a bunch of stuff over and over */
@import url("reset.css");

body { font: 14px/20px Verdana, Arial, sans-serif; background-color: #000000; color: #000000; margin-top: 20px;font-size: 14px; line-height: 16pt;}
html { overflow-y: scroll; }
input, textarea { font: normal 14px/20px Verdana, Arial, sans-serif; color: #333; }
*, img { behavior: url(iepngfix.htc); }

/* We use em and strong in the text, instead of <b> or <i> ... these are read by browsers to be emphasis terms, and help for readers
by vision-impaired users and spiders */
em { font-style: italic; }
strong { font-weight: bold; }

p { margin: 0 0 17px 0; }

h1 {font-family: Bookman Old Style, serif; text-decoration: none; letter-spacing: 8px; font-size: 18px; margin-bottom: 5px; color: #921717; font-weight: bold;}
h2 {font-family: Bookman Old Style, serif; text-decoration: none; letter-spacing: 5px; font-size: 17px; margin-bottom: 25px; color: #D44F29; font-weight: bold;}
h3 {font-family: Bookman Old Style, serif; text-decoration: none; letter-spacing: 1px; font-size: 16px; margin-bottom: 0px; color: #E98226; font-weight: bold;}
h4 {font-family: helvetica,arial,verdana,sans-serif; text-decoration: none; font-size: 16px; margin-bottom: 0px; color: #C29A53; font-weight: bold;}
h5 {font-family: Bookman Old Style, serif; text-decoration: none; letter-spacing: 1px; font-size: 16px; margin-bottom: 0px; color: #000000; font-weight: bold;}

.black { margin-right: 0px; margin-left: 0px; font-family: verdana,arial,helvetica,sans-serif; text-decoration: none; font-size: 14px; line-height: 16pt; color: #000000; }
.photo { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; text-decoration: none; font-size: 12px; line-height: 12pt; color: #C9672C; }
.flags { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; text-decoration: none; font-size: 11px; line-height: 12pt; color: #C9672C; }
.flags_sm { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; text-decoration: none; font-size: 10px; line-height: 12pt; color: #C9672C; }
.flags1 { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; text-decoration: none; font-size: 11px; line-height: 12pt; color: #ffffff; }
.flags1_sm { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; text-decoration: none; font-size: 10px; line-height: 12pt; color: #ffffff; }
.body a { font-family: verdana,arial,helvetica,sans-serif; font-size: 14px; line-height: 16pt; color: #C23131; }
.body a:hover { font-family: verdana,arial,helvetica,sans-serif; font-size: 14px; line-height: 16pt; color: #DF4E26; }
.bodyred { font-family: verdana,arial,helvetica,sans-serif; font-size: 14px; line-height: 16pt; color: #C23131; }
.bodyredbold { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 14px; line-height: 16pt; color: #C23131; }
.bodyorange { font-family: verdana,arial,helvetica,sans-serif; font-size: 14px; line-height: 16pt; color: #C9672C; }
.bodyorangebold { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 14px; line-height: 16pt; color: #C9672C; }
.bluehead { font-family: verdana,arial,helvetica,sans-serif; text-decoration: underline; font-weight: bold; font-size: 16px; line-height: 16pt; color: #0a66c0; }
.header {font-family: helvetica,arial,verdana,sans-serif; font-size: 16px; line-height: 16pt; color: #C23131; font-weight: bold;}
.header_foreign {font-family: helvetica,arial,verdana,sans-serif; font-size: 16px; line-height: 16pt; color: #C9672C; font-weight: bold;}
.header2 {font-family: helvetica,arial,verdana,sans-serif; font-size: 15px; line-height: 16pt; color: #C9672C; font-weight: bold;}
.quote { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-style: italic; font-size: 14px; line-height: 16pt; color: #000000; }
.quote2 { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-style: italic; font-size: 14px; line-height: 16pt; color: #C9672C; }
.dropcap { font-family: helvetica,arial,verdana,sans-serif; font-weight: bold; font-size: 21px; line-height: 14pt; color: #000000; }
.dropcap1 { font-family: helvetica,arial,verdana,sans-serif; font-weight: bold; font-size: 21px; line-height: 14pt; color: #000000; }


.xuni { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; line-height: 13pt; color: #C23131; }
.xuni { font: 11px/14px Verdana, Arial, sans-serif; line-height: 12pt; color: #C23131; }
.xuni a, .xuni a:visited {font: 12px/14px Verdana, Arial, sans-serif; color: #C23131;font-weight:normal;text-decoration:underline;}
.endlinks { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; line-height: 13pt; color: #C23131; }
input, textarea { font-family: verdana,arial,helvetica,sans-serif; font-size: 14px; color: #C23131; font-weight: normal;}
.button {color: #D27E16;}
#maincenter {padding: 0px 50px 0px 50px;width: 840px;}
#b-navbar #b-query { color: #fff; }
hr.mtj {color: #D44F29;background-color: #D44F29;border:0; height:1px;  margin:7px 0 15px 0px; text-align: left;}
hr.mtr {color: #E98226;background-color: #E98226;border:0; height:1px;  margin:7px 0 15px 0px; text-align: left;}
hr.mt {color: #000000;background-color: #000000;border:0; height:1px;  margin:7px 0 15px 0px; text-align: left;}
.rcimg {margin-left:15px;margin-bottom:15px;}
/* ----- LINKS ----- */
/* We change the link color here. The first line color is the color of the link, the second line is the color of the rollover */
a:link, a:visited { font-weight: bold; color: #C23131; text-decoration: none; }
a:active, a:hover { font-weight: bold; color: #DF4E26; text-decoration: none; }


/* ----- ARCHITECTURE ----- */
html, body {
       height:auto !important; /* FF and compliant browsers should automatically size the body/html */
       height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
       min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
#container{position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 50%;
	margin-left: -480px; /*set to half the total container width, in this case 900px*/
	width: 960px;   
	margin-bottom:30px;
	background: url(../images/bg-site.gif);
} 
#top {background: #000000;height: 359px;width:960px;}
#leftside_wrapper { background:url('../images/nav_edge.gif') no-repeat right top; float:left; width: 213px; }
#leftside {background:url('../images/nav_background.gif') no-repeat; width:203px;margin:0;}
#leftside ul { list-style: none; margin:0px; padding:10px 0 0 0;-webkit-padding-start: 0px; }
#leftside ul li { margin:0; padding:0; line-height:0; }
#leftside ul li img, #leftside ul, #leftside ul li, #leftside ul li a { border: none; }
#nav_top { height: 79px; background:url('../images/nav_top.png') no-repeat 21px top; width: 203px; }
#nav_bottom { background:url('../images/nav_bottom.png') no-repeat 21px bottom; padding: 0 0 15px 0; width: 203px; }
#leftside #subnav { margin:0 0 -2px 21px; padding: 15px 0 0 0; }
#subnav li hr { color:#ff9346; background:#ff9346; border:0; height:1px; width: 72px; margin:7px 0 6px 15px; text-align: left; }
#middle {float:left;width:642px;background:#ffeccc;padding:15px 27px 20px 27px;margin:0;}
#rightside {float:left;width:51px;padding:0;margin:0;}
#bottom {background:#000000;height:15px;width:960px;clear:both;}
#footer {background:#000000;text-align:center;width:960px}
#bottomspace { width:960px;clear:both; height: 40px; background:#000000;z-index:99;}
#backtotop { padding-top: 20px; text-align:center;}
#clear {clear:both;}
ul#flags {margin:0;padding:0;list-style:none;}
ul#flags li, ul#flags li a {display:block;float:left;margin:0 14px 40px 0;padding:0px 0 px 0;list-style:none;font-size:10px;text-align:center;width:51px;height:33px;line-height:88px;}
ul#flags li a:hover {color:#000000;}
ul#flags .active a, ul#flags .active, ul#flags .active a:visited {color:#000000;}
ul#flags .dutch {background:url('../images/flag-dutch.gif') no-repeat top center;}
ul#flags .english {background:url('../images/flag-english.gif') no-repeat top center;width:82px;text-align:center;padding:0px 0 0 23px;}
ul#flags .french {background:url('../images/flag-french.gif') no-repeat top center;}
ul#flags .german {background:url('../images/flag-german.gif') no-repeat top center;}
ul#flags .italian {background:url('../images/flag-italian.gif') no-repeat top center;}
ul#flags .japanese {background:url('../images/flag-japanese.gif') no-repeat top center;}
ul#flags .portugese {background:url('../images/flag-portugese.gif') no-repeat top center;}
ul#flags .spanish {background:url('../images/flag-spanish.gif') no-repeat top center;}
ul#flags .swedish {background:url('../images/flag-swedish.gif') no-repeat top center;}
#contents table {
	border-collapse: collapse;
}

#contents table td {
	border: 1px solid #D44F29;
	padding:3px;
}