@charset "UTF-8";

@import "/styles/dm/common.css";
@import "/styles/dm/forms.css";
@import "/styles/dm/messages.css";
@import "/styles/960/960.css";
@import "/styles/breadcrumbs.css";
@import "/styles/forms.css";


html {
	background: #ffffff url("/gfx/bg.png") repeat-x;
	font-size: small;
}

body {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	line-height: 1.5;
}

html,
body {
	height: 100%;
}


/* Layout */

div#page {
	min-height: 100%;
	height: 100%;
	position: relative;
}

body > div#page {
	height: auto;
}

div#page-header {
	background: #002557 url("/gfx/bg-header.png") no-repeat center top;
	color: #ffffff;
	height: 80px;
}

div#page-extra {
	background: #020202 url("/gfx/bg-extra.png") no-repeat center top;
	color: #ffffff;
	height: 300px;
}

div#page-heading {
	background: #020202 url("/gfx/bg-extra.png") no-repeat center top;
	color: #ffffff;
	height: 100px;
}

div#page-main {
	padding-bottom: 60px;
}

div#page-footer {
	background: #ededed;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	border-top: 1px solid #dddddd;
	clear: both;
}


/* Default tags */

h1 {
}

h2 {
}

h3 {
	color: #002557;
}

h4 {
}


/* Extended tags */

a.ext {
	background: transparent url("/gfx/icons/ext.png") no-repeat 100% 50%;
	padding-right: 12px;
}

a.ext-big {
	font-size: 140%;
	background: transparent url("/gfx/icons/ext-big.png") no-repeat 100% 50%;
	padding-right: 28px;
	font-weight: bold;
}

a.big {
	font-size: 140%;
	font-weight: bold;
}

.cols-2 {
	float: left;
	width: 50%;
}

.cols-3 {
	float: left;
	width: 33%;
}

hr.default {
	clear: both;
	border: none;
	background-color: #E4E4E4;
	color: #E4E4E4;
	height: 1px;
	margin-bottom: 20px;
}


/* Section specific: header */

div#page-header div.inner {
	position: relative;
}

div#page-header div#main-nav {
}

div#page-header div#main-nav ul.nl {
	list-style: none;
	position: absolute;
	top: 23px;
	right: 0;
}

div#page-header div#main-nav li {
	margin: 0;
}

div#page-header div#main-nav ul.nl,
div#page-header div#main-nav ul.nl li {
	float: left;
}

div#page-header a {
	color: #a6ceff;
	text-decoration: none;
	font-size: 120%;
}

div#page-header a.active {
	color: #ffffff;
	background: #00598e;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}

div#page-header div#main-nav li a {
	display: block;
	margin-right: 16px;
	padding: 6px 16px;
}

div#page-header div#main-nav li:last-child a {
	margin-right: 0;
}

div#page-header div#main-nav li a:hover {
	background: #00598e;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}


/* Logo */

h2.logo {
	color: #ffffff;
	position: relative;
	overflow: hidden;
	top: 0px;
	left: 0px;
	line-height: 80px;
	font-size: 28px;
}

h2.logo span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: url("/gfx/site-logo.png") no-repeat top left;
}

h2.logo,
h2.logo span {
	margin: 0;
	padding: 0;
	width: 164px;
	height: 80px;
}

div#logo,
div#logo a {
	color: #ffffff;
}


/* Section specific: extra */

div#page-extra div.inner {
	position: relative;
}

div#page-extra div.top {
	height: 227px;
}

div#page-extra div.bottom {
	background: transparent url("/gfx/extra-nav-bg.png") no-repeat top center;
	height: 73px;
}

div#page-extra img.extra {
	position: absolute;
	right: 60px;
	bottom: 0;
}

div#page-extra a {
	color: #aaaaaa;
}

div#page-extra div#slogan {
	color: #555555;
	padding-top: 30px;
	line-height: normal;
}

div#page-extra div#slogan div.inner {
	width: 360px;
}

div#page-extra div#slogan strong {
	color: #ffffff;
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: normal;
	font-size: 240%;
	text-align: left;
}

div#page-extra div#slogan p.detail {
	text-align: justify;
}


/* Section specific: heading */

