/* New layout */
/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #000; 
font-family: Verdana, Arial, Tahoma, sans-serif;
background-color: #eee; 
}
body {
font-size: 70%;
min-width: 760px;
}

.clear { clear: both; }
#mainContainer {
min-height: 300px;
background: white; /* aad8e6 */
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header		{
			background: #000099;
			/* padding: 10px */
			background:	url(../images/montage.jpg) top right no-repeat;
			position:	relative;
			min-height:	92px; 
			height:		92px;
			}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
border-left: 210px solid #fff; /*** This is the width and the color for our left column 165***/
border-right: 210px solid #fff; /*** This is the width and the color for our right column  130***/
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 100%; 
}
* html .inner {
/*** No need for hacking IE on this layout ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
.float-wrap {
float: left;
width: 100%;
margin-left: -210px; /*** Same length as .outer border-left but with negative value -165 ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
background: #fff;
margin-right: -210px;  /*** Same length as .outer border-left but with negative value -165 ***/
width: 100%;

}
* html #content {
position: relative;
}
.contentWrap{
padding: 5px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 200px;  /* 150px */
min-height: 250px;
padding: 5px;
}
* html #left {
position: relative;  /*** IE needs this  ***/
height: 250px;
}
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}
/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width: 205px; /* 120 px */
padding: 5px;
min-height: 250px;
margin-right: -210px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
}
* html #right {
height: 250px;
position: relative;  /*** IE needs this  ***/
}
#right ul {
list-style: none;
padding-bottom: 4px;
}
#right li {
padding-bottom: 2px;
}

	#countdowncontainer2
				{
				padding-bottom: 5px;
				padding-top: 5px;
				margin: 1px;
				}

	.lcdstyle{ /*Example CSS to create LCD countdown look*/
	background-color:#C1C4FE;
	color:blue;
	font: bold 12px MS Sans Serif;
	padding: 0px;
	}

	.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
	font-size: 80%
	}

/**************************
FOOTER
**************************/
#footer {
text-align:			center;
background-color:	white;
border-top:			1px solid #000;
border-bottom:		1px solid #000;
}


/* MAIN */

h1, h2, h3, h4 {
				}

h5			{
			font-size:		12px;
			padding-top:	3px;
			padding-bottom:	8px;
			}

#logo		{
			padding-left:	12px;
			padding-top:	10px;
			}

#nav		{
			position:		relative;	/*ie needs this to show float */
			text-transform: uppercase;	/* optional effect - mixed case also looks ok*/
			width:			180px;
			float:			left;
			margin-left:	-1px;		/*must be 1px less than width otherwise won't push footer down */
			z-index:		100;
			left:			-1px;
			padding-bottom:	10px;
			}
#nav p, 
#nav ul		{
				margin: 0px 0px 0px 0px;
				padding: 0px;
				}
#nav li		{
				height:			25px;
				width:			186px;
				list-style-type:none;
				margin-bottom:	3px;
				padding-left:	7px;
				}
#nav a			{
				height:			25px;
				line-height:	25px;
				display:		block;
				text-align:		left;	/* optional effect - center also looks ok */
				padding-left:	10px;   
				text-decoration:none;
				border-right:	1px solid #666;
				border-bottom:	1px solid #666;
				border-top:		1px solid #fff;
				border-left:	1px solid #fff;
				background:		#f00;
				color:			#fff;
				}
#nav a:hover	{
				color:			#white;
				border-top:		1px solid #333;
				border-right:	1px solid #333;
				border-left:	1px  solid #fff;
				border-bottom:	1px solid #fff;
				background:		#240E90;
				}

#feature_panel	{
				background:		#C1C4FE; /* probably looks slightly better */
				position:		relative;
				font-size:		9px;
				line-height:	10px;
				padding-left:	8px;  /* 8px */
				padding-right:	8px; 
				padding-bottom:	0px;
				}
#feature_panel p{
				font-size:		10px;
				line-height:	10px;
				padding-right:	5px;
				}
#feature_panel img{	
				float:			right;
				padding-right:	0px;
				padding-left:	5px;
				/* padding-top:	5px; */
				padding-bottom:	5px;
				}
