﻿
/*This is the CSS page that sets up the basic page structure for screen display*/




/**************************************BEGIN PAGE FRAMEWORK**********************************/
body         {
	margin: 0;
	font-size: .95em;
	font-family: Verdana;
	font-variant: normal;
	background-image: url('../images/background.png');
	background-repeat: repeat-x;
	background-color: #D3D2E0;
}

/*Wrapper*/
.containall {
	margin-left: auto;
	margin-right: auto;
	position:relative;
	width: 78em;
}
/*Base-must be set to absolute*/
.base         {
	z-index: 1;
	background-color: #FFFFFF;
	padding-bottom: 20em;
	width: 78em;
	position: absolute;
	top: 13.25em;
}

/*Header*/
.printheader	{
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}


/*Footer*/
.footer{
	border: thin double #00FF00;
	position: absolute;
	width: 100%;
	z-index: 11;
	background-color: #FFFF00;
	margin-top: 2em;
	margin-bottom: 2em;
}

/**********************************************END PAGE FRAMEWORK*****************************************/

/*************************************************BEGIN HOME PAGE**************************************/

/*BANNER*/
/*Top navigation bar*/
.topnavindex {
	top: 26.1em;
	background: #000042;
	position: absolute;
	z-index: 6;
	width: 95.8em;
	left: 0em;
	border-bottom-style: ridge;
	border-bottom-width: .4em;
	border-bottom-color: #ff0000;
	border-top-color: #FF0000;
	border-top-style: ridge;
	border-top-width: .5em;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: .8em;
	height: 2.85em;
	padding-left:2em;
	padding-bottom:.5em;
}

.topnavindex li a{
	color: #FFFFFF;
}
/*Photo strip*/
.indexstrip {
	background-position: center;
	position: absolute;
	z-index: 5;
	width: 78em;
	top: 13.1em;
	height: 7.9em;
	background-repeat: no-repeat;
	background-image: url('../images/indexstrip03a.jpg');
}

/*Bread crumb strip*/
.breadcrumbindex{
	position: absolute;
	z-index: 5;
	width: 95.5em;
	height: 1.5em;
	top: 30em;
	vertical-align: middle;
	font-size: .8em;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	background-color: #FFFF99;
	padding-left: 2em;
}
/*LEFT (MAIN) COLUMN*/
/*Text Area-Home Page - must be set to relative*/
.leftmaincolumnindex     {
	position:relative;
	top: 12em;
	margin-left: 1em;
	margin-bottom: 1em;
	width: 47em;
	z-index: 10;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	float: left;
}

/*RIGHT (NAV-APPS) COLUMN*/

/*Borders*/
.bordersrightcolumn  {
	width: 25em;
	border-radius: 1em;
	border: thin solid #808080;
	padding: .5em;
	margin-top: 1em;
	margin-bottom: 1em;
}

/*Full right column width*/
.rightnavcolumnindex {
	width: 26em;
	position: absolute;
	top: 12em;
	right: 0em;
	padding-right: 1em;
	padding-left: 1em;
}

/*Toolbox*/

/*First Row*/
.toolboxindexrow01  {
	position: relative; /*Must be relative*/
	width: 100%;
	height: 3em;
}

/*Second Row*/
.toolboxindexrow02  {
	position:relative; /*Must be relative*/
	width: 100%;
	height: 3em;
}

/*Toolbox left column*/
.toolboxindexleft	{
	position: relative;
	float: left;
	width: 50%;
	height: 3em;
	text-align: center;
}
/*Toolbox right column*/
.toolboxindexright	{
	position: relative;
	float:right;
	width: 50%;
	height: 3em;
	text-align: center;
}

