/**/
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th {
	margin: 0;
	padding: 0;
}
a {outline:none; text-decoration:none;}	
img {border: 0;}
/** CLEAR, FLOAT  ******************/
.clear:after {content: ""; display: block; height: 0px; overflow:hidden; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/***/
/* LAYOUT *****************/
html{
	height: 100%;	
	width:100%;	
	font-size: 100.01%;	
	}
body {
	height: 100%;	
	width:100%;	
	background:#33a9d5 url(../i/body-pattern.gif) repeat  50% 0;
	color: #333;
	font: 12px/1.4em Arial, Helvetica, sans-serif;
	}
	
#layout {
	margin: 0 auto;
	min-height: 100%;
	min-width: 976px;
	height: auto;		
	width:1038px;	
	background: url(../i/panel.png) repeat-y  0 0;	
	}
	
/* HEADER */	
#header {
	height:120px;	
	padding:0 30px;
	margin:0 9px 0px 9px;
	position:relative;	
	background:#fff url(../i/panel-top.png) no-repeat 0 0;	
	z-index:2;
	}	

			
/* CONTENT */
	
#content {	
	position:relative;	
	z-index:1;	
	margin: 0 9px;
	padding:0 30px 50px 30px;
	background:#fff url(../i/panel.png) repeat-y  50% 0;
	}
/***********/
#content-bg-top-holder {
	position:absolute;
	top:0px;
	left:0px;
	height:15px;
	width:100%;
	overflow:hidden;
	background:url(../i/panel-top.png) no-repeat 0 -120px;
}
.main-content {
	width:640px;
	float:left;
	margin-right:55px;
	padding-bottom:40px;
	position:relative;
	}
	.column {
		width:290px;
		float:left;
		margin:0 15px;
		display:inline;
		}
	.column-double-width {
		width:610px;
		float:left;
		margin:0 15px;
		display:inline;
		}
	.column-last {
		margin-right:0px;
		width:289px;
		}
		
.side-content {
	width:250px;
	float:left;
	position:relative;
	}		
	.side-panel {
		position:relative;
		margin:0 0 30px -40px;
		padding:0 0 0 15px;
		width:275px;
		background:#f2edd9 url(../i/side-panel-bg.png) repeat-y -582px 100%;
		}
		.side-panel .top { 
			height:41px;
			width:290px;
			background:#e5e0cb url(../i/side-panel-bg.png) no-repeat 0 0;
			margin-left:-15px;
			position:relative;		
			}
		.side-panel .bot { 
			height:10px;
			width:290px;
			background:#e5e0cb url(../i/side-panel-bg.png) no-repeat -291px 0;
			margin-left:-15px;
			position:relative;		
			}

/* FOOTER */
#footer {		
	height:50px;	
	width:930px;	
	margin:-50px auto 0 auto;	
	padding:0 59px;		
	position:relative;
	z-index:1;		
	color:#333;		
	}	
	
	
