@import 'reset.css';
@import 'modules.css';

textarea,input,select {font-family:Arial,sans-serif}

html {font-size:100.01%}
html,body {height:100%}

body {
	background:#FFF;
	color:#1D1D1D;
	font:0.625em/1.3 Tahoma, Arial,sans-serif;
	font-weight:normal;
	}

a{color:#477EA7;text-decoration:none;}
a:hover{color:#740308;text-decoration:none;}
a:focus{outline:none;}

dd a{color:#1D1D1D;text-decoration:none;}
dd a:hover{color:#1D1D1D;text-decoration:none;}

dd.links a{color:#477EA7;text-decoration:none;}
dd.links a:hover{color:#740308;text-decoration:none;}

dd{text-align:justify;}


h2{
	font:2.3em/1.4 Arial, Tahoma, sans-serif;
}

h3{
	font:2.1em/1.6 'Times New Roman', serif;
	color:#0D344E;
}
h3 a,h3 a:hover{color:#0D344E;}


h4{
	font:italic bold 1.7em/1.2 'Times New Roman', serif;
	color:#000;
	padding:1.7em 0 .588em 0;
}

.top{margin-top:0 !important;padding-top:0 !important;}
.fancy{font-style:italic !important;font-family:Georgia, serif !important;}

img{
	vertical-align:bottom;
	margin:0;
	padding:0;
}

p.print{
	position:relative !important;
	float:left !important;
	width:12em !important;
	margin-top:2em;
	line-height:16px !important;
	padding-top:5px;
}
p.addthis{
	position:relative !important;
	float:left !important;
	width:12em !important;
	margin-top:2em;
	line-height:16px !important;
}
p.print a{
	padding-left:20px;
	background:url(../design/icon_print.gif) no-repeat 0 50%;
}


hr,legend{display:none}

/* -page- 
-------------------------------------------------------------------*/
#page {
	position:relative;
	overflow:hidden;
	margin:0 auto;
	width:100%;
	min-width:1126px;
	text-align:left;
	}

/* -header- 
-------------------------------------------------------------------*/
.header{
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
	height:97px;
	background:#003399 url(../design/bg-header.gif) no-repeat 0 0;
}
	.header .wrapper{
		position:relative;
		float:left;
		width:100%;
		margin-right:-140px;
	}

	.header h1{
		position:absolute;
		top:11px;
		left:21px;
		text-align:center;
		font:italic 3.4em/76px 'Times New Roman', serif;
		overflow:hidden;
		text-indent:-3000em;
	}

		.header h1,
		.header h1 span{
			width:299px;
			height:79px;
		}
			.header h1 span{
				display:block;
				position:absolute;
				top:0;
				left:0;
				background:url(../design/logo.gif);
				z-index:1;
			}
		.header h1 span {cursor:pointer}

	.header blockquote{
		/*if need*/
	}

	.header blockquote .about{
		position:absolute;
		top:73px;
		left:105px;
		font:bold 1.5em/1.2 Arial, Tahoma, sans-serif;
		overflow:hidden;
		z-index:1;
		color:#FFFFFF;
	}


	.header .header-block{
		position:relative;
		float:right;
		width:140px;
		height:97px;
		overflow:hidden;
	}

	.header .header-block .nav{
		position:relative;
		float:left;
		width:100%;
		overflow:hidden;
	}

	.header .header-block .nav li,
	.header .header-block .nav span {
		width:30px;
		height:30px;
		}
	.header .header-block .nav li {
		position:relative;
		float:left;
		margin-left:2px;
		text-align:center;
		font:1em Arial,sans-serif;
		overflow:hidden;
		}
		.header .header-block .nav li span {
			display:block;
			position:absolute;
			top:0;
			left:0;
			z-index:1;
			}
		.header .header-block .nav a span {cursor:pointer}
		/* Header Nav Items */
		.header .header-block .nav .rss span {background:url(../design/ico-header.gif)}
		.header .header-block .nav .subscribe span {background:url(../design/ico-header.gif) 33% 0}
		.header .header-block .nav .search span {background:url(../design/ico-header.gif) 67% 0}
		.header .header-block .nav .map span {background:url(../design/ico-header.gif) 100% 0}

		.header .header-block form{
			position:relative;
			float:left;
			margin:0 4px;
			overflow:hidden;
		}
		.header .header-block fieldset{
			position:relative;
			float:left;
			width:100%;
		}
			
			.header .header-block input{
				position:relative;
				float:left;
				font:9px/11px Arial, sans-serif;
				width:120px;
				height:12px;
				margin-bottom:6px;
			}
		.header .header-block button{
			position:relative;
			float:right;
			background:#003399;
			border:none;
			font:bold 13px/15px Arial, Tahoma, sans-serif;
			color:#FFFFFF;
			margin:0 4px;
		}
		*html .header .header-block button{margin-top:5px;}

		.header .header-block #wlpeUser{
			position:relative;
			float:left;
			width:100%;
			overflow:hidden;
		}
			.header .header-block #wlpeUser img{
				width:45px;
				height:45px;
				float:left;
				overflow:hidden;
				padding-bottom:9px;
			}

			.header .header-block #wlpeUser p a{
				margin-left:5px;
				font:bold 12px/15px Arial, Tahoma, sans-serif;
				color:#FFFFFF;
			}

			.header .header-block #wlpeUser form{
				position:absolute;
				bottom:0;
				right:0;
			}



.header .header-block #langs{
	clear:both;
	display:block;
	position:absolute;
	top:78px;
	left:4pxpx;
	overflow:hidden;
	font:bold 13px/15px Arial, Tahoma, sans-serif;
}

.header .header-block #langs li{
	position:relative;
	float:left;
	text-align:center;
	overflow:hidden;
	padding:0 4px;
}

