/*

	template: Artificial Intelligence
	author: luka cvrk (www.solucija.com)
	
*/

body { 
	margin: 0; 
	padding: 0; 
	background: #4B5A6B url(images/bg.jpg) repeat-x; 
	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.6em; 
	color: #333; 
}

/* LINKS AND HEADINGS STYLING */

a { color: #546F92; background: none; }
a:hover { color: #808080; background: inherit; }
h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }
h2  { font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif; }
h3 { clear: both; font-size: 1.1em; color: #000; background: url(images/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0;}
h3 a {color:#000; background:none; text-decoration:none;}
h3 a:hover {color:#808080; background:none; text-decoration:underline;}
.blue { color: #546F92; background: inherit; }
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }

/* CONTENT WRAPPER */

#main {
	width: 755px;
	margin: 25px auto 0 auto;
	padding:0 10px 0 10px;
	background-color:#fff;
	border:1px dotted #5B6C82;
}

/* TOP LEFT LOGO */

#logo { 
	float: left; 
	padding: 10px 0 10px 10px; 
	/*background: url(images/intro_left.jpg) no-repeat bottom left;*/
	background: url(images/logo_sm.jpg) no-repeat bottom left;
	width:225px;
	height:60px;
}
	#logo h1 { color: #000; }

/* TOP RIGHT HORIZONTAL MENU */
	
#menu { 
	float: right; 
	background: #fff url(images/barul.gif) no-repeat bottom right; 
	color: #808080; 
	padding: 50px 1px 11px 0; 
	margin: 0; 
}
	#menu li { 
		padding: 14px 18px 14px 18px; 
		color: #444; 
		background: #fff url(images/bar.gif) no-repeat bottom left; 
		display: inline; 
	}
	#menu li.active { 
		background: #fff url(images/baractive.gif) no-repeat bottom left; 
		color: #8D9CAF; 
		font-weight: bold; 
		padding: 14px 18px 14px 18px; 
		margin: 0 1px 0 0; 
	}
	#menu li a { 
		background: #f8f8f8; 
		color: #808080; 
		text-decoration: none; 
	} 	
	#menu li a:hover { 
		color: #000; 
		background: #f8f8f8; 
		border-top:1px dotted #999999;
		border-bottom: 1px dotted #999999;
	} 	
	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */

/* LEFT INTRO SIDE */	

#intro_left {
	clear: left;
	float: left;
	width: 225px;
	height:99px;
	background: #8D9CAF url(images/leftintrobg.gif) repeat-x;
	color: #E5EAF2;
	margin: 0 0 1px 0;
	vertical-align:middle;
}
	#intro_left h1 {
		font-size:20px;
		padding:5px 0 0 0;
		margin: 0 0 0 0;
		font-style:italic;
		text-align:center;
		}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 0px 15px; margin: 0;}

	/* LEFT VERTICAL MENU */
	
	#menu_left { 
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 1px 0; 
		border-bottom: 2px solid #e2e2e2; 
	}
		#menu_left li { list-style: none; }
		#menu_left li a { 
			display: block; 
			color: #3F5B7F; 
			background: #C2CEDE url(images/arrow.gif) no-repeat center left; 
			width: 179px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left li a:hover { background: #9EB1C9 url(images/arrow.gif) no-repeat center left; color: #fff;  }

/* RIGHT INTRO SIDE */
	
#intro_right {
	float: right;
	width: 315px;
	padding: 25px 185px 0 20px;
	background: #BCCEDA url(images/intro2_sm.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
	#intro_right h1 { margin: 0 0 0px 0; }
	#intro_right p {padding:20px 20px 0 0;font-weight:bold;text-align:justify;}
	#intro_right .indent { padding:0  0 0 70px;}
	#intro_right .white { color: #FFF; background-color:transparent; }
	
#announcements {
	clear:both;
	margin:5px auto;
	padding:5px 20px;
	position:relative;
	border:1px solid #ccc;
	background-color:#eee;
	height:120px;
	overflow:auto;
	}
