@import "reset.css";
@import "typography.css";
@import "forms.css";

html, body {
	height: 100%;
}
body {
	 background: #e3e3e3;
}
#container {
	width: 972px;
	background: #fff;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	border-left: 1px solid #434343;
	border-right: 1px solid #434343;
}

/* Columns
-------------------------------------------------------------- */
.column {
	float: left;
	margin-right: 10px; 
}
div.last {
	margin-right: 0;
}
.home-bulletin {
	width: 431px;
	padding: 20px 20px 0;
	background: #fff url(/pics/bg/home-bulletin.gif) repeat-x 0 0;
}
.home-lift {
	width: 283px;
	margin-right: 31px;
}
.home-lift a:hover {
	text-decoration: none;
}
.home-lift img {
	marign-top: 1px;
	margin-bottom: 1em;
}
.home-lift h1 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 0.5em;
}

/* Layout
-------------------------------------------------------------- */
#masthead {
	background: #4F4F4F url(/pics/bg/masthead.gif) no-repeat 0 0;
	border-top: 3px solid #cc0000;
	padding: 10px;
	color: #fff;
	position: relative;
}
#masthead a {
	color: #fff;
	text-decoration: none;
}
#logo {
	float: left;
	padding: 10px;
}
#print {
	font-size: 0.9167em;
	line-height: 1;
	float:left;
	padding:63px 0px 0px 380px;
	margin-right:15px;
	}
#print img {
	vertical-align: middle;
}

#wrapper {
	float: left;
	width: 100%;
}
#langselect {
	float: right;
	font-size: 0.8333em;
	line-height: 1.6;
}
#content {
	margin: 0 235px; 
	padding: 50px 10px;
	background: #fff url(/pics/bg/gradient.gif) repeat-x 0 0;
	min-height: 250px;
}
#navigation {
	float: left;
	width: 215px;
	margin-left: -972px; 
	padding: 10px;	
	min-height: 250px;
	background: #fff url(/pics/bg/gradient.gif) repeat-x 0 0;
}
#navigation a#selected {
	text-decoration: none;
	font-weight: bold;
	color: #111;
}
#extra {
	float: left;
	width: 215px;
	margin-left: -235px;
	padding: 10px;
	background: #fff url(/pics/bg/gradient.gif) repeat-x 0 0;
	min-height: 250px;
}
#extra-content {
	padding: 10px;
}
#extra-content ul li {
	margin-left: 0;
	background: url(/pics/arrow.gif) no-repeat 0 6px;
	padding-left: 1em;
	margin: 2px 0;
}
#page {
	padding-bottom: 9em;
}
#primary {
	padding: 10px;
}
#news a:hover {
	text-decoration: underline;
}
#news a {
	color: #444;
	text-decoration: none;
}
#news .news-calendar {
	float: left;
	padding: 4px 0;
	margin: .5em 1em 1.5em 0;
	height: 42px;
	width: 38px;
	overflow: hidden;
	text-align: center;
	background: #fff url(/pics/calendar.gif) no-repeat 0 0;
}

#news .news-calendar p { line-height: 1; margin-bottom: 5px; }
#news .news-calendar-date { color: #fff; font-size: 18px; font-weight: bold; margin: 0; }
#news .news-calendar-month { font-size: 10px; margin: 0; }

#news .news-arrow { float: left; margin: 0 1em 0 0; }

#secondary {
	padding: 10px 30px;
	background: #fff url(/pics/bg/gradient.gif) repeat-x 0 0;
}
.nav-block {
	padding: 10px 10px 0;
}
.nav-block ul {
	margin-bottom: 1em;
	line-height: 1.5;
}
.nav-block ul ul {
	margin: 3px 0;
	font-size: .9em;
}
.nav-block ul ul li {
	margin-left: 0;
	background: url(/pics/arrow.gif) no-repeat 0 5px;
	padding-left: 1em;
}
#footer {
	clear: left;
	width: 912px;
	margin: -9em auto 0 auto;
	position: relative;
	height: 40px;
	padding: 30px;
	background: #fff url(/pics/bg/footer.gif) repeat-x 0 0;
}
#footer .footer-logo {
	float: left;
	margin-right: 30px;
}


/* Misc classes and elements
-------------------------------------------------------------- */
.box { 
	 padding: 1.5em; 
	 margin-bottom: 1.5em; 
	 background: #E5ECF9; 
}

.left	{ float: left; }
.right	{ float: right; }

hr {
	background: #ddd; 
	color: #ddd;
	clear: both; 
	float: none; 
	width: 100%; 
	height: .1em;
	margin: 0 0 .5em;
	border: none; 
}
hr.space {
	background: #fff;
	color: #fff;
}

.clearfix:after,
#page:after,
#masthead:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix,
#page,
#masthead {display: inline-block;}
* html .clearfix,
* html #container,
* html #masthead {height: 1%;}
.clearfix,
#page,
#masthead {display: block;}

.clear { clear:both; }

x.clearfix:hover {text-decoration:underline;}

/* Search box
-------------------------------------------------------------- */
#search-box {
	xposition: absolute;
	xbottom: 10px;
	xright: 10px;
	vertical-align: middle;
	float:left;
	padding-top:40px;
	xwidth:200px;
}

#search-results {
	padding-top: 30px;
	  width: 800px ;
  margin-left: auto ;
  margin-right: auto ;

}

#search {padding-bottom:170px;}