/*Translation Box*/	
.translateindex	{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: .6em;
}
/*Share Button Box*/
.sharebuttonindex  {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: .9em;
}
.buttonindex10em {
	padding: .5em;
	border-radius: 1em;
	background-color: #000042;
	color: #FFFFFF;
	font-weight: bold;
	font-size: .75em;
	width: 10em;
	margin-bottom: 1em;
	margin-right: auto;
	margin-left: auto;
	z-index:10;
}
.buttonindexpdf {
	padding: .5em;
	border-radius: 1em;
	background-color: #000042;
	color: #000042;
	font-weight: bold;
	font-size: .75em;
	width: 10em;
	margin-bottom: 1em;
	margin-right: auto;
	margin-left: auto;
}


/*Applications Box*/
.applicationsboxindex {
	padding: .5em;
	position: relative;
	z-index: 5;
	width: 25em;
	right: 1em;
	top: 22em;
	text-align: left;
	vertical-align: middle;
}
.applicationsboxindex a {
	text-decoration: none;
	color: #000042;
	}
	.topcolumn01  {
	position: relative;
	width: 100%;
	z-index: 5;
}

/*Features Box*/
.features {
	position: relative;
	padding: .5em;
	border-radius: 1em;
	border: thin solid #808080;
	z-index: 5;
	width: 24.55em;
	right: 1.5em;
	float: right;
}
/*Update Button*/
.buttonupdateindex {
	border: .2em outset #C0C0C0;
	font-weight: bold;
	font-size: .75em;
	height: 3.5em;
	width: 10em;
	margin-right: .25em;
	margin-bottom: 1em;
	float: left;
	background-image: url('../images/icon.jpg');
	background-repeat: no-repeat;
	color: #000042;
	text-align: right;
	padding-top: .5em;
}

.menucolumnboxindex01 {
	position: relative;
	padding: .5em;
	border-radius: 1em;
	border: thin solid #808080;
	z-index: 5;
	width: 24.55em;
	float: right;
	right: 1.5em;
	margin-top: 10em;
}
.menucolumnbox02index {
	position: relative;
	border-radius: 1em;
	border: thin solid #808080;
	margin-top: 2em;
	z-index: 5;
	width: 28.5em;
	float: right;
	right: 1.5em;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
}
.menucolumnbox02 a{
	text-decoration: none;
	color: #0066FF;
}
.menucolumnbox02 a:hover {
	text-decoration: underline;
}
.menucolumnboxindex03 {
	position: relative;
	padding: .5em;
	border-radius: 1em;
	border: thin solid #808080;
	z-index: 5;
	width: 25em;
	float: right;
	right: 1em;
	margin-top: 2em;
}
.menucolumnboxindex03 a {
	text-decoration: none;
	color: #0066FF;
}
.menucolumnboxindex03 a:hover {
	text-decoration: underline;
}


/*************************************************END HOME PAGE**************************************/



/****************************************BEGIN FONT DEFINITIONS***************************************/

/* Hyperlinks*/
a:link {
	color: #0000FF;
	text-decoration: none;
}
a.added:link {
	color: #008000;
	text-decoration: none;
}

a.redpopup:link {
	color: #FF0000;
	text-decoration: none;
}

a:visited       {
	color: #800080;
	text-decoration: none;
}

a:hover      { color: #FF0000 }

a.dropmenu	{
	color: #FF0000;
	text-decoration: none;
}


/*Headlines*/

h1           {
	font-family: Arial;
	font-size: 1.75em;
	color: #000000;
	margin-bottom: .5em;
	margin-top: .5em;
	font-weight: bold;
}
h2           {
	font-family: Arial;
	font-size: 1.40em;
	color: #000000;
	margin-bottom: .5em;
	margin-top: .5em;
	font-weight: bold;
}
h3           {
	font-family: Arial;
	font-size: 1.1em;
	color: #000000;
	margin-bottom: .5em;
	margin-top: .5em;
	font-weight: bold;
}

h4           {
	font-family: Arial;
	font-size: 1.55em;
	color: #000066;
	font-variant: small-caps;
	margin-top: .6em;
	margin-bottom: .1em;
	font-weight: bold;
}
h5           {
	font-family: Arial;
	font-size: 1.35em;
	color: #000066;
	margin-top: .6em;
	margin-bottom: .1em;
	font-weight: bold;
}
h6           {
	font-family: Arial;
	font-size: medium;
	color: #000066;
	margin-top: .6em;
	margin-bottom: .1em;
	font-weight: bold;
}

/*Font Sizes*/

.medium {
	font-size: medium;
}
.small {
	font-size: small;
}

.style8pt {
	font-size: 8pt;
}

.bibliography           {
	font-size: 1em;
}

/*Colours*/
.red {
	color: #FF0000;
}

.blue {
	color: #000066;
}
.fade  {
	color: #BFBFBF;
}
/*Sizes*/

size: small;
}

