html, body{
	padding: 0;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#663366;
	height:100%;
}

h1{
	font-size:14px;
}

table#top{
	background:url(../img/bg_top.gif);
}

div#logo{
	height:97px;
	background:url(../img/oblako.gif) no-repeat bottom left;
}

div#line{
	height:96px;
	background:url(../img/oblako2.gif) no-repeat bottom left;
}

div.fl{
	float:left;
}

div.correct_ml1{
	margin-left:-1px;
}

div#top_right{
	width:277px;
	height:97px;
	background:url(../img/bg_right.gif) right no-repeat;
	
	font-size:14px;
	font-weight:bold;
	color:#FFFF00
}

div#menu{
	height:22px;
	width:638px;
	background:url(../img/menu.gif) no-repeat;
	padding-left:118px;
	padding-top:6px;
}

td#left{
	width:313px;
	padding-top:65px;
	background:url(../img/oblako2.gif) no-repeat top;
	vertical-align:top;
}

table#left_column{
	background:url(../img/left_col.gif) repeat-y left;
}

td#middle{
	background:url(../img/line.gif) repeat-y left;
	padding:30px;
	vertical-align:top
}

td#right{
	width:300px;
	background:#dddaeb;
	vertical-align:top;
	padding: 10px;
	padding-top:30px;
}

tr#bottom{
	background:url(../img/bottom.gif) top repeat-x;
}

div#bottom_l_div{
	background:url(../img/bottom.gif) top repeat-x;
	height:77px;
	width:253px;
}

td#bottom_l{
	background:url(../img/bottom_l.gif) left top no-repeat #FFFFFF;
	width:50px;
	padding-left:60px;
}

td#bottom_r{
	background:url(../img/bottom_r.gif) left top repeat-x;
	width:100px;
}

a{
	color:#663366;
	text-decoration:none;
	font-weight:bold;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul li {
	position: relative;
	display:inline;
	/*border:solid 1px #00FF00*/
	}
	
li ul {
	position: absolute;
	display: none;
	width:200px;
	margin-left:-7px;
	border:solid 2px #666699;
	}

/* Styles for Menu Items */
ul li a {
	text-decoration: none;
	padding: 5px;
	border-bottom: 0;
	color:#FFFF00;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; padding-left:3px;}
* html ul li a { height: 1%; }
* li ul { top:13px; left:28px; }
* html li ul li{ display:block;float:none }
/* End */

ul li a:hover { color: #FFFFFF; } /* Hover Styles */
		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

li ul li{
	background:#8e85b7;
	display:block;
}

div#title{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

div#links a{
	display:block;
	color:#663366;
	padding:5px;
	padding-left:0px;
}