/* CSS Framework Import */
@import url("framework/core.css");
@import url("framework/plugins/helpers.css");

/*Site specific styles and structure begin here*/

/** ------------------------------
    GENERAL
    ------------------------------ */

	body {
		margin: 0;
		color: #666;
		background: #164861 url(../images/bg.jpg) top center repeat-y;
	}
	h2, h3, a {
		color: #38577C;
	}
	h3, h4, h5, h6 {
/*		padding-bottom: .5em;*/
	}
	h4, h5, h6 {
		font-weight: bold;
	}
	
	.container {
		width: 760px;
	}
	.skip {
		font-size: 0;
		position: absolute;
		top: -100px;
		color: white;
		text-decoration: none;
	}
	.clearer {
		clear: both;
	}
	.adr {
		font-weight: bold;
		margin-left: 2em;
		margin-bottom: 1em;
	}
	ul.multi ul {
		list-style-type: circle;
	}
	.file-icon {
        vertical-align: text-bottom;
    }
	
/** ------------------------------
    PORTAL HEADER
    ------------------------------ */
	.portalheader {
		height: 65px; 
		background: #E0E0E0 url(../images/header-bg.jpg) top left no-repeat;
		background-color: #E0E0E0;
/*		border-bottom: 1px solid #666;*/
	}
	.portalheader h2 {
		display: none;
		margin-left: -90000px;
	}

/** ------------------------------
    HEADER FOOTER
    ------------------------------ */
	.headerfooter {
		background-color: #F0F1E3;
		padding: 3px 0 0 0;
	}

/** ------------------------------
    CONTENT WRAPPER
    ------------------------------ */
.content_wrapper {
	background: transparent url(../images/content-bg.jpg) top left no-repeat;
}

/** ------------------------------
    NAVIGATION
    ------------------------------ */
	.nav {
		float: left;
		width: 201px;
		margin: 0;
		padding-top: 10px;
	}
	.nav li {
		text-align: right;
		list-style: none;
		padding: 0;
	}
	.nav li.current a {
		background: #DBDACF url(../images/nav-current.jpg) top right repeat-y;
	}
	.nav a {
		display: block;
		padding: 3px 20px 3px 10px;
		color: #000;
	}
	.nav a:hover, .nav li.current a:hover {
		background: #DBDACF url(../images/nav-hover.jpg) top right repeat-y;
	}

/** ------------------------------
    CONTENT
    ------------------------------ */
	.content {
		float: left;
		width: 519px;
		margin: 20px;
		color: #000;
	}
	
/** ------------------------------
    BREADCRUMBS / FOOTER
    ------------------------------ */
	.breadcrumbs {
		margin: 0 0 1em 0;
	}
	.footer {
		text-align: center;
		font-size: .95em;
		margin: 5em auto 3em auto;
	}
	.breadcrumbs li, .footer li {
		display: inline;
		margin-right: .25em;
	}
	.footer, .footer a {
		color: #555;
	}