.style8pt {
	font-size: 8pt;
}
/*Tests*/


/********************************************END FONT DEFINITIONS********************************************/


/******************************************BEGIN TEXT AREA FORMAT********************************************/

/*Structures*/


.introduction  {
	background-color: #FFFF75;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
	margin-top: 1em;
}
.containerfull {
	position: relative;
	height: auto;
	width: 100%;
	display: table-cell;
	float: none;
}


.textboxright {
	border-style: outset;
	padding: .5em;
	border-width: thin;
	z-index: 34;
	font-size: inherit;
	float: right;
	text-align: left;
	position: relative;
	width: 22em;
	background-color: #FFFFCC;
	margin-left: .5em;
	margin-top: .5em;
	margin-bottom: .5em;
}
.scrollboxleft {
	padding: .5em;
	border-radius: 1em;
	border: thin solid #808080;
	z-index: 34;
	font-size: inherit;
	float: none;
	text-align: left;
	position: relative;
	width: 23em;
	margin-left: .5em;
	margin-top: .5em;
	margin-bottom: .5em;
	background-color: #FAF4B8;
}
.scrollboxright {
	padding: .5em;
	border-radius: 1em;
	border: thin solid #808080;
	z-index: 34;
	font-size: inherit;
	text-align: center;
	position: relative;
	width: 28em;
	margin-left: .5em;
	margin-top: .5em;
	margin-bottom: .5em;
	background-color: #FAF4B8;
	float: right;
}

.menuboxright {
	padding: .5em;
	z-index: 34;
	font-size: .75em;
	float: right;
	text-align: center;
	position: relative;
	width: 15em;
	background-color: #F4F4F4;
	margin-left: .5em;
	margin-top: .5em;
	margin-bottom: .5em;
	font-family: verdana, Geneva, Tahoma, sans-serif;
	border-top-style: ridge;
	border-bottom-style: ridge;
	border-top-color: #EBEBEB;
	border-bottom-color: #FF0000;
}

.letterbox  {
	border-color: #C0C0C0;
	border-style: outset;
	border-width: .1em .2em .2em .1em;
	background-color: #FFFFFF;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.podboxright {
	border-width: 0px;
	z-index: 34;
	font-size: x-small;
	float: right;
	text-align: center;
	position: relative;
	width: 32em;
}
.relatedlinks {
	font-size: 8pt;
	border-top-style: ridge;
	border-bottom-style: ridge;
	padding-top: .5em;
	padding-bottom: .5em;
	border-bottom-color: #FF0000;
	line-height: 1.5em;
	margin-bottom: 2em;
	border-top-color: #EBEBEB;
	margin-top: 2em;
}
.borders  {
	padding: .5em;
	border-radius: 1em;
	border: thin solid #808080;
	margin-top: 1em;
	margin-bottom: 1em;
}
.blogborders {
	margin: 1em;
	border-radius: 1em;
	padding: 1em;
	background-color: #FAF4B8;
}


.list {
	margin-top: .1em;
	margin-bottom: .1em;
	padding-top: .1em;
	padding-bottom: .1em;
}

/*Notes*/

.endnote {
	vertical-align: super;
	font-size: .7em;
}

/*Justification*/

.stylecentre {
	text-align: center;
}
.blockquote {
	margin-right: 3em;
	margin-left: 3em;
}

/*Miscellaneous*/