#feature_panel h2{	
				padding-top:	5px;
				padding-left:	0px;
				color:			#2F2EFE;
				font-size:		14px;
				font-weight:	900;
				line-height:	18px;
				}
#feature_panel h3{	
				padding-left:	0px;
				font-size:		13px;
				line-height:	20px;
				font-weight:	900;
				color:			#000;
				font-family :	Arial, Helvetica, sans-serif;
				}
#featurevideo	{
				text-align:		center;
				}
#feature_panel .featureblock	{
				min-height:		160px;
				padding-bottom:	10px;
				}

#news			{
				}

#news .newsblock {
				}

#news .newsheading	{
					text-transform:	uppercase;
					font-weight:	bold;
					padding-top:	10px;
					}
#news .newsheading h1		{
					color:			#FFF;
					font-size:		12pt;
					padding-left:	5px;
					}
#news .newsheading h2		{
					color:			red;
					font-size:		10pt;
					line-height:	12px;
					}
#news .newsheading table	{
					border-collapse: collapse;
					}
#news .newsheading td		{
					background:		#FFF;
					font-weight:	bold;
					color:			#000;
					}
#news .newsheading td.tab	{
					background:		url(../images/newstab.jpg) left no-repeat;
					/* background:		#1306A4; */
					font-weight:	bold;
					}
#news .newsheading td.rightcolumn	{
					text-align:		right;
					}

#news .newsheading tr		{
					border:			0;
					}
#news .newsheading a		{
					color:			#000;	
					text-align:		right;
					}

#news .newsitem	{
				font:			11px/20px verdana, arial, helvetica, sans-serif;
				font-weight:	normal;
				}
#news .newsitem table	{
				border-collapse: collapse;
				}
#news .newsitem td	{
				background:		#9D9FFE;
				font-weight:	bold;
				color:			#2B01AA;
				padding-right:	5px;
				padding-left:	5px;
				}
#news .newsitem tr	{
				}
#news .newsitem a		{
				color:			#000;	
				}
#news .newsitem p		{
				color:			#000;	
				}


p.morelink		{
				text-align:		right; 
				}

h1				{
				font-size:		20px;
				font-weight:	900;
				color:			#7079CA;
				font-family :	Arial, Helvetica, sans-serif;
				}

td				{
				}

table			{
				width:			100%;
				border:			0;
				}

blockquote		{
				padding-right:	20px;
				padding-left:	20px;
				padding-bottom:	10px;
				background:		#DDCCCC;
				border:			22px solid #FFF;
				}


/* Base Styles */



object		{
			margin:	0;
			}
embed		{
			margin:	0;
			padding-left:5px;
			}

img			{
			border:	0;
			}

img.right	{ 
			position:		relative;
			float:			right;
			padding-right:	15px;
			padding-top:	25px;
			padding-left:	5px;
			}

p			{
			font:			12px/20px verdana, arial, helvetica, sans-serif;
			margin:			0px 0px 0px 0px; /* removed margin of 16px */
			}

p.backTop	{
			text-align:		right;
			padding-right:	10px;
			font-size:		10px;
			}
#breadcrumb {
			width:			100%;
			font-size:		11px;
			}

body		{
			margin:			0px;
			padding-left:	0px;
			font:			12px/20px verdana, arial, helvetica, sans-serif;
			color:			#000;
			background-color:white;
			line-height:	18px;
			}

#Content>p {margin:0px;}


p.footer {
	font:11px/18px verdana, arial, helvetica, sans-serif;
	margin: 16px 0px 16px 0px;
	padding: 8px;
	color : black;
}

li		{
		font-size:		12px;
		font-style:		verdana, arial, helvetica, sans-serif;
		padding:0px;
		}

a.footlink {
	color: #fff;
	font-size:11px;
	text-decoration:none;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight : normal;
	}

a:link.footlink {
	color: #fff;
	}

a:visited.footlink {
	color: #fee;
	}

a			{
			color: #004080;
			text-decoration:none;
			font-weight:600;
			font-family:verdana, arial, helvetica, sans-serif;
			}
a:link		{
			color: #DD2E0F;
			}

a:visited	{
			color: Purple;
			}