.header .header-block #langs a{color:#FFF;}
.header .header-block #langs a:hover{text-decoration:none;}



/* -menu- 
-------------------------------------------------------------------*/
	.menu {
		position:relative;
		float:left;
		width:100%;
		background:url(../design/line-gb.gif) repeat-x 0 0;
		margin-top:0px;
	}


		/* Panel Menu Wrapper */
		.menu .wrapper {
			position:relative;
			right:50%;
			float:right;
			}
	.menu ul {
		position:relative;
		right:-50%;
		float:left;
		z-index:1;
		}
	.menu li {
		position:relative;
		float:left;
		width:110px;
		text-align:center;
		white-space:nowrap;

		}

	.menu ul li ul{
		display:none;
		position:absolute;
		top:25px;
		left:0px;
		float:left;
		width:450%;
		z-index:0;
	}

	.menu ul li ul li{
		position:relative;
		float:left;
	}

	.menu ul li a{
		display:block;
		width:100%;
		height:100%;
		font:bold 1.3em/25px Tahoma, sans-serif;
		color:#003399;
		text-decoration:none;
	}
	.menu ul li a:hover{
		color:#003399;
		text-decoration:none;
	}
	.menu ul li:hover a{
	}


	.menu ul li.active a{text-decoration:underline;color:#993300;}
	.menu ul li.active ul a{text-decoration:none;color:#d2d2d2;}
	.menu ul li ul .active a{color:#003399;text-decoration:none;}
	.menu ul li ul .active a:hover{color:#003399;text-decoration:none;}

	.menu ul li ul li a{
		color:#d2d2d2;
		background:none;
		font:bold 1.3em/25px Tahoma, sans-serif;
	}
	.menu ul li ul li a:hover{color:#d2d2d2; background:none;}



/* -The Perfect 3 Column by Matthew James Taylor - 
-------------------------------------------------------------------*/
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol{
		background:#FFF;		/* right column background colour */
	}

	.threecol .colmid {
		right:22%;			/* width of the right column */
		background:#FFF;		/* center column background colour */
	}
	.threecol .colleft {
		right:49%;			/* width of the middle column */
		background:#FFF;	/* left column background colour */
	}
	.threecol .col1 {
		width:47%;			/* width of center column content (column width minus padding on either side) */
		left:101%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:27%;			/* Width of left column content (column width minus padding on either side) */
		left:25%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:20%;			/* Width of right column content (column width minus padding on either side) */
		left:76%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

	/*inner page*/
	.inner .colmid{
		right:22%;			/* width of the right column */
		background:#FFF;		/* center column background colour */
	}

	.inner .colleft{
		right:56%;
		background:#FFF;		/* center column background colour */
	}

	.inner .col1{
		width:54%;			/* width of center column content (column width minus padding on either side) */
		left:101%;			/* 100% plus left padding of center column */
	}

	.inner .col2{
		width:20%;			/* Width of left column content (column width minus padding on either side) */
		left:25%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

	.inner .col3{
		width:20%;			/* Width of right column content (column width minus padding on either side) */
		left:83%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}




/* - news - 
-------------------------------------------------------------------*/
#page .news{
	position:relative;
	float:left;
	width:100%;
	margin-top:25px;
	overflow:hidden;
}

/* - video - 
-------------------------------------------------------------------*/
#page .video{
	position:relative;
	float:left;
	width:100%;
	margin-top:25px;
	overflow:hidden;
}

/* - important - 
-------------------------------------------------------------------*/
#page .important{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:15px;
}

/* - articles - 
-------------------------------------------------------------------*/
#page .articles{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:15px;
}

/* - magazine - 
-------------------------------------------------------------------*/
#page .magazine{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:25px;
}

/* - periodic - 
-------------------------------------------------------------------*/
#page .periodic{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:25px;
}

/* - travell - 
-------------------------------------------------------------------*/
#page .travell{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:25px;
}