.author {
	border-top-style: solid;
	border-top-width: .1em;
	border-bottom-style: solid;
	border-bottom-width: .1em;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-top: 1em;
	margin-bottom: 1.5em;
	font-weight: bold;
}

.authorsub {
	font-weight: normal;
	font-size: x-small;
}

.spacer-vert01 {
	height: 1em;
}
.month {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: large;
	color: #000066;
	
}	


/********************************************END TEXT AREA FORMAT************************************/


/********************************************BEGIN BANNER STRUCTURE*******************************************/


/*Common Banner Structure*/

.bluebarup   {
	z-index: 10;
	background-color: #000042;
	width: 97.8em;
	border-bottom-style: ridge;
	border-bottom-width: .4em;
	border-bottom-color: #ff0000;
	border-top-style: ridge;
	border-top-width: .4em;
	border-top-color: #FF0000;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: .8em;
	position: absolute;
	height: 2.85em;
	padding-bottom:.5em;
}
.bluebarup li a{
	color: #FFFFFF;
}

.bluebarupindex   {
	z-index: 10;
	background-color: #000042;
	width: 95.8em;
	border-bottom-style: ridge;
	border-bottom-width: .4em;
	border-bottom-color: #ff0000;
	border-top-style: ridge;
	border-top-width: .4em;
	border-top-color: #FF0000;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: .8em;
	position: absolute;
	height: 2.85em;
	padding-bottom:.5em;
	padding-left:2em;
}

.oneeye   {
	background-position: center center;
	background-size: auto auto;
	z-index: 1;
	position: absolute;
	top: 2.8em;
	width: 8em;
	background-image: url('../images/projectlogo2a.png');
	background-repeat: no-repeat;
	height: 7.9em;
	float: left;
	left: -1.18em;
}

.bannerback     {
	z-index: 0;
	background-color: #ffffff;
	position: absolute;
	height: 7.4em;
	width: 78em;
	text-align: center;
	top: 3em;
}
.bannertable     {
	z-index: 5;
	position: relative;
	font-family: arial;
	font-size: 1.75em;
	color: #000066;
	font-weight: bold;
	text-align: center;
	width: 20em;
	height: 3.5em;
	top: .25em;
	margin-right: auto;
	margin-left: auto;
}

.search   {
	position: absolute;
	top:10em;
	height: 5em;
	font-size: xx-small;
	color: #000066;
	font-weight: bold;
	width: 26em;
	right: 0em;
	vertical-align: middle;
	text-align: left;
}
.serviceservitude  {
	background-position: center center;
	z-index: 5;
	left: 0em;
	padding: .25em;
	position: absolute;
	background-color: #000042;
	height: 1.5em;
	text-align: center;
	width: 77.5em;
	border-top-style: ridge;
	border-bottom-style: ridge;
	border-top-width: .4em;
	border-bottom-width: .4em;
	border-top-color: #FF0000;
	border-bottom-color: #ff0000;
	top: 10.4em;
	background-image: url('../images/serviceservitude.gif');
	background-repeat: no-repeat;
}
.topnav {
	top: 16.6em;
	background: #000042;
	position: absolute;
	z-index: 6;
	width: 97.8em;
	left: 0em;
	border-bottom-style: ridge;
	border-bottom-width: .4em;
	border-bottom-color: #ff0000;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: .8em;
	height: 2.5em;
	padding-bottom:.5em;
}
.topnav li a{
	color: #FFFFFF;
}

.breadcrumb{
	position: absolute;
	z-index: 5;
	width: 102em;
	height: 1.5em;
	top: 21.5em;
	vertical-align: middle;
	font-size: .75em;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	background-color: #FFFF99;
	padding-left: 2em;
}


/************************************************END BANNER STRUCTURE**********************************/

/***************************************************BEGIN TEXT AREA STRUCTURE****************************************/


