@import url("styles_base.css");

html, body, div, form, img {
  margin: 0;
  padding: 0;
  border: 0;
  }

html, body {
	height: 100%;
  }

body {
  font-family: Times New Roman, serif;
  font-family: sans-serif;
	font-size: 84%;
	color: #0c2a60;	
	background-color: #ffffff;
  text-align: left;
	}


/*** IDs ***/
#container {
	position: relative;
	width: 770px;
  margin: 0px auto;
  background-color: #ffffff;
  }
	
#header {
	position: relative;
	height: 364px;
	padding: 0;
	margin: 0;
	background: #ffffff url('img/header/bg_header.jpg') left top no-repeat;
	}
	
#header_mask {
	position: absolute;
	top: 0px;
	left: 0px;
	}

#teaser {
	position: absolute;
	top: 10px;
	left: 10px;
	}
	
#logo {
	position: absolute;
	top: 35px;
	left: 23px;
	}	

#content {
	padding: 0px 0px 20px 20px;
	}
	
#column_left {
	float: left;
	width: 430px;
	padding: 10px 0 0 0;
	}

#column_right {
	float: right;
	width: 298px;
	background-color: #006eb8;
	}
	
#content_header {
	margin: 0 0 20px 0;
	}

#menu_right {
	margin: 0;
	padding: 0;
	}
	
#menu_browse {
	margin: 20px 0 0 0;
	padding: 8px 0 6px 0;
	text-align: center;
	border-top: 1px solid #cad6e9;
	border-bottom: 1px solid #cad6e9;
	}

#footer {
	position: relative;
	height: 1px;
  clear: both;
	margin: 0 0 20px 0;
	padding: 65px 15px 0px 15px;
	background: #ffffff url('img/footer/bg_footer.gif') top left no-repeat;
	}

html>body #footer {
	height: auto;
	}
	
  
/*** ID children ***/
#menu_right a, #menu_right a:link, #menu_right a:visited, #menu_right a:hover {
	color: #ffffff;
	text-decoration: none;
	display: block;
	}
	
#menu_right a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
	
#menu_right li {
	border-top: 1px solid #5a84bd;
	padding: 10px 15px 10px 40px;
  background: url('img/content/ul_li.gif') 16px 15px no-repeat;
	}

#menu_right li span.menu_title {
	font-weight: bold;
	font-size: 110%;
	}
	
#menu_right li.act span.menu_title {
	color: #FFC300;	
	}
	
#column_left img {
	padding: 4px;
	border: 1px solid #effbfb;
	}
	
#content_header img, #menu_browse img {
	padding: 0px;
	border: none;
	}

  
/*** Classes ***/  
div.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	overflow: hidden;
	}

span.clear {
	clear: both;
	display: block;
	font-size: 0px;
	line-height: 0px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	}