/**
 * Header content (navigation, log-in etc)****/

	/** log-in **/
	#log {
		position:absolute;
		top:0px;
		left:30px;			
		height:31px;
		font-size:11px;
		line-height:1em;
		padding-left:5px;
		background:url(../i/log-bg-l.png) no-repeat 0 0;
		}
		#log-inner {
			height:22px;
			padding-right:10px;			
			background:#f2edd9 url(../i/log-bg-r.png) no-repeat 100% 0; 
			position:relative;
			float:left;
			}
		.link-holder {
			padding:5px 24px 5px 9px;
			margin-right:5px;			
			float:left;
			background:url(../i/log-icon.png) no-repeat 100% 6px;
			}
			.link-holder a {
				line-height:1em;
				color:#0094cb;
				padding:0 0 0 2px;	
				border-bottom:#d1d1d1 dashed 1px;
				display:block;
				}
				.link-holder a:hover {
					color:#03769c;
					text-decoration:none;
					border-bottom:#666 dashed 1px;	
					}
		#log-inner form {		
			float:left;			
			height:22px;		
			width:342px;
			font-size:1px;
			line-height:1px;
			overflow:hidden;
			white-space:nowrap;	
			position:relative;	
			/*width:0px;	*/	
			}
			#log-inner form div {
				padding:0 40px 0 10px;
				background:url(../i/log-inputs-bg.png) no-repeat 0 0;	
				position:absolute;
				height:22px;
				top:0px;
				right:0px;				
				}
				#log-inner input {
					width:115px;
					border:none;
					background:#fff;
					color:#7d7d7d;
					font: 11px/13px Tahoma, Helvetica, sans-serif;
					padding:0;
					margin:4px 26px 0 0;
					height:13px;
					overflow:hidden;
					}
					#log-button,  #log-out-button {
						position:absolute;
						top:3px;
						right:1px;
						font-size:1px;
						line-height:1px;					
						color:#fff;	
						height:16px;
						width:50px;
						padding:0;
						overflow:hidden;
						background: url(../i/log-in-button.png) no-repeat 0 0;
						border:none;
						}
						 #log-out-button {
							background: url(../i/log-out-button.png) no-repeat 0 0;
						}
						 #log-button:hover,  #log-out-button:hover {				
							background-position:0 -16px;
							text-decoration:none;
							border:none;
							}
		.wlpeMessage {
			position:absolute;
			top:34px;
			left:12px;
			white-space:nowrap;
			background:#d33;
			color:#fff;
			font-size:12px;
			line-height:1.2em;
			padding:3px 5px;
			}
			.wlpeMessage p {
				margin:0;
				}
	
	/** Main nav **/