/*Text Area-General Pages*/
.textarea     {
	border-color: #000000;
	border-style: solid solid ridge solid;
	border-width: .12em .12em .12em .12em;
	z-index: 10;
	background-color: #FFFFFF;
	padding-top: 1em;
	padding-bottom: 2em;
	padding-left: 1em;
	padding-right: 1em;
	width: 47em;
	position: relative;
	float: left;
	margin-top: 6em;
	margin-left: 1em;
	margin-bottom: 1em;
}

/*Text Area-Maps*/
.textareamap     {
	z-index: 2;
	background-color: #FFFFFF;
	padding-top: 1em;
	padding-bottom: 2em;
	padding-left: 1em;
	padding-right: 1em;
	width: 75.95em;
	position: absolute;
	float: left;
	margin-top: 5em;
	margin-left: 0em;
	margin-bottom: 1em;
}

/*Text Area-Maps-Header*/
.mapheader {
	padding: 1em;
	width: 47em;
	border-radius: 1em;
	border: thin solid #808080;
}


/***************************************END TEXT AREA STRUCTURE**********************************************/


/****************************************************BEGIN COLUMN STRUCTURE****************************************/

/*Columns-Common Structure*/

.fourcolumnbox	{
	border-radius: 1em;
	border: thin solid #808080;
	position: relative;
	width: 26em;
	height: 7em;
	top: 6em;
	float: right;
	left: -1em;
	z-index: 5;
}

.topcolumn01  {
	position: absolute;
	width: 100%;
	z-index: 5;
}
.topcolumn02  {
	position: absolute;
	width: 100%;
	top: 2em;
	z-index: 5;
}
.lefttopcolumn	{
	position: relative;
	width: 12em;
	text-align: center;
	float: left;
	padding-top: .25em;
	padding-bottom: .25em;
	z-index: 5;
}
.righttopcolumn	{
	position: relative;
	width: 12em;
	text-align: center;
	float: right;
	padding-top: .25em;
	padding-bottom: .25em;
	z-index: 5;
}

.columnleft {
	text-align: center;
	position: relative;
	width: 13em;
	z-index: 1;
	float: left;
	margin-right: auto;
	z-index: 5;
	margin-top: 2em;
}
.columnright {
	text-align: center;
	position: relative;
	width: 13em;
	z-index: 1;
	left: auto;
	float: right;
	z-index: 5;
	margin-top: 2em;
}
.column-l-map  {
	padding-right: 1em;
	padding-top: 1em;
	width: 25em;
	z-index: 34;
	text-align: left;
	left: 13.5em;
	float: left;
	z-index: 5;
}
.column-r-map  {
	padding-right: 1em;
	padding-top: 1em;
	width: 25em;
	z-index: 34;
	text-align: left;
	float: right;
	z-index: 5;
}

.applicationsbox {
	padding: .5em;
	position: absolute;
	z-index: 5;
	width: 25em;
	right: 1em;
	margin-top: 14em;
	margin-bottom: 1em;
	z-index: 5;
	text-transform: none;
	text-decoration: none;
}

.applicationsbox a {
	border-style: none;
	text-transform: none;
	text-decoration: none;
	color: #FFFFFF;
}

.menucolumnbox {
	position: absolute;
	z-index: 5;
	width: 27em;
	float: right;
	right: 1.5em;
	margin-top: 24em;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
}
.menucolumnbox a{
	text-decoration: none;
	color: #0066FF;
}
.menucolumnbox a:hover {
	text-decoration: underline;
}
.menucolumnbox02 {
	position: absolute;
	margin-top: 24em;
	z-index: 5;
	width: 28em;
	float: right;
	right: 1.5em;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
}
.menucolumnbox02 a{
	text-decoration: none;
	color: #0066FF;
}
.menucolumnbox02 a:hover {
	text-decoration: underline;
}


/***************************************END COLUMN STRUCTURE*********************************************/



/***************************************BEGIN BOX STRUCTURE*********************************************/


/*Button Box*/
.buttonbox {
	position: relative;
	margin: 1.95em auto auto auto;
}
/*Translation Box*/	
.translate	{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: .6em;
}
/*Share Button Box*/
.sharebutton  {
	z-index: 5;
	position: relative;
	width: 11em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	margin-top: .75em;
	padding-top: .2em;
}