a:hover		{
			text-decoration : underline;
			}

a.nolink	{
			text-decoration : none;
			}

/* Advanced Styles */

#sidebar	{
			padding-left:10px;
			}

p.backtotop			{
					text-align:		right
					}

.forwardup			{
					border:			1px dashed;
					/* padding:		5px; */
					}
li.forwardto		{
					background:url(../images/forward.gif) left center no-repeat; 
					padding-left:	15px;
					list-style-type: none;
					}
li.upto				{
					background:url(../images/up.gif) left center no-repeat; 
					padding-left:	15px;
					list-style-type: none;
					}
li.backtop			{
					background:url(../images/backtop.gif) right center no-repeat; 
					padding-right:	25px;
					list-style-type: none;
					text-align:		right;
					}

#map			{
				position:		relative;
				float:			left;
				padding-left:	0px;
				padding-right:	20px;
				padding-top:	10px;
				}
#maplegend		{
				border:			1;
				position:		relative;
				padding-bottom:	60px;
				padding-left:	20px;
				}
#maplegend	h1	{
				}
#maplegend	h2	{
				font-size:		14px;
				line-height:	28px;
				font-weight:	900;
				color:			#000;
				font-family :	Arial, Helvetica, sans-serif;
				}
#maplegend	li	{
				font-size:		13px;
				line-height:	17px;
				font-weight:	900;
				color:			#7079CA;
				font-family :	Arial, Helvetica, sans-serif;
				}
#maplegend	p	{
				font-size:		10px;
				line-height:	15px;
				color:			#000;
				}

/* Freestyler specific stuff */


#fs_body		{
				padding-top:	5px;
				padding-bottom:	5px;
				padding-left:	15px;
				padding-right:	15px;
				font:			12px/20px verdana, arial, helvetica, sans-serif;
				border-top:		1px solid #000;
				border-bottom:	1px solid #000;
				border-left:	1px solid #000;
				border-right:	1px solid #000;
				}
#fs_body p		{
				padding-top:	5px;
				}
#fs_body img	{
				/* Align body images center ? */
				}
#fs_body ul			{
					margin-left:	20px;
					/* margin-bottom:	1em; */
					}
#fs_body li			{
					}
#fs_body h1			{
					margin:			0px 0px 0px 0px;
					font-size:		18px;
					font-weight:	900;
					color:			#7079CA;
					font-family :	Arial, Helvetica, sans-serif;
					/* padding-bottom:	5px; */
					}
#fs_body h2			{
					margin:			0px 0px 0px 0px;
					padding-left:	0px;
					font-size:		16px;
					line-height:	20px;
					font-weight:	900;
					color:			#32A;
					font-family :	Arial, Helvetica, sans-serif;
					}
#fs_body h3			{
					margin:			0px 0px 0px 0px;
					padding-left:	0px;
					font-size:		13px;
					line-height:	20px;
					font-weight:	900;
					color:			#000;
					font-family :	Arial, Helvetica, sans-serif;
					}
#fs_body h4			{
					margin:0px 0px 0px 0px;
					padding-left:0px;
					font-size:13px;
					line-height:20px;
					font-weight:900;
					color:#000;
					font-family : Arial, Helvetica, sans-serif;
					}
#fs_body h5			{
					margin:0px 0px 0px 0px;
					padding-left:0px;
					font-size:15px;
					line-height:20px;
					font-weight:900;
					color:#000;
					font-family : Arial, Helvetica, sans-serif;
					}


#fs_subnodes		{
					position:		relative;
					padding-bottom:	10px;
					font:			12px/20px verdana, arial, helvetica, sans-serif;
					}




li.fs_bullet		{
					padding-left:10px;
					background:url(../images/fs_bullet.gif) left center no-repeat !important; 
					line-height:2em;
					text-decoration:none;
					list-style-type: none;
					}

img.flag			{
					border:			1px solid;
					float:			right;
					}

/* form styles */
form {
	margin:0;
	padding:0;
	}

input {
	padding-left:	3px !important;
	padding-right:	3px !important;
	color:			black; 
	}
input.text {
	border:solid 1px #000;
	}