/* - documents - 
-------------------------------------------------------------------*/
#page .documents{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:25px;
}

/* - studio - 
-------------------------------------------------------------------*/
#page .studio{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:25px;
}

/* - tags - 
-------------------------------------------------------------------*/
#page .tags{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:25px;
}

/* - archive - 
-------------------------------------------------------------------*/
#page .archive{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:25px;
}

/* - comments - 
-------------------------------------------------------------------*/
#page .comments{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:25px;
}

/* - goodtoread - 
-------------------------------------------------------------------*/
#page .goodtoread{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:25px;
}
/* - blogs - 
-------------------------------------------------------------------*/
#page .blogs{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:25px;
}
#page .last-blogs{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:15px;
}

/* - otherpages - 
-------------------------------------------------------------------*/
#page .otherpages{
	position:relative;
	width:70%;
	margin:0 auto;
	min-height:400px;
	height:auto !important;
	height:400px;
}
/* - blogeditpage - 
-------------------------------------------------------------------*/
#page .blogeditpage{
	position:relative;
	width:85%;
	margin:0 auto;

}
/* - panel - 
-------------------------------------------------------------------*/
#page .panel{
	position:relative;
	float:left;
	margin-top:14px;
	width:100%;
	overflow:hidden;
	}
	/* Panel Menu */
	#page .panel .submenu {
		position:relative;
		float:left;
		width:100%;
		border-top:3px solid #0D344E;
		}
		/* Panel Menu Wrapper */
		#page .panel .submenu .wrapper {
			position:relative;
			right:50%;
			float:right;
			}
	#page .panel .submenu ul {
		position:relative;
		right:-50%;
		z-index:1;
		}
	#page .panel .submenu li {
		position:relative;
		float:left;
		}

	/* Panel Main */
	#page .panel .main {
		padding:1em 0 .5em;
		font:1.2em/1.3 Arial, Tahoma, sans-serif;
		color:#3A3A3A;
	}
	#page .panel .main a {color:#3A3A3A;}
	#page .panel .main a:hover {color:#1D1D1D;}

	#page .panel .main ul {overflow:hidden}
	#page .panel .main li {
		margin-left:-1px;
		padding:0 1em 0 1em;
		min-height:16px;
		background:url(../design/line-g.gif) repeat-y;
	}
	#page .panel .main .active a {color:#1D1D1D;text-decoration:none;}