/**********************************************END BOX STRUCTURE*********************************************/


/*******************************************BEGIN MENU FORMATS********************************************/


/*------------------------------------*\
	DROPDOWN MENU
/*------------------------------------*/

/**Horizontal Menu**/
.dropdown {
	list-style: none;
	font-weight: bold; /* Clear floats */;
	float: left;
	margin-top: .5em;
}
.dropdown li{
	float: left;
	position: relative;
	left:-1em;
}
.dropdown a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 2em;
	padding-left: 1em;
	padding-right: 1em;
	}
.dropdown a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/*--- Dropdown Menu ---*/
.dropdown ul{
	margin: 0em;
	list-style: none;
	position: absolute;
	padding-left: 0;
	padding-right: 0;
	left: -9999px;
	z-index: 8;
}
.dropdown ul li{
	padding-top: .5em/* Introducing a padding between the li and the a give the illusion spaced items */;
	padding-bottom: .5em;
	height: 2em;
	margin-left: 1em;
	width:100%;
background-image: url('../images/slice75.png');
}

}
.dropdown ul li:hover{
}
.dropdown ul a {
	white-space:nowrap;
	padding-left:1em;
	padding-right:1em;
	line-height: 2em;
}
.dropdown li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
.dropdown li:hover a {
	/* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration: none;
}
.dropdown li:hover ul a{
}
.dropdown li:hover ul li a:hover{
	/* Here we define the most explicit hover states--what happens when you hover each individual link. */
background-position: center center;
	background-image: url('../images/slice.png');
	text-decoration: underline;
	background-repeat: inherit;
}

/*Menu for right and left columns*/

.menu    {
	margin: auto auto auto auto;
	z-index: 4;
	position: relative;
	width: 10em;
	text-align: center;
	line-height: 200%;
	list-style-type: none;
}
.menu-left    {
	margin-right: auto;
	margin-left: auto;
	z-index: 4;
	position: relative;
	width: 10em;
	text-align: center;
	list-style-type: none;
}
.menu-left p{
	margin-top: 1em;
	margin-bottom: 1em;
}

.menu-right    {
	margin-right: auto;
	margin-left: auto;
	z-index: 4;
	position: relative;
	width: 10em;
	text-align: center;
	list-style-type: none;
}

.menu-right p{
	margin-top: 1em;
	margin-bottom: 1em;
}


/*Horizontal menu formats*/

.menuhorizontal {
	font-size: x-small;
	border-width: thin;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-top: 1em;
	margin-bottom: 2em;
	text-align: center;
	line-height: 2em;
	border-top-style: ridge;
	border-right-style: none;
	border-bottom-style: ridge;
	border-color: #C0C0C0;
	background-color: #FFF6BC;
}
.menuhorizontalwhite {
	font-size: x-small;
	border-width: thin;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-top: 1em;
	margin-bottom: 2em;
	text-align: center;
	line-height: 2em;
	border-top-style: ridge;
	border-right-style: none;
	border-bottom-style: ridge;
	border-color: #C0C0C0;
	background-color: #FFFFFF;		
}

.redpopup {
	color: #FF0000;
}

a.redpopup span {
	left: -9999px;
	position: absolute;
	color: #000000;
}
a.redpopup:hover span {
	padding: 1em;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #FFFFFF;
	width: 25em;
	height: auto;
	position: absolute;
	left: 49.5em;
	border-radius: 1em;
	background-image: url('../images/slice.png');
	background-repeat: inherit;
}

a.printpopup span {
	left: -9999px;
	position: absolute;
	color: #000000;
	z-index: 20;
}
a.printpopup:hover span {
	border-radius: 1em;
	padding: .75em;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #FFFFFF;
	width: 24.5em;
	height: auto;
	position: absolute;
	background-image: url('../images/slice75.png');
	left: 0em;
	top: -4.2em;
	z-index: 20;
}