label {
	float:none !important;
	font-weight:normal;
	}

select {
	max-width:none !important;
	}

legend {
	color:#464646;
	margin-left:12px;
	padding:0 6px;
	}

form.button {
	padding:1px 6px !important;
	padding:0 6px;
	font-size: 10px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #9a9a9a;
	border-left:solid 1px #b2b2b2;
	border-right:solid 1px #b2b2b2;
	background-color:#fff;
	text-align:center;
	float:right;
	}

input.searchbutton {
					background:		url(../images/button.gif) no-repeat;
					width:			22px;	
					}

#left select {
		border:solid 1px #000;
		background:white;
		}

/* fs_form styles */
.fs_form {
	padding:8px 12px 12px 12px;
	background:url(../images/fs_form.gif) bottom left no-repeat;
	background-color:#e6edf2;
	}

.fs_form form {
	padding:6px 0;
	}

.fs_form input {
	margin-top:6px;
	}

.fs_form label {
	color:#464646;
	}

.fs_form .text {
				width:			228px;
				}

/* form factory styles (unlike fs_form these use tables for layout) */
.fs_form_formFactory form {
	margin:0;
	padding:12px 12px 18px 12px;
	background:url(../images/fs_form.gif) bottom left no-repeat;
	background-color:#e6edf2;
	}

.fs_form_formFactory .button {
	margin-bottom:0;
	padding-bottom:0;
	}

.fs_form_formFactory label {
	width:100%;
	background-color:transparent !important;
	border:none !important;
	white-space:nowrap;
	}

.fs_form_formFactory table {
	background:none;
	border:none;
	}

.fs_form_formFactory td {
	border:none;
	}

.fs_form_formFactory .label {
	width:15%;
	text-align:right;
	}

.fs_form_formFactory .field {
	width:75%;
	}

.fs_form_formFactory .required {
	margin-left:0.5em;
	}

	/* fs_message */
/* feedback for users */
.fs_message {
	margin-bottom:6px;
	padding:12px 12px 24px 12px;
	/*	background:url(../images/fs_message.gif) bottom left no-repeat; */
	background-color:#e5e5e5;
	text-align:left;
	}

td.field input {
		border:solid 1px #000;
		background:lightgrey;
		}

td.field textarea {
		border:solid 1px #000;
		background:lightgrey;
		}
input.fs_button {
				background: red;
				}
.fs_message p {
	display:inline;
	}

.fs_messageImage {
	display:block;
	float:left;
	margin-right:12px;
	height:50px;
	width:48px;
	}

.fs_message h4 {
	margin-bottom:1em !important;
	font-size:1em !important;
	font-weight:bold !important;
	}

.fs_error h4 {
	color:#cc2929 !important;
	}

.fs_error .fs_messageImage {
	background:url(../images/fs_error.gif) no-repeat;
	}

.fs_warning h4 {
	color:#e57200 !important;
	}

.fs_warning .fs_messageImage {
	background:url(../images/fs_warning.gif) no-repeat;
	}

.fs_information h4 {
	color:#56802d !important;
	}

.fs_information .fs_messageImage {
	background:url(../images/fs_information.gif) no-repeat;
	}

/* search */

a#advSearch	{
			display:		none;
			}
div#advSearchForm	{
			display:		none;
			}

/* Region, Country Subnodes */
#subnodes table	{
				font:			12px/20px verdana, arial, helvetica, sans-serif;
				border-collapse: separate;
				}
#subnodes tr	{
				}
#subnodes tbody	{
				}
#subnodes td	{
				}
#subnodes h2	{
				font-size:		11pt;
				padding-bottom:	5px;
				}
#subnodes img	{
				position:		relative;
				padding-right:	5px;
				float:			left;
				}
#subnodes .furtherinfo		{
					background:		#DFE1FE;
					padding-left:	10px;
					padding-right:	10px;
					clear:			both; /* added */
					font:			12px/20px verdana, arial, helvetica, sans-serif;
					border:			solid 1px #C1C4FE;;
					}
.separator	{
			padding-bottom:	5px;
			}


/* Calendar */
#addEventLink	{
				display:		none;
				}
#addEventForm	{
				display:		none;
				}