/* - footer - 
-------------------------------------------------------------------*/
#page .footer{
	position:relative;
	float:left;
	clear:both;
	width:100%;
	background:url(../design/footer-pl.gif) no-repeat 0 100%;
	font:1.3em/2.0 Arial,Tahoma, sans-serif;
	margin-top:-2.1em;
}
*html #page .footer{marg/in-top:0;float:none;}

#page .footer .wrapper{
	position:relative;
	margin:0 1%;
	overflow:hidden;
	padding-bottom:1.7em;
}

	#page .footer p {padding-left:1em;}
	/* Footer Copyright */
	#page .footer .copyright {width:15em;}

	/* Footer Rights */
	#page .footer .rights {width:45em}
	/* Footer Disclaimer */
	#page .footer .disclaimer {width:45em;}
	/* Footer Counters */

	#page .footer .counters {
		position:absolute;
		top:12px;
		right:15px;
		padding-left:40px;
		width:210px;
		}

		#page .footer .counters li{
			display:inline;
		}



/* - pagination - 
-------------------------------------------------------------------*/
#page ul.pagination{
	position:relative;
	float:left;
	width:100%;
	margin-top:2.1em;
	overflow:hidden;
	font:1.1em/1.5 Arial, Tahoma, sans-serif;
	color:#3A3A3A;
}

#page .pagination li{
	position:relative;
	float:left;
	width:auto !important;
	background:none !important;
}

#page .pagination .prev span,
#page .pagination .next span{
	padding:0 1.5em;
}

#page .pagination .prev span em,
#page .pagination .next span em{
	font-style:normal;
	font-size:1.3em;
	line-height:0.8em;
}

#page .pagination a{padding:1em;}
#page .pagination .prev a{padding-left:0}
#page .pagination .next a{padding-right:0}


#page .pagination .active a{
	color:#3A3A3A;
}


/* - Modal popup windows- 
-------------------------------------------------------------------*/

#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6 */
	top:0;
	left:0;
	background:#000000;
	border:1px solid #4A4A4A;
	z-index:100;
	height:100%;
	width:100%;
}

#popupContact{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6 */
	height_:384px;
	width:27em;
	background:#EEE;
	border:2px solid #4A4A4A;
	z-index:101;
	padding:0px;
}

#popupContact form{
	position:relative;
	float:left;
	width:100%;
}

#popupContact fieldset {padding:0 0 1.5em 0em}
#popupContact fieldset p{
	position:relative;
	padding:0 0 0.5em 5em;
	line-height:1.8em;
	font-size:1.2em;
	}
	#popupContact fieldset p label{
		position:absolute;
		margin-left:-4.0em;
		}
	#popupContact fieldset p span{margin-left:1em;}


		#popupContact #username{
			margin-right:7px;
			width:14.0em;
		}

		#popupContact #userpassword{
			margin-right:7px;
			width:14.0em;
		}
	#popupContact #wlpeLoginButton{
		position:relative;
		float:left;
		font-size:1.1em;
		line-height:1.4em;
		margin-left:0em;
		z-index:2;
		
	}

	#popupContact #userforget{
		position:relative;
		font:1.2em/1.3 Tahoma, sans-serif;
		margin-left:7.5em;

	}
	#popupContact #userregister{
		position:relative;
		float:left;
		width:100%;
	}
	*html #popupContact #userregister{width:auto;}


#popupContactClose{
	position:relative;
	float:left;
	width:100%;
	display:block;
	font:bold 1.1em/11px Georgia, serif;
	color:#6FA5FD;
	text-align:right;
	background:#0D344E;
	padding:0.5em 0;
	margin-bottom:1em;
}

	#popupContactClose a{
		position:relative;
		float:right;
		display:block;
		text-decoration:none;
		overflow:hidden;
		margin-right:0.5em;
	}

	#popupContactClose a,
	#popupContactClose a span{
		width:11px;
		height:11px;
	}

	#popupContactClose a span{
		position:absolute;
		top:0;
		left:0;
		display:block;
		z-index:1;
		background:url(../design/close_modal.gif) no-repeat 0 0;
	}
	#popupContactClose a span{cursor:pointer;}