/* CSS Document */

/* HTML elements */
html, body, ol, ul, li, p, h1, h2, h3, form, fieldset, a, div, img{margin: 0; padding: 0; border: 0;}
body{ background-image: url(/images/bg_page.jpg); background-repeat: repeat; font: 75% arial, Helvetica; color:#000066 }
p{padding: 0 0 10px 0; line-height:150%;}
h1{padding: 0 0 10px 0; line-height:20px; font-weight:normal; font-size:12px; font-family: verdana, arial, Helvetica;}
h2{font-size: 110%; padding: 10px 0 0 0;}
.ul{ margin:auto; padding:10px 0 0 40px}
.title{font-weight:bold; color:#CC0033; font-size: 150%; line-height:150%; padding: 10px 0 10px 0; font-family:verdana, arial, Helvetica; }

/* form and image styles */
input{border:1px solid #999999; padding-left:2px;}
textarea{border:1px solid #999999; padding-left:2px; font-family:Arial; font-size:13px}
img{border:0px}
form {display: inline;}

/* random styles */
.inputnoborder{border:0px solid #999999; padding-left:2px;}
.big_letters{ font-size:180%; font-weight:bold; color: #333333; line-height:120%;}
.accesskey{ text-decoration:underline;}
.u{ text-decoration:underline; } /* css underline better then <u> */

/* standard links */
a:link {color:#333333;text-decoration:underline;}	
a:hover {color:#990000;text-decoration:underline;}
a:active {color:#990000;text-decoration:none;}
a:visited {color:#333333;text-decoration:none;}

/* contains whole page content */
#wrapper{ width:766px; background-image: url(/images/bg_main.jpg); background-repeat: repeat-y; background-position:center; margin-left: auto; margin-right:auto; height:100%; }
/* above main image */
#top_text{ margin-left: 290px; padding-top:50px; overflow:hidden; height:200px}
/* background image */
#top_header{ background-image: url(/images/bg_top.jpg); background-repeat: no-repeat; height:30px; background-position: bottom; margin-left: auto; margin-right:auto;  }
/* main image */
#middle_header{ background-image: url(/images/bg_header.jpg); background-repeat: no-repeat; height:245px; background-position: top }

/* the search field */
#search { margin: 0 0 5px 26px; width:236px; height:30px; text-align:center; background-color:#595959; }
.text_search{ font-size:90%; font-family:Arial, Helvetica, sans-serif; padding: 0 0 0 2px; }

/* navigation */
#nav { padding: 0 23px 0 0; }
#nav li{ list-style-type:none; float:right; }
#nav a:link, #nav a:visited{ display:block;  width:90px; height:30px; padding: 5px 0 0 29px; text-decoration:none; font-weight:bold; color: #000000; background:url(/images/but_new.gif) top left no-repeat; background-repeat: no-repeat; }
#nav a:hover, #nav a:active{ color: #2B4CCD; background-repeat: no-repeat; background-position:-124px 0px; }

/* editable page content */
#content{ padding: 0px 35px 20px 40px; }
#content a:link, #content a:visited{ color:#333333; text-decoration:underline; }
#content  a:hover, #content a:active{ color:#990000; text-decoration:underline; }

/* footer menu and copyright text */
#copyright_text{ background-image: url(/images/bg_bot.gif); background-repeat: no-repeat; padding-top:35px; text-align:center; font-family:Tahoma; font-size:11px; line-height:11px; color:#616161; margin-left: auto; margin-right:auto; width:734px; }
#copyright_text a:link, #copyright_text a:visited{ text-decoration:underline; }
#copyright_text a:hover, #copyright_text a:active{ color: #990000; }

/* The breadcrumb and languages */
#crumbslang{ padding: 0 25px 0 26px; line-height:35px; }
#crumbslang a:link, #crumbslang a:visited{ font-family:Tahoma; font-size:11px; color:#000000; text-decoration:underline; }
#crumbslang a:hover, #crumbslang a:active{ font-family:Tahoma; font-size:11px; color:#990000; text-decoration:underline; }
#bcrumb{ width:50%;	float:left; }
#langs { width:50%;	float:left;	text-align:right; }

/* The three squares of info */
#bottom_header{	padding: 0 25px 0 26px; }
#bottom_header a:link, #bottom_header a:visited{ color:#FFFFFF;	text-decoration:underline; }
#bottom_header a:hover, #bottom_header a:active{ color:#CCCCCC; text-decoration:underline; }
#mainleft { width:33%; float:left; background-image: url(/images/b1a.jpg); background-repeat: no-repeat; background-position:center; height:120px; color:#FFFFFF; overflow:hidden }
#maincenter { width:34%; float:left; background-image: url(/images/b2a.jpg);  background-repeat: no-repeat; background-position:center; height:120px; color:#FFFFFF; overflow:hidden }
#mainright { width:33%; float:left; background-image: url(/images/b3b2.jpg); background-repeat: no-repeat; background-position:center; height:120px; color:#FFFFFF; overflow:hidden }
#contentpad1{ padding: 5px 5px 5px 73px; line-height:16px; }
#contentpad2{ padding: 5px 10px 5px 70px; line-height:16px }
#contentpad3{ padding: 5px 6px 5px 70px; line-height:16px }

/* quotes */
/*q{ display:block; font: italic 90%/150% Georgia, "MS Sans Serif"; margin: 10px 5.5% 10px 5.5%; background: transparent url(/images/rdquo-grey.gif) right bottom no-repeat; padding: 0 4px 0 0; color: gray; } */
q{ display:block; font: italic 90%/150% Georgia, "MS Sans Serif"; margin: 0 0 0 0; background: transparent url(/images/rdquo-grey.gif) right bottom no-repeat; padding: 0 4px 0 0; color: gray; } 
q:first-letter{	background: transparent url(/images/ldquo-grey.gif) left top no-repeat; display: block;	width: 12px; height: 1.3em; padding-left: 15px; background-position: 0 3px; font-size: larger; }									  
q:before, q:after {	content: ""; } /* kills the default quotes in good browsers */

.ref{ color:#CCCCCC; text-align:right; font-size:8px; text-decoration:none}
.ref a:link{ color:#CCCCCC; text-align:right; font-size:8px; text-decoration:none}
.ref a:visited{ color:#CCCCCC; text-align:right; font-size:8px; text-decoration:none}
.ref a:active{ color:#CCCCCC; text-align:right; font-size:8px; text-decoration:none}
.ref a:hover{ color:#CCCCCC; text-align:right; font-size:8px; text-decoration:none}