/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
/* accessibility */

/* menu links accesskeys */
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* definition tags are hidden   */
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* external links */

a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
  padding: 0 12px 0 0;
}
a.external:link {
  color: #18507C;
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C;
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}

/* clearing */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'Accessibility and cross-browser tools' */

/* Start of CMSMS style sheet 'Navi_vertical' */
/****************************************
MENU - FIRST LEVEL
*****************************************/

#menu_vert {
   padding-left: 0;
   width: 129px; /* actual link element width */
   margin-left: 15px;
}

/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0; border: 0;
   display: block;
}

/** fix ie bug with display:block; **/
* html #header li a { height: 1%; } 
* html #header li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert ul a {
   font-size: 10px;
   background: url(layout/navlink_bg.jpg) no-repeat;
   text-decoration: none;
   display: block; /* IE fixed above */
   margin: 0 0 3px 0;
   padding: 5px 5px 5px 12px;
   color: #362d20; 
   min-height:1em; /* Fixes IE7 */ 
}

/* hover state for all links */
div#menu_vert a:hover {
   background: url(layout/navlinkact_bg.jpg) no-repeat;
}
div#menu_vert a.activeparent:hover {
   background: url(layout/navlinkact_bg.jpg) no-repeat;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   background: url(layout/navlinkact_bg.jpg) no-repeat;
   color: #362d20;
}


/* current page */
div#menu_vert ul li.currentpage a {
   background: url(layout/navlinkact_bg.jpg) no-repeat;
   color: #000000;
   font-weight: bold;
   margin: 0 0 3px 0;
   padding: 5px 5px 5px 12px;
   font-size: 10px;
}

/* Other tools */
/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}

/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}

/****************************************
MENU - SECOND LEVEL AND THIRD LEVEL
*****************************************/

#menu_vert2, #menu_vert3 {
   width: 129px; /* actual link element width */
}

/* menu li block */
#menu_vert2 li, #menu_vert3 li {
   list-style: none;
   margin: 0; border: 0;
   display: block;
}


/* first level links */
div#menu_vert2 ul a {
   font-size: 12px;
   text-decoration: none;
   text-align: right;
   display: block; /* IE fixed above */
   margin: 0;
   padding: 5px 10px 5px 5px; /* some air for it */
   color: #362d20; 
   min-height:1em; /* Fixes IE7 */ 
}
/* Small margin with sublinks */
div#menu_vert2 li.currentpage ul li { padding-right: 15px;  }
div#menu_vert2 li.activeparent ul li { padding-right: 15px;  }
div#menu_vert2 li.activeparent ul li.currentpage { padding-right: 15px;  }

div#menu_vert2 ul li.currentpage ul a
{ display: block; color: #362d20; border-right: 1px dashed #000000; background: none; }
div#menu_vert2 ul li.activeparent ul a
{ display: block; color: #362d20; border-right: 1px dashed #000000; }


/* hover state for all links */
div#menu_vert2 a:hover, div#menu_vert2 ul li.currentpage ul a:hover, div#menu_vert2 ul li.activeparent ul a:hover {
   color: #ffffff;
   background: none;
}
div#menu_vert2 a.activeparent:hover {
   color: #ffffff;
   background: none;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert2 li a.activeparent, div#menu_vert3 li a.activeparent {
   color: #b31706;
}


/* current page */
div#menu_vert2 li.currentpage a, div#menu_vert2 li.activeparent li.currentpage a {
   background: url(layout/arrow.gif) no-repeat;
   background-position: center right;
   text-align: right;
   color: #b31706;
   font-size: 12px;
   font-weight: bold;
   margin: 0;
   padding: 5px 10px 5px 5px; /* some air for it */
}

/* Other tools, also for third level */
/* section header */
div#menu_vert2 li.sectionheader, div#menu_vert3 li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}

/* separator */
div#menu_vert2 li.separator, div#menu_vert3 li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert2 li.separator hr, div#menu_vert3 li.separator hr {
   display: none; /* this is for accessibility */
}
/* End of 'Navi_vertical' */

/* Start of CMSMS style sheet 'Layout: Vakio' */
/*****************
BALINESPA
******************/
* {
	margin: 0;
	padding: 0;
}
.clear {clear:both;}

body {
   text-align: left;
   font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 1em;
}

div {
   font-size: 1em;
}

img {
   border: 0;
}

a,
a:link, 
a:active {
	text-decoration: underline;
	background-color: inherit; 
	color: #18507C; 
}


a:hover {
   text-decoration: none;
   background-color: #efefef;
   color: #385C72;
}

/*****************
basic layout 
*****************/
body {
   background-color: #c5d4b4;
   color: #646564;
}
div#backdrop { height: 315px; margin: 0; padding: 0; background: url(layout/backdrop.gif) no-repeat center top; }

div#pagewrapper {
   margin: -315px auto 0 auto;
   width: 779px;
   background: url(layout/page_bg.gif);
   color: #646564;
}

div#header {
   background: url(layout/header_bg.jpg) no-repeat;
   height: 316px;
   padding-right: 22px;
   font-size: 12px;
}
div#header a { font-family: "Trebuchet MS", Verdana; font-weight: bold; }

/* Navigation, three levels. Can be expanded */
#menu_vert { 					/* This is for the first level navigation */
   float: right;
   margin-top: 102px;
}
#menu_vert2, #menu_vert3 { 		/* This is for the second/third level navigation */
   float: right;
   margin-top: 102px;
}
#header a { text-decoration: none; color: #362d20; padding: 0px 10px 0px 10px;}
#header #tab1 { position: absolute; margin: 303px 0px 0px 50px; }
#header #tab2 { position: absolute; margin: 303px 0px 0px 185px; }
#header #tab3 { position: absolute; margin: 303px 0px 0px 315px; }

/* Actual content after header */

div#content_top {
   background: url(layout/content_top.gif);
   height: 25px;
}

div#content {
	margin: 0 auto 0 auto;
	background: url(layout/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 10px;
}
div#content_bottom {
	background: url(layout/content_bottom.jpg);
	height: 26px;
}

div#main {
	margin: 0 25px 0 25px; /* margin left, right */
}
div#main img {
	margin: 10px; 
}

/* hr hid for accessibility. Create extra div element to emulate hr */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}


/********************
CONTENT
*********************/
div#content {

}

/* HEADINGS */
h1 {
   font-size: 1.5em;
   line-height: 1em;
   margin: 0;
   color: #000000;
}
h2 {
   color: #000000; 
   font-size: 1.3em; 
   text-align: left; 
/* some air around the text */
   padding-bottom: 1px;
   line-height: 1.5em;
/* and some air under the border */
   margin: 0 0 0.5em 0;
}
h3 {
   color: #000000; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
h4 {
   color: #000000; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/*div#main*/ h5 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style: italic;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */
/* End of 'Layout: Vakio' */