#main-nav {
		position:relative;
		width:640px;
		margin:59px 0 0 0;
		float:left;
		font-size:13px;
		letter-spacing:0.2px;
		}
		#main-nav ul#navigation{
			margin:0;
			padding:2px 0 1px 0;
			width:640px;			
			height:29px;
			list-style:none;
			background:#00bcf2 url(../i/main-nav-panel.png) no-repeat 0 0;				
			}
			#main-nav li.nav-item {				
				position:relative;
				float:left;
				margin:0 0 0 0;
				padding:0px 14px 6px 12px;				
				line-height:23px;
				height:23px;
				background:url(../i/main-nav-panel-line.gif) repeat-y 100% 0;				
				color:#0095c2;								
				}	
				#main-nav li.nav-item img {
					display:block;
					padding-top:7px;
					}
					#main-nav li.nav-item .dublicate img{
					padding-top:8px;
					}
				#main-nav li .dublicate {
					display:block;
					line-height:25px;
					height:25px;					
					padding:1px 13px 4px 13px;
					position:absolute;
					top:-1px;
					left:-1px;
					color:#fff;
					}
					#main-nav li a.dublicate:hover {
						text-decoration:none;
						color:#cfc;							
						}
						
			#main-nav li.first {
				margin:-2px 0 0 0;
				padding:2px 14px 6px 17px;				
				}
				#main-nav li.first .dublicate {
					left:10px;
					top:0;
					padding:1px 13px 4px 7px;
					}	
					
			#main-nav li.last {
					background:none;
					}		
					
			
			#main-nav li.active{
				background:url(../i/main-nav-li-active-bg.gif) repeat-x 0 0;				
				margin:-1px 0 0 -2px;
				padding:1px 14px 6px 14px;
				color:#0078a8;				
				}
				#main-nav li.active .dublicate {
					left:1px;
					top:0px;
					padding:1px 14px 4px 13px;
					background:url(../i/list-item-active-line.gif) no-repeat 100% 0;					
					}					
			#main-nav li.first-active {
				background:url(../i/main-nav-li-first-active-bg.png) no-repeat 0 0;				
				color:#0078a8;				
				}
				#main-nav li.first-active .dublicate {
					padding-right:14px;
					background:url(../i/list-item-active-line.gif) repeat-y 100% 0;
					}
										
					
					
			#main-nav li.with-submenu a.dublicate {background:url(../i/main-nav-arrow.png) no-repeat 100% 13px;}
			#main-nav li.with-submenu a.dublicate:hover, #main-nav li.hide-submenu:hover a.dublicate {
				color:#09f;
				background-image:none;
				}		
				
			#main-nav li.hide-submenu span.hover-span, #main-nav li.hide-submenu .sub-nav {
				visibility:hidden;
				}
				#main-nav li.hide-submenu:hover span.hover-span, #main-nav li.hide-submenu:hover .sub-nav {
					visibility:visible;
					}				 

			
			#main-nav li span.hover-span {
				display:block;
				line-height:25px;
				height:25px;					
				padding:1px 12px 5px 12px;
				position:absolute;
				top:-1px;
				left:-1px;
				color:#fff;
				background:#fff;
				border-left:#33a9d5 solid 1px;
				border-right:#33a9d5 solid 1px;
				}		
			#main-nav li .sub-nav {
				position:absolute;
				top:30px;
				left:-1px;				
				border:#33a9d5 solid 1px;	
				border-top:none;
				background:#fff;					
				padding:10px 0 10px 0; 	
				}
				
				#main-nav li.active span.hover-span {
					padding:1px 13px 5px 12px;
					top:0px;
					left:0px;	
					}
				#main-nav li.active	.sub-nav {
					top:31px;
					left:0px;	
					}
					
				#main-nav li.first span.hover-span {
					padding:1px 17px 6px 12px;
					top:0px;
					left:0px;	
					border-left:none;
					background:#fff url(../i/main-nav-li-first-hover-bg.png) no-repeat 0px 0px;
					}
				#main-nav li.first .sub-nav {
					top:32px;
					left:0px;
					width:627px;
					padding:0 0 30px 0;
					}
				
				#main-nav li.large-subnav .sub-nav {					
					width:584px;					
					padding:0px 0 30px 0;
					}
					#main-nav li.large-subnav .sub-nav .column {
						width:260px;
						}
						#main-nav li.large-subnav .sub-nav dd {
							width:260px;
							}
						
					#main-nav .sub-nav dt {
						color:#999;						
						margin:20px 0 8px 0;
						}
					#main-nav .sub-nav  dd{
						width:275px;
						color:#333;
						border-bottom:#e5e5e5 solid 1px;
						}
					#main-nav li .sub-nav a {
						color:#069 ;							
						}							
						#main-nav li .sub-nav a:hover {
							color:#000;
							}
					#main-nav li .sub-nav ul {
						margin:0;
						padding:0;
						}
						#main-nav li .sub-nav li {
							list-style:none;
							background:none;
							line-height:1.2em;
							padding:0;
							white-space:nowrap;
							}
							#main-nav li .sub-nav li a {
								display:block;
								padding:3px 25px 3px 12px;
								}
								#main-nav li .sub-nav li a:hover {
									background:#DAF4FA;
									}
			
	#search-field {
		position:absolute;
		top:6px;
		right:7px;
		width:108px;
		height:20px;
		background-image:url(../i/search-panel.png);
        background-attachment: no-repeat;
        background-position: 0 -20px;
		overflow:hidden;
		}
		#search-field #sibmit {
			position:absolute;
			top:3px;
			left:4px;
			}
		#search-field #search-input {
			width:75px;
			height:16px;
			border:none;
			margin:2px 0 0 24px;
			padding:2px 0 0 0;
			color: #656565;
			font: 11px/14px Tahoma, Helvetica, sans-serif;
			}
		
	/** right side of header **/						
	.right-side {
		float:right;
		width:265px;		
		}		
		#index-nav {
			margin:20px 0 29px 0;
			padding:0;
			font-size:1px;
			line-height:1px;
			list-style:none;
			}
			#index-nav li {
				margin:0 20px 0 0;
				padding:0;
				background:none;
				float:left;
				}
				#index-nav li a {
					display:block;
					}		
		#logo {			
			display:block;			
			}
		
	
	

