/* CSS for grid, canvas */
#grid {
	position: relative;
	top: 0;
	left: 0;
	border: 0;
}

#canvas {
	position: relative;
	top: 0;
	left: 0;
	border: 0;
}

.fw {
	position: absolute;
	border: 0;
	z-index: auto;
	vertical-align: top;
}

td {
	font-size: .8em; color: #000000; font-family: arial, helvetica, verdana;
}

.pop_top {
	background-image: url('../images/pop_top.gif');
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.pop_container {
	background-image: url('../images/pop_bg.gif');
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 173px;
}

.pop_img {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100px;
	height: 100px;
}

.pop_info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 0 0 100px;
	padding: 0 0 0 10px;
	width: 95%;
}

.pop_name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.pop_item {
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
}

.pop_seperator {
	margin: 0 0 0 0;
	padding: 1px 0 1px 0;
	border-bottom: 1px #CCCCCC solid;
	width: 180px;
}

.pop_bottom {
	background-image: url('../images/pop_bottom.gif');
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 20px
}


/* 
	project:  internet corporation
	author:   luka cvrk (www.solucija.com) 
*/


body { 
	font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 1.6em;
	background: #fff url(../images/bg.gif) repeat-x; 
	color: #444; 
}

a {	color: #68A3B5; background: inherit; text-decoration: none; }
a:hover { color: green; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font: bold 1.7em Arial, Sans-Serif;  margin: 20px 0 0; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }

#content { width: 900px; margin: 0 auto 0 53px; }
#content2 { width: 90%; border: 2px double #ccc; margin: 0 auto 0 auto; }

#logo { margin: 10px 0 0 0; height: 66px; width: 240px; float: left; background: url(../images/logobg.gif) no-repeat bottom; text-align: center;}

#menu { float: right; padding: 40px 0 0; margin: 5px 20px 0; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { padding: 30px 15px 0px 0; margin: 0 0 0 50px; color: #ccc; background: #505050 url(../images/tab.gif) no-repeat right bottom;  }
#menu li a:hover { background: #505050 url(../images/tabhover.gif) no-repeat right bottom; color: #FEFFB8; }

#intro { 
	clear: both;
	background: #fff url(../images/intro.jpg) repeat-x;
	color: #4C8734;
	height: 170px;
	margin: 0 0 20px 0;
	padding: 45px 60px 10px 0;
	text-align: right;
}
#intro h1 { margin: 0; }
#intro p { margin: 0; }

#login { font-size: .9em; margin: 62px 0 0; }
#login a { color: #fff; background: #8BE1FA; padding: 4px 20px 6px;}
#login a:hover { color: #fff; background: #8BE1FA url(../images/loginhover.gif) no-repeat; }

#left { clear: left; float: left; width: 320px; padding: 0 0 0 10px; font-size: .9em; margin: 0 0 15px; }
#leftmenu { list-style: none; margin: 0 0 20px 0; }
#leftmenu li { padding: 0 0 0 12px; background: #fff url(../images/bullet.gif) no-repeat center left; color: #46852F; }
#leftmenu li a { background: #EAFFE3; color: #46852F; }

#right {
	margin: 0 15px 20px 15px;
	padding: 0 0 0 15px;
	border-left: 2px solid #ccc;
	float: left;
	width: 510px;
	text-align: left;
}

#middle {
	/*margin: 0 15px 20px 0;
	padding: 0 0 0 35px;
	float: right;*/
	float: left;
	width: 880px;
	text-align: justify;
}

#formleft { 
	width: 400px; 
	padding: 0 0 0 120px; 
	margin: 0 0 0 30px; 
	font-size: 1.2em; 
	text-align: left;
}

#formmiddle { 
	width: 20px; 
	padding: 0 5px 0 5px; 
	margin: 0 5px 0 5px; 
	font-size: 1.2em; 
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	text-align: justify;
}

#formright {
	width: 400px;
	margin: 0 15px 0 0;
	padding: 0 0 0 10px;
	text-align: left;
}



#notice { padding: 12px 14px 1px; background: #f4f4f4 url(../images/noticebg.gif) no-repeat bottom right; color: #808080; }
#left a, #right a { /*background: #EFFCFF; color: #317486;*/ }

#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }

#footer { clear: both; border-top: 0px solid #ccc; font-size: .9em; color: #808080; background: #fff; }
#footer a { color: #4CA031; background: #fff; }
#col1 { float: left; width: 20%; margin: 0 0 20px; padding: 2px 0 0 0; text-align:center; }
#col2 { float: right; width: 100%; text-align:center; }
#col3 { float: right; width: 25%; border-left: 1px solid #ccc; padding: 2px 0 0 0; text-align:center; }

#center { width: 800px; margin: 0 auto 0 110px;  }