﻿/*LAYOUT*/

* { outline: none; }

html, body { height: 100%; }

body { background: #f0f8ff url(images/bg.png) repeat-y center center; }

#maincontainer{ width: 960px; min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -150px; margin-bottom: 10px;}

#contentwrapper { float: left; width: 100%;  }

#contentcolumn{ margin: 0 180px 0 180px; }

#leftcolumn{ float: left; width: 160px; margin-left: -960px; }

#rightcolumn{ float: left; width: 160px; margin-left: -160px; }

#footer, #push { height: 150px; }

#footerLeft { float: left; width: 48%; text-align: left; }

#footerRight { float: right; width: 48%; text-align: right; }

#footer{ background: #fff url(images/borderBottom.png) repeat-x 0% 0%; font-size: 12px; line-height: 1.4em; margin: 0 auto; padding: 30px 0 0 0; width: 960px; clear: left; }

/*HEADER*/

#header { background: #fff url(images/borderTop.png) repeat-x 0 159px; height: 240px; width: 960px; margin: 0 auto 0; border-top: 4px; }

#headerLeft { background: url(images/header_image_left.jpg) no-repeat 0% 0%; border: 0px solid #000; float: left; height: 158px; margin-top: 0; width: 158px; }

#headerMiddle { background: url(images/header.jpg) no-repeat 0% 0%; color: #4682b4; border: 0px solid #000; float: left; font: bold italic 0px/0px times new roman, times, serif; margin: 0; padding-bottom: 5px; text-align: left; width: 960px; height:230px;}

#headerMiddle img {
	margin:0px;padding:0px; 
}
.language {
	float:right; padding-right:5px; color:#0000ff;  font-size:large; margin-top:-40px;
}

#headerMiddle .tagline1 { color: #fff; font: bold 24px/38px arial, helvetica, sans-serif; }

#headerMiddle .tagline2 span { background-color: #cc0000; font: bold 14px/26px arial, helvetica, sans-serif; color: #fff; letter-spacing: 1px; padding: 3px 6px; }

#headerRight { background: url(images/header_image_right.jpg) no-repeat 0% 0%; border: 0px solid #000; float: left; height: 158px; float: left; margin-top: 0; width: 158px; }

/*NAVIGATION TOP*/

#navlist { border-bottom: 20px solid #fff; }

ul#navlist { background: #fff url(images/bg_navTop.png) no-repeat 0% 0%; color: #fff; font-weight: bold; height: 23px; margin: 0; padding: 0; width: 960px; white-space: nowrap; text-align: center; }

#navlist li, #navlist li:visited { margin: 0; display: inline; list-style-type: none; line-height: 1.7em; padding: 0 5px 0 0; padding-left:5px; padding-right:5px;}

#navlist li a { color: #fff; text-decoration: none; padding: 0 2px 2px 0; padding-left:5px; padding-right:5px;}

#navlist li a:hover { background-color: #f0f8ff; color: #4682b4; text-decoration: none; padding-left:5px; padding-right:5px;}

#navlist li.active a, #navlist li.active a:visited { background-color: #f0f8ff; color: #4682b4; text-decoration: none; padding-left:5px; padding-right:5px; }

/*MENU LEFT*/

#menu { width: 160px; }

#menu ul { margin: 0 0 20px 0; padding: 0; list-style-type: none; }

#menu  a, #menu a:visited {
/*background: url(images/arrow_main.PNG) no-repeat top right;*/ 
color: #666; display: block; padding: 3px 5px; width: 150px; background-color: #f5f5f5; border-bottom: 1px solid #4682b4; }

#menu a:link, #menu a:visited { color: #666; text-decoration: none; }

#menu  a:hover { background: url(images/arrow.png) no-repeat top right; color: #4682b4; border-bottom: 0px solid #4682b4; }

#menu ul li.active a, #menu ul li.active a:visited  { background: url(images/arrow.png) no-repeat top right; color: #4682b4; border-bottom: 1px solid #4682b4; } 

/*STYLES*/

body { color: #666; margin: 0; font: normal 13px/1.5em arial, helvetica, sans-serif; }

h2, h3, h4 { display: block; clear: both; letter-spacing: 1px; margin: 10px 0 10px 0; }

h2 { font-size: 28px; line-height: 28px; margin: 0 0 10px 0; padding: 0 5px; }

h3 { font-size: 20px; font-style: italic; padding: 0 5px;}

h4 { background-color: #f0f8ff; font-size: 13px; padding: 4px 5px; }

#leftcolumn h4, #rightcolumn h4 { background: #4682b4 url(images/h4.png) no-repeat 0 0; border-bottom: 1px solid #fff; font-size: 0.9em; font-weight: bold; color: #fff; margin: 0; text-align: center; letter-spacing: 0; line-height: 1.2em; }

#leftcolumn h3, #rightcolumn h3 { font-size: 13px; margin: 5px 0;  letter-spacing: 0; }

p { display: block; clear: both; margin: 10px 0 10px 0; }

p.content {
text-align:justify;
padding-left:10px;
padding-right:10px;
}

a, a:visited { color: #4682b4; font-weight: bold; text-decoration: underline; }

a:hover { color: #cc0000; text-decoration: none; }

hr { background-color: #ccc; color: #ccc; clear: both; height: 1px; border: 0; margin: 10px 0 10px 0; }

img { border: 0; vertical-align: middle; }

#contentcolumn ul { padding-left: 0; margin-left: 16px; }

#contentcolumn li { background: url(images/list.png) no-repeat 0% 2px; list-style-type: none; padding-left: 16px; }

blockquote { border: 1px solid #ccc; margin: 10px 0; padding: 1px; }

blockquote h4 { background-color: #f5f5f5; margin: 0; padding: 2px 5px; }

blockquote p { padding: 5px 5px 5px 5px; margin: 0; text-align:justify; }

/*CLASSES*/

.advertisement { background: url(images/roundedbox_top.gif) no-repeat top right; margin: 0 0 20px 0; font-size: 0pt; line-height: 0; }

.advertisement p { margin: 0; font-size: 12px; line-height: 1.4em; padding: 5px; }

.boxBlue { background-color: #f0f8ff; border-top: 1px solid #4682b4; border-bottom: 2px solid #4682b4; font-size: 12px; line-height: 1.4em; margin-bottom: 20px; padding: 2px 5px; }

.boxGrey { background-color: #f5f5f5; border-top: 1px solid #4682b4; border-bottom: 2px solid #4682b4; font-size: 12px; line-height: 1.4em; margin-bottom: 20px; padding: 2px 5px; }

.boxBlue p, .boxGrey p { margin: 0 0 10px 0; }

.marginLeft { margin-left: 20px; }

.marginRight { margin-right: 20px; }

.imgLeft { /*background: url(images/shadow.png) repeat-x left bottom;*/ padding-bottom: 7px; float: left; margin: 5px 10px 0 0; }

.imgRight { /*background: url(images/shadow.png) repeat-x left bottom;*/ padding-bottom: 7px; float: right; margin: 5px 0 0 10px; }

.shadow { background: url(images/shadow.png) repeat-x left bottom; padding-bottom: 7px; }

/*SPECIAL*/

.statusBox_gsnb, .gs-snippet, .gs-publisher { margin: 0 5px; }

.gs-title, .gs-clusterUrl { margin: 0 3px; } 
