* { padding: 0; margin: 0; }
html { background: #abd5ff url('images/background-body.jpg') no-repeat center top; }

body { 
	font: normal 62.5%/1.4 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #1b1b1f;
	text-align: left;
}

/************************************
 * Styles
 *
 ************************************/

em { }
strong { font-weight: bold; color: #0089d1; }

/************************************
 * Basic elements
 *
 ************************************/

p { margin: 0; padding: 0; }

a:link, a:visited { text-decoration: none; color: #0089d1; }
a:hover, a:active { text-decoration: underline; color: #0089d1; }

img { margin: 0; padding: 0; border: 0; }

h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
	font-size: 1em;
	color: #0089d1;
}

h1 { font-size: 1.5em; margin-bottom: 0.3em; }
h2 { font-size: 1.2em; margin-bottom: 0.3em; }
h3 { }

sub { vertical-align: baseline; position: relative; bottom: -0.25em; font-size: smaller; }
sup { vertical-align: baseline; position: relative; bottom: 0.33em; font-size: smaller; }

ul { list-style-type: disc; margin: 0 0 0 2em; }
ul li { margin: 0.5em 0; }

/************************************
 * Layout
 *
 ************************************/


#page { text-align: left; position: relative; }

#wrapper { width: 950px; margin: 0 auto; padding-top: 21px; font-size: 1em; position: relative; }
#corners-upper { height: 15px; overflow: hidden; background: transparent url('images/corners-upper.gif') no-repeat top left; }

#header {
	position: relative; clear: both; min-height: 80px; height: auto !important; height: 80px;
	padding: 0;
	color: black;
	background: white url('images/background-wrapper.gif') repeat-y left top;	
}
#header #logo { position: absolute; top: 0; left: 32px; }
#navigation { clear: both; }

#container {
	position: relative;
	clear: both;
	background: white url('images/background-wrapper.gif') repeat-y left top;
	padding: 0 35px 0 67px;	
}

#breadcrumbs { font-size: 1.1em; padding-bottom: 1.6em; color: #0089d1; }
#breadcrumbs a { color: #96a5b3; }

#content {
	position: relative; margin: 0; padding: 0 0 4em 0;
	min-height: 580px; height: auto !important; height: 580px;
}

#sidebar {
	position: relative; width: 180px; float: left;
	padding: 0;
	font-size: 1.2em;
}
	
#innercontent { float: right; width: 655px; font-size: 1.2em; }
#pageimage { margin-bottom: 2em; }
#inner-main { float: left; width: 450px; }
#inner-sidebar { float: right; width: 174px; padding-bottom: 60px; position: relative; }
				

#sp-certificate { position: absolute; bottom: 20px; left: 0px; width: 81px; height: 113px; }
#sp-certificate a { position: relative; display: inline; }
#anniversary { position: absolute; bottom: 158px; left: -30px; }	
#extranet-login-link { position: absolute; bottom: 2em; right: 0; }
#extranet-login-link .box { margin: 0; width: 174px; }
	
#footer {
	clear: both;
	width: 950px;
	background: #97a7b4 url('images/background-footer.gif') no-repeat center bottom;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 1.2em;
	margin-bottom: 2em;
	
}
#footer-left { float: left; width: 70%; }
#footer-left p { padding: 6px 0 6px 67px; text-align: left; }
#footer-right { float: right; width: 29%; }
#footer-right p { padding: 6px 67px 6px 0; text-align: right; }

/************************************ 
 * Specific elements
 *
 ************************************/

#content table { border-collapse: collapse; }
#content th { text-align: left; font-weight: normal; }
#content td { vertical-align: top; padding: 1px; text-align: left; }
#content td p { margin: 0; padding: 0; }

/************************************ 
 * Boxes
 *
 ************************************/

.box { background-color: #0089d1; color: white; margin-bottom: 8px; width: 174px; }
.box-loose { margin-top: 28px; }
.box-inner { /*padding: 6px 4px 4px;*/ }
#inner-sidebar .box a { color: white; }
.box-top { height: 8px; background: white url('images/boxes/corners-top.gif') no-repeat left bottom; }
.box-bottom { height: 8px; background: white url('images/boxes/corners-bottom.gif') no-repeat left top; }
.box h3 { color: white; margin: 0 0 1em 0; font-size: 1.2em; font-weight: bold; line-height: 1.3; }
.box h4 { color: white; margin: 0; font-size: 1em; font-weight: bold; text-align: center; line-height: 1.3; }
.box-padded { padding: 12px 16px; }

/************************************ 
 * News
 *
 ************************************/

div.news-item { }
div.news-item h2 { }
div.news-item p { }
div.news-item-short,
div.news-item-archive { margin-bottom: 1em; }
div.news-item-short h3 { color: black;  }
div.news-item-short span.date { color: #646464; font-weight: bold; }
div.pagination { text-align: center; margin: 1em 0; padding: 2em 0 0.6em; }
div.pagination span.left { width: 20%; float: left; text-align: left; }
div.pagination span.right { width: 20%; float: right; text-align: right; }
div.pagination .ditto_off { color: #e0e0e0; }
.ditto_currentpage,
.ditto_page { padding: 0 0.5em; border: 1px solid #96a5b3; margin: 0 0.2em; background-color: white; }
.ditto_currentpage { background-color: #0089d1; color: white; border: 1px solid #0089d1; }
.ditto_page:hover { background-color: #f2f2f2; text-decoration: none; }

/************************************ 
 * Sitemap
 *
 ************************************/

#sitemap { margin: 1.8em 0 1em; }
#sitemap ul li { margin: 0.2em 0 0.8em; }
#sitemap li ul li { padding: 0 1.5em; margin: 0.1em 0; }
#sitemap li ul { border-top: 1px solid #e0e0e0; }

/************************************ 
 * Fixes and special cases
 *
 ************************************/

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.hidden { display: none; }