/*     Generated by StyleMaster
       Mucked about with by Jurgen */

/* @group Fonts */

@font-face {
	font-family: 'CharisSILRegular';
	src: url('CharisSILR-webfont.eot');
	src: url('CharisSILR-webfont.woff') format('woff'), url('CharisSILR-webfont.ttf') format('truetype'), url('CharisSILR-webfont.svg#webfontnyisphL1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CharisSILItalic';
	src: url('CharisSILI-webfont.eot');
	src: url('CharisSILI-webfont.woff') format('woff'), url('CharisSILI-webfont.ttf') format('truetype'), url('CharisSILI-webfont.svg#webfontIFITyHdW') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CharisSILBold';
	src: url('CharisSILB-webfont.eot');
	src: url('CharisSILB-webfont.woff') format('woff'), url('CharisSILB-webfont.ttf') format('truetype'), url('CharisSILB-webfont.svg#webfontK3sYroiv') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CharisSILBoldItalic';
	src: url('CharisSILBI-webfont.eot');
	src: url('CharisSILBI-webfont.woff') format('woff'), url('CharisSILBI-webfont.ttf') format('truetype'), url('CharisSILBI-webfont.svg#webfontkLjxq38p') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @group Page structure */

html {
	height: 100%;
	min-height: 100%;
}

body {
	font: normal 90%/140% Verdana,Arial,Helvetica,sans-serif;
	margin: 0;
	height: 100%;
	min-height: 100%;
}

.indexbox {
	padding: 1em;
	background-color: #ba0000;
	color: #fff3d2;
	line-height: 180%;
	width: 12em;
	top: 0px;
	bottom: 0px;
	-moz-border-radius-topright: 1em;
	-webkit-border-top-right-radius: 1em;
	min-height: 100%;
	height: 100%;
}

.whatsnew {
	padding: 10px;
	background-color: #fff3d2;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	line-height: 120%;
	margin-left:1em;
	width: 10em;
	top: 180px;
	font-size: 100%;
	float: right;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	box-shadow: 10px 10px 5px #888;
	padding: 5px 5px 5px 15px;
	text-align: left;
}

.header {
	height: 165px;
	width: 100%;
}

.block {
	position: absolute;
	top: 180px;
	text-align: justify;
	left: 15em;
	padding-right: 1em;
	padding-left: 2em;
	font-size: 90%;
}

.submenu {
	padding-left: 2em;
	font-style: italic;
	font-size: 0.8em;
}

.note {
	font-size: 0.7em;
	font-style: italic;
	text-align: center;
	margin-top: 5em;
	border-top: 1px solid #ba0000;
	line-height: 130%;
}

.copyright {
	font-size: 0.7em;
	text-align: center;
}

.attribution {
	font-size: .5em;
	margin-top: 1em;
	right: 0;
	text-align: right;
	border-top: 1px solid silver;
}

/* @end */

/* @group Sidebar links */

div.whatsnew p {
	margin-top: 1.2em;
}

a.index:link {
	color: #fff3d2;
	text-decoration: none;
}

a.index:visited {
	color: #fff3d2;
	text-decoration: none;
}

a.index:hover {
	font-weight: bold;
}

a.boxlink:link {
	font-size: 0.8em;
	color: #ba0000;
}

a.boxlink:visited {
	font-size: 0.8em;
	color: #ba0000;
}

a.boxlink:hover {
	font-size: 0.8em;
	color: #ba0000;
}

a.submenu:link {
	color: #fff3d2;
	text-decoration: none;
}

a.submenu:visited {
	color: #fff3d2;
	text-decoration: none;
}

a.submenu:hover {
	font-weight: bold;
}

/* @end */

/* @group Text standards */

h1 {
	font-size: 1.5em;
	color: #ba0000;
	text-align: left;
}

h2 {
	font-size: 1.2em;
	color: #ba0000;
	text-align: left;
	margin-top: 2em;
	margin-bottom: 1em;
}

h3 {
	color: #ba0000;
	text-align: left;
	margin-top: 1em;
	margin-bottom: .5em;
	font: italic 1em;
}

p {
	color: black;
	margin-top: .5em;
	margin-bottom: .5em;
}

dt {
	border-top: 1px solid #ba0000;
	border-left: 1px solid #ba0000;
	border-right: 1px solid #ba0000;
	padding: .5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	-moz-border-radius-topleft: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	background-color: #fff3d2;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff3d2), color-stop(0.6, #ffffff), to(#ffffff));
	font-style: italic;
}

dd {
	border-bottom: 1px solid #ba0000;
	border-left: 1px solid #ba0000;
	border-right: 1px solid #ba0000;
	padding: .5em .5em 0;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	-moz-border-radius-bottomleft: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	margin: 0 0 1em;
}

a.googlesearch{
	color: silver;
	background-color: #ba0000;
	text-decoration: none;
	padding: .3em;
	display: inline;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	font-size: 75%;
}


/* @end */

/* @group Images */

a.button_go {
	width: 40px;
	height: 20px;
	display: inline-block;
	text-indent: 100px;
	overflow: hidden;
	float: right;
	color: white;
	font-size: 1px;
	text-decoration: none;
	box-shadow: 10px 10px 5px #888;
	background: url(images/button_go.png) no-repeat;
}

/* @end */

/* @group Tables (stolen from UNDP) */


/* http://www.undp.org/templates/public/ */

table.standard {
	/* standard table spacing */
	border-collapse: collapse;
	background-color: #FFFFFF;
	width: 100%;
	margin: 15px 0px 15px 0px;
	padding: 0px;
}

table.standard tr {
	/* standard table rows */
	vertical-align: top;
}

table.standard th {
	/* standard table headers */
	margin: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #E6E6E6;
	text-align: left;
	vertical-align: center;
	font-weight: normal;
}

table.standard td {
	/* standard table cells */
	margin: 0px;
	padding: 3px 5px 3px 5px;
}

table.border {
	/* add border to tables */
	border: 1px solid #CCCCCC;
}

table.rowborder tr {
	/* add border to rows */
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

table.columnborder th, table.columnborder td {
	/* add border to columns */
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

table.cellborder th, table.cellborder td {
	/* add border to cells */
	border: 1px solid #CCCCCC;
}

table.noborder, table.norowborder tr, table.nocellborder th, table.nocellborder td {
	/* remove border */
	border: none;
}

th.leftborder, td.leftborder {
	/* force left border on cell (will not work if table class="nocellborder") */
	border-left: 1px solid #CCCCCC;
}

th.rightborder, td.rightborder {
	/* force right border on cell (will not work if table class="nocellborder") */
	border-right: 1px solid #CCCCCC;
}

tr.title th, tr.title td {
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
}

tr.head th, tr.head td {
	background-color: #CCCCCC;
}

tr.subhead th, tr.subhead td {
	background-color: #DDDDDD;
	padding: 5px;
}

tr.subtotal th, tr.subtotal td {
	background-color: #ECECEC;
}

tr.total th, tr.total td {
	background-color: #DDDDDD;
	border-top: 1px solid #999999;
	font-weight: bold;
}




/* ALTERNATE ROWS */

tr.odd {
	/* used on 1st and alternate rows */
	background-color: #FFFFFF;
}

tr.even, tr.alt {
	/* used on 2nd and alternate rows */
	background-color: #F3F3F3;
}


/* OVERLAPPING ALTERNATE ROWS */

td.column {
	/* used to add column colors */
	background-color: #F3F3F3;
}

tr.odd td.column {
	background-color: #F3F3F3;
}

tr.even td.column {
	background-color: #ECECEC;
}


/* CELL FORMATTING */

th.icon, td.icon {
	text-align: center;
}


/* DIRECTORY TABLE */

.directory {
	border-collapse: collapse;
	border: none;
	margin: 5px 5px 10px 7px;
}

.directory td {
	margin: 0px;
	padding: 2px 2px 1px 1px;
	vertical-align: middle;
}


/* ALTERNATE-ROW TABLE (THIS IS NOW OBSOLETE) */
/* change  [table ... class="alternaterow"] to [table class="standard cellborder"] */

.alternaterow {
	border-collapse: collapse;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background-color: #FFFFFF;
	font-weight: bold;
	width: 100%;
	margin: 15px 0px 15px 0px;
}

.alternaterow th {
	border: 1px solid #AAAAAA;
	color: #333333;
	background-color: #E6E6E6;
	font-weight: normal;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: center;
}

.alternaterow td {
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	font-weight: normal;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	vertical-align: top;
}

/* @end */

/* @group Highlighting */

.highlight {
	text-shadow: red .1em .1em 0.3em;
	color: maroon;
}

.highlight a {
	color: maroon;
}

/* @end */