.login {
	list-style: none;
	font-weight: bold; /* Clear floats */;
	float: left;
	margin-top: .75em;
	right: 2em;
	position: absolute;
}
.login a {
	text-decoration: none;
	color: #FFFFFF;
}
.login a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}


/******************************************************END MENU FORMATS***************************************/


/******************************************************BEGIN BUTTONS********************************************/

.button10em {
	padding: .5em;
	border-radius: 1em;
	background-color: #000042;
	color: #FFFFFF;
	font-weight: bold;
	font-size: .75em;
	width: 10em;
	margin-bottom: 1em;
	margin-right: auto;
	margin-left: auto;
	z-index:10;
}
.buttonpdf {
	padding: .5em;
	border-radius: 1em;
	background-color: #000042;
	color: #000042;
	font-weight: bold;
	font-size: .75em;
	width: 10em;
	margin-bottom: 1em;
	margin-right: auto;
	margin-left: auto;
}

.buttonupdate {
	border: .2em outset #C0C0C0;
	padding: .5em;
	font-weight: bold;
	font-size: .75em;
	height: 2.5em;
	width: 10em;
	margin-right: .25em;
	margin-bottom: 1em;
	float: left;
	white-space: pre-wrap;
	background-image: url('../images/icon.jpg');
	background-repeat: no-repeat;
	text-align: right;
	color: #000042;
}
.buttonemail{
	border-width: 0px;
	width: 3em;
	height: 3em;
	background-image: url('../images/email-icon.png');
}

.buttonapp {
	border-width: 0px;
	width: 3em;
	height: 3em;
	position: relative;
	float: left;
	margin-bottom: 1em;
}


/********************************************************END BUTTONS*************************************************/

/******************************************************BEGIN GRAPHICS**************************************************/



/*BEGIN FLAG BOXES*/

.flag   {
	z-index: 5;
	position: relative;
	width: 4em;
	height: 2.5em;
	float: none;
	margin-right: 1em;
}

.flagicon   {
	z-index: 5;
	position: relative;
	width: 2em;
	height: 1.25em;
	float: left;
	margin-right: .5em;
}
.flagicon0   {
	z-index: 5;
	position: relative;
	width: 2em;
	height: 1.5em;
	float: left;
	margin-right: .5em;
}


.buttonflag	{
	width: 4em;
	height: 2.5em;
	border: .1em outset #C0C0C0;
	position: relative;
	float: none;
}
.flagbuttonbox01   {
	margin: .5em 1.5em .5em 1.5em;
	float: left;
	width: 6em;
	height: 6em;
	position: relative;
	text-align: center;
}

.flagbuttonbox02   {
	margin: .5em 1.5em .5em 1.5em;
	float: left;
	width: 12em;
	height: 6em;
	position: relative;
	text-align: center;
}

.flagboxfull   {
	padding-top:1em;
	float: left;
	width: 30em;
	text-align: left;
	height: 6em;
}
.flagboxhalf   {
	float: left;
	width: 15em;
	text-align: left;
	padding-bottom: 1em;
	padding-left:1em;
	position: relative;
	}

/*END FLAG BOXES*/




/*General*/

.redridge   {
border-bottom:.3em ridge #FF0000
}

.divider01    {
	background-color: #c0c0c0;
	padding-right: 1em;
	padding-left: .5em;
}


/*Lines*/

hr {
	border-style: outset none ridge none;
	z-index: 31;
	margin-top: .5em;
	margin-bottom: .5em;
	border-top-color: #F8F9FA;
	height: .075em;
	background-color: #EBEBEB;
	border-top-width: .050em;
	border-bottom-width: .180em;
	border-bottom-color: #E8EAEC;
}

/*Notebooks*/

.notebook  {
	border: .1em solid #000000;
	left: 22%;
	z-index: 0;
	background-color: #FFFF99;
	width: 13em;
	height: 17em;
	padding: 1em;
	font-family: Andy;
	color: #000000;
	margin-right: 1em;
	float: left;
}


