﻿/*Default styles*/
html{
	height: 100%;
	overflow-y: scroll;
}

body {
	height: 100%;
	font-family: 'arial';
	margin: 0;
	font-size: 12px;
	color: #565656;
	text-align: center;
	line-height: 1.5;
	background-color: #fff;
}

p{
	margin: 0;
	margin-bottom: 35px;
}
p.lighted{
	background-color: #f2f3f6;
	padding: 12px;
	margin-bottom: 15px;
	font-style:italic;
}

h1, h2, h3, h4, h5{
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
h1{
	color: #702c91;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
	text-decoration: underline;

}
}
h2{
	color: #702c91;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 25px;
	text-decoration: underline;
}
h3{
	font-family: 'arial narrow';
	font-weight: normal;
	padding-bottom: 7px;
	padding-left: 7px;
	margin-bottom: 25px;
	line-height: 1;
	border-bottom: 1px solid #fff;
}
	h3 span{
		display: block;
	}
	h3 span.line-1{
		font-size: 24px;
		color: #702c91;
	}
	h3 span.line-2{
		font-size: 22px;
		color: #c3bc2f;
	}

.fl{
	float: left;
}
.fr{
	float: right;
}
.fl, fr{
	display: inline;
}

.clr{
	clear: both;
	font-size: 0;
	line-height: 0;
}

.separator{
	border-bottom: 1px solid #9764af;
	margin: 0;
	margin-bottom: 25px;
}

ul{
	list-style-type: disc;
	margin: 0;
	margin-left: 15px;
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
}
	ul li{
		margin-bottom: 8px;
	}
	
a{
	color: #9764af;
	outline: none;
	text-decoration: none;
}
	
/*Styles for rounded corners*/
.round-less{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.round-more{
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

/*Common styles*/
#wrapper-main{
	position: relative;
	width: 100%;
	min-height: 100%;
}
* html #wrapper-main{
	height: 100%;
}

	/*Wrapper of content (text zone and sidebar*/
	#wrapper-content{
		position: relative;
		width: 920px;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		padding-top: 180px;
		z-index: 200;
	}
	
		/*Top menu items*/
		#menu-top{
			/*display: none;*/
			position: absolute;
			height: 40px;
			width: 920px;
			top: 122px;
			left: 0;
			background-image: url(images/menu-back.jpg);
			background-repeat: repeat-x;
			background-position: 0 0;
			overflow: hidden;
		}
			#menu-top .menu-decor{
				width: 10px;
				height: 40px;
				background-repeat: no-repeat;
				background-position: 0 0;
			}
			#menu-left-decor{
				background-image: url(images/menu-left.jpg);
			}
			#menu-right-decor{
				background-image: url(images/menu-right.jpg);
			}
			#menu-top-container{
				width: 900px;
				overflow: hidden;
			}
			#menu-top-container ul{
				margin: 0;
				padding: 0;
				line-height: 35px;
				text-align: left;
			}
				#menu-top-container ul li{
					display: inline-block;
					#display: inline;
					height: 35px;
					background-image: url(images/menu-sep.jpg);
					background-repeat: no-repeat;
					background-position: 100% 0;
					overflow: hidden;
					margin-left: -3px;
					#margin: 0;
					padding-right: 4px;
					#padding-right: 0px;
				}
				
				#menu-top-container ul li.last{
					background-image: none;
				}
					#menu-top-container ul li a{
						display: inline-block;
						min-width: 80px;
						font-size: 12px;
						color: #fdfdfd;
						padding-left: 10px;
						padding-right: 10px;
						font-weight: normal;
						white-space: nowrap;
						text-align: center;
						text-decoration: none;
					}
					#menu-top-container ul li a:hover, #menu-top-container ul li.active a{
						background-image: url(images/menu-active.jpg);
						background-repeat: repeat-x;
						background-position: 0 0;
					}
				#menu-top-container ul li.home {
					padding-right: 9px;
				}	
					#menu-top-container ul li.home a{
						width: 32px;
						min-width: 0;
						color: #98a800;
						padding: 0;
						background-image: url(images/home.gif);
						background-repeat: no-repeat;
						background-position: 50% 10px;
						text-align: center;
					}
					
		
		/*Style for content container (text and undertext modules)*/
		#content{
			width: 650px;
			padding: 10px;
			background-color: #fff;
			overflow: hidden;
		}
		
			#content .content-block{
				padding-left: 15px;
				padding-right: 25px;
			}
		
			/*Main text styles*/
			#maintext{
				overflow: hidden;
			}
			
			/*Zone under main text*/
			#undertext{
			}
			
			/*Bottom menu block*/
			#menu-bottom{
				/*display: none;*/
				margin-top: -20px;
				text-align: right;
			}
				#menu-bottom ul{
					list-style-type: none;
					margin: 0;
					padding: 0;
					line-height: 25px;
				}
					#menu-bottom ul li{
						display: inline;
						margin-left: 18px;
					}
						#menu-bottom ul li a{
							color: #9664ae;
							font-size: 11px;
							font-weight: normal;
							text-transform: uppercase;
							text-decoration: none;
						}
						#menu-bottom ul li a:hover{
							color: #c2c2c2;
						}
			
			#copyright{
			}
				#copyright, #copyright p, #copyright a{
					font-size: 11px;
					color: #919191;
				}
				#copyright p{
					margin: 0;
				}
				#copyright a{
					text-decoration: none;
				}
				#copyright  a:hover{
							text-decoration: underline;

				}

			
		/*Sidebar styles*/
		#sidebar{
			width: 237px;
		}
			#sidebar .module{
				padding-left: 7px;
				padding-right: 7px;
				padding-top: 10px;
				padding-bottom: 10px;
				margin-bottom: 10px;
				background-image: url(images/module-back.jpg);
				background-repeat: repeat-x;
				background-position: 0 0;
				background-color: #fff;
			}
				#sidebar .module, #sidebar .module p{
					color: #702c91;
				}
				#sidebar .module p{
					margin-bottom: 10px;
				}
				#sidebar .module a img{
					border: none;
				}
	
		#logo{
			position: absolute;
			top: 20px;
			left: 0;
		}
			#logo img{
				display: block;
				border: none;
			}
	
	/*Background image (resizible*/
	#background-image{
		position: absolute;
		width: 100%;
		height: auto;
		left: 0;
		bottom: 0;
		z-index: 100;
		overflow: hidden;
	}
		#background-image img{
			width: 100%;
			height: auto !important;
			display: block;
		}
		
	#background-line{
		position: absolute;
		width: 100%;
		height: 167px;
		left: 0;
		top: 0;
		background-image: url(images/top-line.jpg);
		background-repeat: repeat-x;
		background-position: 0 0;
		z-index: 100;
	}
