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

body { padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.8em; background: #fff; color: #454545; }

/* links */
a { color: #003B6E; background: inherit; }
a:hover { color: #9EC068; background: inherit; }	

/* headings */
h1 {
	margin: 0;
	font-size: 11px;
}
h2 {
	margin: 0;
	padding: 0;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
}
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }
.title { color: #808080; background: #fff; }

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }

/* content holder */
#content { margin: 10px auto; width: 960px; }

/* header */
#header {
	height: 65px;
	background:#fff repeat-x 0px 0px
}
#logo { padding: 0px 0 0 0px; font-size:25px }
#logo p { margin: 0; padding: 0 0 0 0px; color: #808080;}
#top_info { float: right; width: 500px; margin: 60px 5px 0 0; text-align: right; }
a{
	text-decoration:none;
	color: #039;
}
/* horizontal tabbed menu */	
#tabs {
	background: url(images/bigbox2.gif) no-repeat top left;
	height: 64px;
	text-align: center;
	padding-top: 0;
	padding-right: 270px;
	padding-bottom: 0;
	padding-left: 272px;
}
#tabs li {
	display: inline;
	height: 45px;
}
#tabs li a { float: left; background: url(images/barbg.gif) no-repeat; color: #808080; padding: 5px 0; width: 82px; text-align: center; font-weight: bold; text-decoration: none; }
#tabs li a:hover { background: url(images/barcurrent.gif) no-repeat; color: #000; }	
#tabs li a.current { background: url(images/barcurrent.gif) no-repeat; color: #2C71AE; }	
.key { text-decoration: underline; }


/* grey subheader */
.gboxtop {
	clear: both;
	color: #000;
	margin-top: 2px;
	border-bottom-style: dotted;
	margin-left: 5px;
	margin-right: 5px;
}


/* left side */
.left {
	float: left;
	width: 645px;
	border-left-style: double;
	border-right-style: double;
	margin-left: 5px;
}
	.left_articles {
	text-align: justify;
	border-bottom: 1px dotted #ccc;
	color: #000;
	background: #fff;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	}
.left1 { float: left; width: 650px; margin: 0 0 10px 0;height:1270px;}
	.left_articles1 {
		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		border-bottom: 1px dotted #ccc;
		color: #000;
		background: #fff;
	}
	.calendar { height: 50px; float: left; background: #fff url(images/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}
	.calendar p { padding: 0; margin: 0; }
	.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }
	.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }


/* bottom thirds */
.thirds { float: left; width: 203px; background: #eee; margin: 0 10px 0 0; color: #5d5d5d; }
	.smallboxtop { height: 14px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }

	
/* right side */
#right {
	float: right;
	width: 295px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
	.boxtop { height: 19px; background: #fff url(images/boxtop.gif) no-repeat; color: #000; }
	.box { background: #fff url(images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 10px 0; }
	.box p { padding: 0; margin: 0;}
	.boxtop1 { height: 19px; background: #fff url(images/boxtop1.gif) no-repeat; color: #000; }
	.box1 { background: #fff url(images/box2.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 10px 10px; margin: 0 0 0px 0; }
	.box1 p { padding: 0; margin: 0;}
	
	.image { float: left; margin: 0 9px 3px 0; }
.HH{ color: #003B6E; font-size: 1.4em;}
/* footer  */
.footer {
	clear: both;
	text-align: center;
	line-height: 1.8em;
	border-top: 1px solid #ccc;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#col UL#category {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#col UL#category LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #e0e8fa 1px solid
}
#col UL#category LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 22px; BACKGROUND: url(images/ico_archive.gif) no-repeat 5px 6px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-DECORATION: none
}
#col UL#category LI A:hover {
	COLOR: #192666; BACKGROUND-COLOR: #d3dff8
}
#col UL#category LI#category-active A {
	FONT-WEIGHT: bold; BACKGROUND: url(images/ico_archive2.gif) #e0e8fa no-repeat 5px 50%
}
#col UL#category LI a.current { BACKGROUND: url(images/ico_archive2.gif) #e0e8fa no-repeat 5px 50%; color: #2C71AE; }	
IMG {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
.S1 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
.tab2 { list-style:none; height:23px; background:url(images/tab_bg.gif) repeat-x bottom; padding-left:5px; margin-right:22px; margin-bottom:20px;}
.tab2 li { float:left; font-size:12px; line-height:23px; background:url(images/tab_off_bg.gif) repeat-x;}
.tab2 li .wrap01 { float:left; height:23px; background:url(images/tab_off_left.gif) no-repeat left;}
.tab2 li .wrap02 { float:left; height:23px; background:url(images/tab_off_right.gif) no-repeat right;}
.tab2 li a { color:#616b7b; padding:0 10px;}
.tab2 li a:hover { color:#20b3ef;}
.tab2 li a:hover { text-decoration:none;}
.tab2 li.tab_on { background:url(images/tab_off_bg.gif) repeat-x;}
.tab2 li.tab_on .wrap01 { background:url(images/tab_on_left.gif) no-repeat left;}
.tab2 li.tab_on .wrap02 { background:url(images/tab_on_right.gif) no-repeat right;}
.tab2 li.tab_on a { color:#20b3ef;}
.rightlogo  {
	float: left;
	margin-left: 5px;
	padding-top: 5px;
    width: 240px;
	height: 60px;
}
.leftlogo{
	float: right;
	height: 60px;
	width: 468px;
	padding-top: 5px;
	
}