/*Pamphlets*/

.containerpam01  {
	border-style: solid;
	margin: 3em 1em 0em 1em;
	background-position: center bottom;
	border-width: 1px;
	height: 26em;
	width: 11.5em;
	float: left;
	background-image: url('../images/PamphletFace01.jpg');
	background-repeat: no-repeat;
}
.containerpam02  {
	border-style: solid;
	margin: 3em 1em 0em 1em;
	background-position: center bottom;
	border-width: 1px;
	height: 26em;
	width: 11.7em;
	float: left;
	background-image: url('../images/PamphletFace02.jpg');
	background-repeat: no-repeat;
}
.containerpam  {
	border-style: solid;
	margin: 3em 1em 0em 1em;
	border-width: 1px;
	height: 39em;
	width: 16em;
	float: left;
	background-color: #000080;
}

/*************************************************************END GRAPHICS****************************************/


/*************************************************************BEGIN TABLES***************************************/

.tableplain     { 
font-family: Verdana; 
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

.table01     { 
font-family: Verdana; 
	font-size: 10pt;
 	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.table01a     {
	border: thin solid #000000;
	font-family: Verdana;
	font-size: 1em;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.table02     {
	font-family: Verdana;
	font-size: 1em;
	color: #000066;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border-spacing: 0px;
}
.table02a     {
	font-family: Verdana;
	font-size: 8pt;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	}
.td49 {
	width: 49%;
}

/*************************************************************END TABLES********************************************/

.serviceservitudedutch  {
	z-index: 25;
	position: absolute;
	top:10.8em;
	background-color: #000042;
	height: 1.8em;
	border-top-style: ridge;
	border-bottom-style: ridge;
	border-top-width: .4em;
	border-bottom-width: .4em;
	border-top-color: #FF0000;
	border-bottom-color: #ff0000;
	text-align: center;
	padding: .25em;
	width: 77.5em;
}
#serviceservitudefrench  {
	z-index:25;
	position:absolute;
	top:9.8em;
	background-color: #000066; 
	height:1.8em; 
	border-top-style:ridge; 
	border-top-width:3px; 
	border-bottom:5px ridge #ff0000; 
	text-align:center;
	padding-top:7px;
	width: 59em;
}
#pagebannerdutch   {
	z-index: 10;
	position: relative;
	width: 19em;
	font-family: arial;
	font-size: 1.75em;
	color: #000066;
	font-weight: bold;
	height: 3em;
	text-align: center;
	vertical-align: top;
	margin-right: auto;
	margin-left: auto;
	top: 5em;
}

#bannerboxdutch  {
	z-index: 08;
	position: absolute;
	margin-top: 1em;
	width: 70em;
	height: 3.5em;
}

#textareastat     {
	z-index: 33;	
	background-color: #ffffff;
	margin-bottom: 2em;
	padding-top: 1em;
	padding-bottom:2em;
	padding-left: 1em;
	padding-right: 1em;
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	width: 60em;
	margin-right: auto;
	margin-left: auto;
}
#textareamap     {
	z-index: 33;
	background-color: #ffffff;
	margin-bottom: 2em;
	padding-top: 1em;
	padding-bottom: 2em;
	padding-left: 1em;
	padding-right: 1em;
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	width: 60em;
	margin-right: auto;
	margin-left: auto;
	height: 160em;
}

#searchdutch   {
	position: absolute;
	top: 1em;
	left: 75em;
	height: 4em;
	text-align: left;
	font-size: 8pt;
	color: #000066;
	font-weight: bold;
	width: 20em;
}
#searchfrench   {
	position: absolute;
	top: 1em;
	left: 75em;
	height: 4em;
	text-align: center;
	font-size: 8pt;
	color: #000066;
	font-weight: bold;
	width: 20em;
}
#searchspanish   {
position: absolute; 
top: 4.4em; 
left:55em;
height: 4em; 
text-align:left; 
font-size:8pt; 
color:#000066; 
font-weight:bold
}