/* LEFT SIDE */
	
#left {
	float: left;
	width: 225px;
}
	.box {
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0; 
	}
	.note {
		padding: 15px 15px 20px 100px;
		border: 1px solid #CFCB66;
		margin: 0 0 5px 0;
		background: #FFFFAD url(images/package.gif) no-repeat;
		color: #585616;
	}

/* RIGHT SIDE */

#right {
	float: right;
	width: 523px;
}
	.leftcol { 
		float: left; 
		padding: 12px 15px;
		width: 225px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		height:360px;
		line-height:1.4em;
	}
	.rightcol { 
		float: right; 
		padding: 10px 15px;
		width: 225px;  
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		height:364px;
		line-height:1.4em;
		}
	.leftcol_noheight { 
		float: left; 
		padding: 12px 15px;
		width: 225px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
	}
	.rightcol_noheight { 
		float: right; 
		padding: 10px 15px;
		width: 225px;  
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		}
	.special {
		clear: both;
		margin:0px 0 10px 0;	
		padding: 5px 20px;
		border: 1px solid #ccc;
		background-color:#eee;
		/*background: #eee url(images/special_bg.jpg) top left no-repeat;*/
		min-height:145px;
		color: #444;
		text-align:justify;
	}
	.special h1 {
	font-size:20px;
	color:#63768D;
	/*background-image:url(images/underline.jpg);*/
	background-position:bottom center;
	background-repeat:no-repeat;
	text-align:center;	
	}
	.bodycol {
		clear: both;
		margin:0px 0 20px 0;	
		padding: 5px 20px;
		border: 1px solid #ccc;
		background: #fff;
		color: #444;
		text-align:justify;
	}
	span#more {
		float:right;
		font-size:10px;
		}
/* FOOTER */

#footer { clear: both; padding: 5px; border-top: 1px solid #ccc; }

/* FORMS */

#marginForm fieldset {
	display: block;
	margin: 0 0 1em 0;
	border: 0 solid #FFFFFF;
	border-top: 1px solid #000000;
	padding: 0;
}
#marginForm fieldset legend {
	color:#546F92;
	font-weight:bold;
	font-size:14px;
	}
#marginForm fieldset.radio {
	margin: 0 0 0 -1em;
	border: 0 solid #FFFFFF;
}
#marginForm fieldset.radio input {
	position: static;
	clear: both;
	float: left;
}
#marginForm fieldset.radio label {
	position: relative;
	top: -1.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 8em;
	font-weight: bold;
	font-weight: normal;
}
#marginForm fieldset.radio legend {
	float: left;
	font-weight: bold;
	color:#666;
	font-size:1em;
}
#marginForm input {
	position: relative;
	top: -1.4em;
	left: 9em;
	display: block;
}
#marginForm textarea {
	position: relative;
	top: -1.4em;
	left: 9em;
	display: block;
}
#marginForm input.submit {
	clear: both;
	top: 0;
}
#marginForm div.securityCode {
	clear:both;
	width:75%;
	position:relative;
	top:-3em;
	left:11em;
	display:block;
	}
#marginForm label {
	clear: both;
	float: left;
	display: block;
	width: 10em;
	margin-top: -1em;
	font-weight: bold;
}
#marginForm label.first {
	margin-top: 1em;
}
#marginForm select {
	position: relative;
	top: -1.4em;
	left: 9em;
	display: block;
}
#errorDiv {
	clear: both;
	margin:0px 0 20px 0;	
	padding: 5px 20px;
	border: 1px solid #990000;
	background: #eee url(images/special_bg.jpg) top left no-repeat;
	min-height:145px;
	color: #990000;
	font-weight:bold;
	text-align:justify;
	}
#errorDiv li {
	font-weight:normal;
	}
.errorField {
	border:1px dotted #ff0000;
	background-image:url(images/err.indicator.gif);
	background-position:center right;
	background-repeat:no-repeat;
	}