/* CSS Document */

body{
	text-align:left;
	font:0.82em/1.15em Geneva,Verdana,sans-serif;
	color:#292665;
}
#container{
position:relative;
width:900px;
margin:0.5em auto;
text-align:left;
}


#top {
	position:absolute;
	left:5px;
	top:1px;
	width:881px;
	height:101px;
}



#left {
	position:absolute;
	left:5px;
	padding-top:20px;
	top:102px;
	width:258px;
	height:671px;
	background: url('../images/left.jpg') no-repeat;
}

#lezah-image {
	position:absolute;
	left:263px;
	top:102px;
	width:297px;
	height:312px;
}

#welcome {
	position:absolute;
	left:560px;
	top:102px;
	width:321px;
	height:58px;
}

#welc-main {
	position:absolute;
	left:560px;
	top:160px;
	width:321px;
	height:253px;
	background:url('../images/welc_main.jpg') no-repeat;
}
#welc-main p{
display:block;
width:90%;
margin:0.2em 0.5em 0.3em 0.8em;
padding:0.5em;
letter-spacing:0.03em;
}
#welc-main a{
font: bold 12px/12px Geneva,Verdana,Arial,sans-serif;
color:#cc6633;
text-decoration:none;}
#welc-main a:hover{
color:#cc9900;
text-decoration:none;
}

#active-crystal {
	position:absolute;
	left:560px;
	top:413px;
	width:321px;
	height:110px;
	background:url('../images/active-crystal.jpg') no-repeat;
}
.crystal{
display:block;
font: bold 0.85em/0.9em Geneva,Verdana,Arial,sans-serif;
color:#cc9900;
margin:2em  0em 1em 0.8em;
}
ul.crystal{
padding:0.5em 0.2em 0em 0.2em;
}

ul.crystal li{
display:block;
padding:0.4em 0.5em 0.03em 0.2em;
list-style: none;
}
ul.crystal li a{
font: bold 1em/1em Geneva,Verdana,Arial,sans-serif;
color:#435A69;
text-decoration:none;
}
ul.crystal li a:hover{
font: bold 1em/1em Geneva,Verdana,Arial,sans-serif;
color:#666666;
text-decoration:none;
}
#announc-pic {
	position:absolute;
	left:263px;
	top:414px;
	width:297px;
	height:62px;
}

#forannounce {
	position:absolute;
	left:263px;
	top:476px;
	width:297px;
	height:316px;
	background:url('../images/forannounce.jpg') no-repeat;
}
#forannounce h4{
	text-align:center;
	color:#CC0000;
	font:bold 1em/1.3em Verdana,Arial sans-serif;
	margin:0.4em 0.3em 0.02em 0.3em;
	font-family: Verdana, "Arial sans-serif";
	letter-spacing:0.03em;
}
#forannounce p{
	display:block;
	width:260px;
	font:bold 0.79em/1.4em Verdana,Arial sans-serif;
	letter-spacing:0.04em;
	color:#292665;
	margin:0.1em 1.5em 0.2em 1.2em;
	padding:0.2em 1em 0.3em 1em;
	border-bottom:1px dotted #474f4e;
	text-align: left;
}
#for-active {
	position:absolute;
	left:560px;
	top:523px;
	width:320px;
	height:269px;
	background:url('../images/for_active.jpg') no-repeat;
}

#for-active p{
margin:0.7em 1em 0.5em 1em;
padding:0.3em;
}
#decor{
font:bold italic;
color:#cc6633;
}

#decor1{
font:bold;
color:#CC0000;
}
#decor-bold{
font: italic 0.9em/1.4em Verdana,Arial sans-serif;
color:#666;
}
#spbold{
font: bold 1.1em/1.4em Verdana,Arial sans-serif;
letter-spacing:0.05em;
text-align:center;
color:#cc9900;
margin:0em;
}

#spbold h4{
font-size:0.9em;
color:#292665;
}
#navlist{
font: bold 13px Verdana,Arial sans-serif;
margin:5px auto;
padding:1px 0px;
}

ul#navlist {
text-align:left;
margin:5px auto;
width:86%;
list-style-type:none;
list-style-position: outside;
}
ul#navlist  li{
display:block;
margin:0px 0px 0px 4px;
padding:0em;
}

ul#navlist  li a{
display:block;
width:100%;
padding:0.5em 0em 0.2em 2em;
border-width:1px 0px 1px 0px;
border-color:#ffe #aaab9c #ccc #fff;
border-style:solid;
text-decoration:none;
color:#5b7396;
background:url('../images/btnbg.jpg') no-repeat;
}
ul#navlist li#active a {
background: #e3dee9;
color:#435a69;
}
#navlist>ul#navlist li a{width:auto;}
ul#navlist li a:hover, ul#navlist li#active a:hover{
color:#9084bf;
background:transparent;
border-color:#aaab9c #aaa4ce #aaa4ce #ccc;
}
h5{
	font:bold 1em/0.02em Verdana, Geneva, sans-serif;
	background-color:#FFC;
	color:#B90000;
	margin:0.1em 0em 0.3em 0em;
	padding:0.5em 0 0.1em 0;
	text-align:center;
}
