@media screen, print {
/*body*/
body {background: #DDDCCF none repeat-x top; color: #656565; width: 100%; height: 100%; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 75%; padding: 0; margin: 0; line-height: 1.5em;}

	/*general*/
	a { text-decoration: underline; color: #A41102; }
	a:hover { text-decoration: none; }

	a img {border: none;}
	
	h1, h2, h3, h4, h5, h6 {color: #183884; font-weight: normal; margin: 0 0 0 0; letter-spacing: 0.3px; padding: 0.6em 0 0.6em 0; line-height: 1.1em;}
	h1 {font-size: 2em;}
	h2 {font-size: 1.7em; padding: 0.7em 0 0.5em 0; }
	h2 img { margin: 0 10px; vertical-align: middle;}
	h3 {font-size: 1.4em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1.1em;  font-weight: bold;}


	strong, .strong { font-weight: bold;}
	small, .small { font-size: 90%; }
	.big {font-size: 110%;}

	.red {color: #CF3E30;}
	.blue {color: #183884;}
	.quote {color: #5E87A9;}
	.darkblue {color: #56ADD8;}
	
	.border {border: 1px solid #fff;}
	.blueborder {border: 1px solid #B2C7DC;}
	.center {text-align: center;}
	.justify {text-align: justify;}
	.left {float: left;}
	.right {float: right;}
	.clear {clear: both;}
	.w50p {width: 46%;}
	.hidden {display: none;}
	

	p {padding: 0.5em 0px 0.5em 0px; margin: 0;}
	address {padding: 0.5em 0px 0.5em 0px; margin: 0; font-style: normal;}
	ul, ol {padding: 0; margin: 0.5em 0 0.5em 5px;}
	ul li {margin: 0.1em 0 0.1em 5px; padding: 0px 0 0px 10px; background: transparent url(img/li.gif) no-repeat left 0.6em; list-style: none; line-height: 1.6em;}
	
	/*table with border*/
	table.blackborder {background-color: #566DA5;}
	table.blackborder tbody {background-color: #FFFFFF;}
	tr.alt { background-color: #F0F9FF;}
	
	#body .AspNet-Pager {margin: 10px 0 10px 0; text-align: center;}
	#body .AspNet-Pager a, .AspNet-Pager span  {margin: 3px;}
	#body .AspNet-Pager span {font-weight: bold;}
	
	#body  .AspNet-DataList {margin: 15px 7% 0 7%; border: 1px solid #3F7D03; padding: 12px;}

	/*position*/

#container {width: 820px; margin: 0 auto; background: white url(img/site_bg.jpg) repeat-y 0 0;}
#headercontainer {width: 820px; margin: 0 auto; background: transparent url(img/top.gif) no-repeat 0 0; position: relative; height: 340px; }
  #header {background: #286AA7 url(img/blue.jpg) no-repeat 0 0; height: 170px; top: 170px; left: 0; position: absolute; width: 820px; overflow: hidden;}
  
  #header .content {display: none;}
  #header h2 {margin: 27px 60px 10px 60px; color: white; line-height: 1.6em; padding: 0; font-size: 1.25em;}
  #headercontainer a.index { display: block; top: 70px; left: 65px; position: absolute;}
  #headercontainer .lang {right: 42px; top: 50px; position: absolute;}

    
  #body {width: auto; background: #fff none no-repeat 0 0; margin: 0 25px;  }
    #body .content {padding: 20px 35px 40px 35px; border-bottom: 5px solid #0093DD; }
  
  #footer { background: #286AA7 url(img/footer.jpg) no-repeat 0 0; padding: 0; height: 135px; width: 820px; margin: 0 auto;}
    #footer div { color: #75C5ED; font-weight: bold; line-height: 1.2em;}
    #footer div.left {margin: 14px 0 0 50px; width: 400px; _margin-left: 25px;}
    #footer div.right {margin: 14px 50px 0 0; width: 200px; text-align: right; _margin-right: 25px;}
        
    #footer a { color: #75C5ED; font-weight: bold; text-decoration: none;}
#editor { padding: 10px; margin: 0; line-height: 150%; letter-spacing: 0.3px;  background: white none repeat-y right; width: 700px; }
}