div#page-heading div.inner {
	position: relative;
}

div#page-heading h1 {
	margin: 0;
	line-height: 100px;
	font-size: 150%;
}


/* Section specific: main */

div#page-main div.inner {
	color: #191919;
	position: relative;
	padding: 20px 0;
}

div#page-main div.ext {
	background: #ffffff url("/gfx/bg-main.png") no-repeat center top;
	min-height: 240px;
}

div#page-main a {
	color: #162a86;
}

div#page-main a:hover {
	color: #00598e;
}

div#page-main a.more {
	font-weight: bold;
}

div#page-main div.section {
	padding: 0 10px;
}

div#page-main div.section li {
	color: #666666;
	font-weight: normal;
}

div#page-main div.intro {
	font-weight: bold;
}

div#page-main ul {

}

div#page-main ul li {
	background: transparent url("/gfx/bullet.png") no-repeat 0 50%;
	list-style-type: none;
	padding-left: 16px;
	margin-top: .3em;
	margin-bottom: .3em;
}

div#page-main ul.multi li,
div#page-main ul.sitemap li {
	background: transparent url("/gfx/bullet.png") no-repeat 0 6px;
}

div#page-main ul.bulletless,
div#page-main ul.bulletless li {
	list-style: none;
	background: none;
}


/* Section specific: sidebar */

div#sidebar {
}

div#sidebar div.inner {
	padding: 0;
	padding-left: 10px;
	border-left: 1px solid #f8f8f8;
}

div#sidebar h3 {
	margin-top: 0;
}

/* Section specific: footer */

div#page-footer div.inner {
	color: #666666;
	padding-top: 10px;
	font-size: 90%;
}

div#page-footer a {
	color: #162a86;
}

div#page-footer a.rss {
	background:transparent url("/gfx/rss-12x12.png") no-repeat scroll 0 50%;
	padding-left:18px;
} 

div#page-footer div#author {
	text-align: right;
}

div#page-footer ul.nl,
div#page-footer ul.nl li {
	float: left;
}

div#page-footer ul.nl {
	list-style: none;
}

div#page-footer ul.nl li {
	margin: 0;
	margin-right: 16px;
}

div#page-footer p {
	clear: both;
}

div#page-footer ul,
div#page-footer p {
	margin-bottom: 5px;
}

div#page-footer div#partners {
	text-align: right;
	padding-top: 2px;
}


/* News */

div.news {
	clear: both;
	font-size: 90%;
}

div.news span.date {
	float: right;
}

div.news div.item {
	padding: 10px 0;
	background: url("/gfx/news-sep.png") repeat-x left top; 
}

div.news div.item:first-child {
	background: none;
	padding-top: 0;
}



div.news div.details {
	color: #6F6F6F;
	display: block;
}

div.news span.title a {
	font-weight: bold;
	line-height: 1em;
}

div.news span.details {
	display: block;
}

div.news div.details p {
	line-height: 1.5em;
	margin: .5em 0;
}


/* References */

div.references,
div.references div.item {
	float: left;
}

div.references div.item {
	width: 180px;
	height: 140px;
	margin-right: 26px;
	margin-bottom: 20px;
	text-align: center;
	cursor: pointer;
}

div.references div.item:last-child {
	margin-right: 0;
}

div.references div.image {
}

div.references img {
	background: #f6f6f6;
	border: 2px solid #eeeeee;
	padding: 6px;
	margin-bottom: 4px;
}

div.references img:hover {
	background: #f4f4f4;
	border: 2px solid #dddddd;
}


/* Image attachments */

div.image-attachments,
div.image-attachments div.item {
	float: left;
}

div.image-attachments {
	margin-top: 20px;
}

div.image-attachments div.item {
	width: 180px;
	margin-right: 26px;
	margin-bottom: 20px;
	text-align: center;
	cursor: pointer;
}

div.image-attachments div.item:last-child {
	margin-right: 0;
}

div.image-attachments img {
	background: #f6f6f6;
	border: 2px solid #eeeeee;
	padding: 6px;
	margin-bottom: 4px;
}

div.image-attachments img:hover {
	background: #f4f4f4;
	border: 2px solid #dddddd;
}