/* CADAAD
--------------------------------------------------------------*/
html,body { width: 100%; height: 100%; }
body
{
	font: 100%/1.0 tahoma,arial,sans-serif;
	background: #fff url('/images/bg_body.jpg') no-repeat; color: #000;
}
#top
{
	width: 100%;
}

strong { font-weight: bold; }
em { font-style: italic; }


/* =HEADER
--------------------------------------------------------------*/
#header span { display: none; }
#header img { position: absolute; }
#cadaad { left: 30px; top: 20px; }
#uh { right: 20px; top: 10px; }


/* =SIDEBAR
--------------------------------------------------------------*/
#sidebar
{
	position: absolute; left: 30px; top: 206px; 
	width: 220px;
}

.box
{
	overflow: hidden;
	width: 220px;
	background: url('/images/bg_box_bottom.gif') no-repeat left bottom;
	margin-bottom: 10px;
}
.box h2
{
	width: 204px;
	padding: 8px 8px 6px;
	font-size: 80%; font-weight: bold; line-height: 1;
	background: url('/images/bg_box_h2.gif') no-repeat left top;
	color: #fff;
}
.box .inner
{
	padding: 6px 8px;
	font-size: 75%; line-height: 1.5;
}

#nav 
{
	text-align: center;
	font-size: 70%; font-weight: bold;
}
#nav ul
{
	overflow: hidden;
	width: 200px;
	padding: 10px;
	background: url('/images/bg_box_nav.gif') no-repeat left top;
}

#nav ul ul 
{
	margin: 0; padding: 0;
	background: none;
	border-width: 1px 0; border-style: solid; border-color: #cde;
}

#nav li
{
	float: left;
	display: block;
	width: 200px;
}
#nav a
{
	display: block;
	padding: 5px 1px;
	text-decoration: none;
}
#nav a:link, #nav a:visited
{
	color: #00455e; background: transparent;
	text-decoration: none;
}
#nav a:hover, #nav a:focus, #nav a:active
{
	color: #fff; background: #00455e;
	text-decoration: none;
}

#nav ul ul a:link, #nav ul ul a:visited
{
	color: #666; background: transparent;
	text-decoration: none;
}
#nav ul ul a:hover, #nav ul ul a:focus, #nav ul ul a:active
{
	color: #00455e; background: #cde;
	text-decoration: none;
}

#flickr ul
{
	overflow: hidden;
}
#flickr li
{
	overflow: hidden;
	display: block;
	float: left;
	width: 96px; height: 60px;
	margin: 0 0 5px 0;
	border: 1px solid #cde;
}
#flickr .right
{
	float: right;
}
#flickr img { width: 100px; }

/* =BREADCRUMB
--------------------------------------------------------------*/
#breadcrumb
{
	position: absolute; left: 300px; top: 105px;
	overflow: hidden;
	height: 1.5em; line-height: 1.5em;
	font-size: 70%;
}
#breadcrumb ul, #breadcrumb li { display: inline; }

#breadcrumb a:link { color: #058; text-decoration: underline; }
#breadcrumb a:visited { color: #036; text-decoration: underline; }
#breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active { color: #08b; text-decoration: none; }


/* =CONTENT
--------------------------------------------------------------*/
#content
{
	overflow: hidden;
	position: absolute; left: 280px; top: 129px;
	background: url('/images/bg_content_inner.gif') repeat-y;
}
#content .wrapper
{
	min-height: 260px;
	padding: 20px;
	background: url('/images/bg_content.gif') no-repeat;
	font-size: 85%; line-height: 1.5;
}

#content h1
{
	font: normal 200%/1.2 georgia,times,serif;
	margin: 0 0 0.5em;
	color: #00455e;
}
#content h2
{
	font-size: 120%; font-weight: bold; line-height: 1.2; letter-spacing: 1px;
	text-transform: uppercase;
	margin: 1.5em 0 0.5em;
	color: #003041;
}
#content h3
{
	font: bold 110% georgia,times,serif;
	margin: 1em 0 0;
	color: #333;
}

#content p { margin: 0 0 1em; }

#content blockquote
{
	margin: 0 0 0 1em; padding: 0 1em 0 2em;
	font-style: italic;
	color: #555;
	border-left: 1px dotted #ccc;
}
#content ul
{
	margin: 0 0 1em; padding: 0 0 0 1.5em;
	list-style-type: disc;
}
#content ol
{
	margin: 0 0 1em; padding: 0 0 0 1.5em;
	list-style-type: decimal;
}

#content a:link { color: #058; text-decoration: underline; }
#content a:visited { color: #036; text-decoration: underline; }
#content a:hover, #content a:focus, #content a:active { color: #08b; text-decoration: none; }

/* NEWS */
#content h2 a:link, #content h2 a:visited,
#content h2 a:hover, #content h2 a:focus, #content h2 a:active
{
	text-decoration: none;
}

#content .item
{
	padding-top: 1em; margin-top: 1em;
	border-top: 1px solid #cde;
}
#content .postdate
{
	font-size: 90%; font-style: italic;
	color: #666;
}

/* ICONS */
#content .download
{
	display: inline-block;
	padding-left: 20px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
}
#content .download:link, #content .download:visited,
#content .download:hover, #content .download:focus, #content .download:active
{
	text-decoration: none;
}

.pdf { background-image: url('/images/icon_pdf.gif'); }

/* TABLES */
th,td { vertical-align: top; }
#biblio
{
	width: 100%;
	font-size: 90%; line-height: 1.2;
}
#biblio th, #biblio td
{
	padding: 4px 6px 5px;
	text-align: left;
}
#biblio th
{
	background: #00455e; color: #fff;
	font-weight: bold;
	border-right: 1px solid #fff;
	vertical-align: middle;
}
#biblio td
{
	border-bottom: 1px solid #cde;
}
#biblio th a:link, #biblio th a:visited
{
	color: #fff;
	text-decoration: none;
}
#biblio th a:hover, #biblio th a:focus, #biblio th a:active
{
	color: #b5e9ff;
	text-decoration: none;
}
#biblio em
{
	font-style: italic;
	color: #444;
}


/* =GLOSSARY
--------------------------------------------------------------*/
#content #glossary
{
	list-style: none;
	padding: 0;
	line-height: 1;
}
#content #glossary li
{
	border-bottom: 1px solid #cde;
}
#content #glossary a
{
	display: block;
	padding: 5px;
}
#content #glossary a:link, #content #glossary a:visited
{
	text-decoration: none;
	background: transparent;
}
#content #glossary a:hover, #content #glossary a:focus, #content #glossary a:active
{
	text-decoration: none;
	background: #cde;
	font-weight: bold;
}


/* =RESOURCES
--------------------------------------------------------------*/
.resource
{
	margin: 0 0 1em; padding: 10px;
	overflow: hidden;
	background: #e7f8ff;
	border: 1px solid #b5e9ff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.resource img
{
	float: right;
	margin: 0 0 1em 1em;
}
#content .resource h2, #content .resource h3 { margin-top: 0; }
#content .resource a:link, #content .resource a:visited,
#content .resource a:hover, #content a:focus, #content a:active 
{ text-decoration: none; }

#content .resource .compact { margin: 0; }

/* =FOOTER
--------------------------------------------------------------*/
#footer
{
	line-height: 0;
	background: #fff url('/images/bg_footer.gif') no-repeat;
	font-size: 70%;
}
#footer .copyright
{
	line-height: 1.3;
	padding: 30px 20px 20px 20px;
}

/* =END --------------------------------------------------------------*/

