/* 
	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.6em; background: #c0c0c0; color: #454545; }

/* links */
	

/* headings */
h1 { font: bold 2.5em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; }
h2 { font: bold 16px Arial, Sans-Serif; margin: 0; padding: 0; color:#2e4977 }
h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h2 a:hover { color: #2b2b2b; background: #FFF; }
h1 a:hover { color: #2b2b2b; background: #FFF; }
.title { color: #808080; background: #fff; }

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none;vertical-align:bottom; }
form { margin: 0; }
input.search { width: 279px; border: none; background: #fff url(../image/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }

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

/* header */
#header { height: 75px; }
#logo { padding: 15px 0 0 8px; }
#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }
#top_info { float: right; width: 570px; margin: 20px 5px 0 0; text-align: right; }

/* horizontal tabbed menu */	
.breadcrumb{
font: bold 12px "Trebuchet MS", Verdana, Helvetica, sans-serif; padding:0px; margin:0px
}

.breadcrumb a{
background: transparent url(breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: blue;
}

.breadcrumb a:active{
color: blue;
}

.breadcrumb a:visited{
color: blue;
}

.breadcrumb a:hover{
text-decoration: underline;
}


/* search form */
#search { 
	float: left;
	clear: both;
	color: #000;
	background: #fff url(../image/searchbg.gif) no-repeat;
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 5px 0 0 0;
}
	#search p { padding: 0; margin: 0; }


/* grey subheader */
.gboxtop { clear: both; height: 8px; background: #dedede url(../image/gboxtop.gif) no-repeat; color: #000; }
.gbox { background: #dedede url(../image/gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 20px 0; }
.gbox p { padding: 7px 0; margin: 0;}

.center{ float:left; width: 580px; margin: 0 10px 10px 0; }
.center2{ float:left; width: 570px; margin: 0 10px 10px 0; }
.center1{ float:left; width: 700px; margin: 0 10px 10px 0; }
.center_articles {
		margin: 10px 20px 15px 10px;
		padding: 4px 0 0 0;
		text-align: justify;
		border-bottom: 1px dotted #ccc;
		color: #000;
		background: #fff;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size:12px;
	}

/* left side */
.left1 { float: left; width: 120px; margin: 0 10px 10px 0; }
.left2 { float: left; width: 150px; margin: 0 10px 20px 0; }
ul 
{  
  margin-top: 0px;
  margin-left: 20px;
  padding-left:2px; 
  padding-top:4px;
 color:black;
   font-size:11px;
   line-height:20px
}
ul.anchorNavList
{  
    margin-top: 0px;
  margin-left: 20px;
  padding-top:2px;
  font-family:Trebuchet MS;
  font-size:12px;
  list-style-type:square;
  padding-left:5px;
  text-align:left;
}
ul.anchorNavList a
{  
  font-size:12px;
	color:black;
	text-decoration:underline;
}
.left4 { float: left; width: 700px; margin: 0 10px 10px 0; padding-left:6px }

.left { float: left; width: 700px; margin: 0 10px 10px 0; }

	.left_articles {
		margin: 10px 20px 15px 10px;
		padding: 4px 0 0 0;
		text-align: justify;
		border-bottom: 1px dotted #ccc;
		color: #000;
		background: #fff;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size:12px;
	}
	
	.calendar { height: 50px; float: left; background: #fff url(../image/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}
	.calendar p { padding: 0; margin: 0; }
	ottom: 1px dotted #ccc; color:#2e4977 }
	.description1 { padding: 4px; margin: 0 4px 5px 0; border-bottom: 1px dotted #ccc; color:#2e4977;font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; border-right:0 }
	.description1 { padding: 4px; margin: 0 2px 2px 0; border-bottom: 1px dotted #ccc; color:#2e4977;font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; border-right:0; height:40px; border-right:none }
		.description2 { padding: 4px; height:85px; padding-left:50px; background-image:url('introbg.gif'); background-repeat:no-repeat; margin: 0 2px 2px 0; border-bottom: 1px dotted #ccc; color:#2e4977;font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; border-right:0 }
.description3 { padding: 4px; height:85px; padding-left:50px; background-image:url('blog - Copy.jpg'); background-repeat:no-repeat; margin: 0 2px 2px 0; border-bottom: 1px dotted #ccc; color:#2e4977;font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; border-right:0 }

	.thumbnail { float: left; margin: 0 4px 4px 0; border: 1px solid #dedede; }
	.thumbnailnb { float: left; margin: 0 18px 8px 0; border: 0px solid #dedede; }

.content UL.navTabs {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 26px
}
.content UL.navTabs LI {
	color:white;padding-right: 0px; PADDING-LEFT: 0px; BACKGROUND-color: #000000; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 26px
}
.content UL.navTabs LI A {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-color: #000000; FLOAT: left; HEIGHT: 26px; TEXT-DECORATION: none
}
.content UL.navTabs LI A SPAN.tabLeft {
	DISPLAY: block; BACKGROUND-color: #000000;  FLOAT: left; CURSOR: pointer; HEIGHT: 26px
}
.content UL.navTabs LI A SPAN.tabRight {
	DISPLAY: block; BACKGROUND-color: #000000;  FLOAT: left; CURSOR: pointer; HEIGHT: 26px
}
.content UL.navTabs LI A SPAN.tabRight SPAN {
	PADDING-RIGHT: 16px; DISPLAY: block; PADDING-LEFT: 19px; PADDING-BOTTOM: 0px; CURSOR: pointer; PADDING-TOP: 4px
}
.content UL.navTabs LI A:hover {
	BACKGROUND-color: #e7e7e7;  COLOR: #696971
}
UL.listing3 {
	PADDING-BOTTOM: 12px
}
UL.listing3 LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(/sites/all/themes/springcm/images/bullet3.gif) no-repeat 0px 6px; PADDING-BOTTOM: 2px; PADDING-TOP: 0px
}
UL.listing4 {
	PADDING-BOTTOM: 12px
}
UL.listing4 LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(/sites/all/themes/springcm/images/bullet3.gif) no-repeat 0px 6px; PADDING-BOTTOM: 20px; PADDING-TOP: 0px
}

/* bottom thirds */
.thirds { font-family: "Trebuchet MS", Arial, sans-serif;background: #fff url('bg.jpg') repeat-x;
		font-size:12px;float: left; width: 203px;  height:200px; margin: 6px; color: #000; border-top: 2px solid #314972; border-bottom: 1px solid #314972;
}
	.smallboxtop { height: 20px; font-family: "Trebuchet MS", Arial, sans-serif;
		font-size:12px;background: #fff url('bg.jpg') repeat-x; 
color: #000; }
	.smallbox { font-family: "Trebuchet MS", Arial, sans-serif;
		font-size:12px;background: url('bg.jpg') repeat-x ; 
color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }

/* resource thirds */
.resthirds { float: left; width: 700px; background: #eee; margin: 0 6px 0 0; color: #000; }
	.ressmallboxtop { height: 30px; background: #fff url(../image/boxtop.gif) no-repeat; color: #000; }
	.ressmallbox { background: #fff url(../image/box.gif) no-repeat bottom left; color: #444; padding: 1px 5px 5px 5px;  }
	.ressmallbox p { padding: 0; margin: 0; }
	
		
/* right side */
#right {
	float: right;
	width: 220px;
	margin: 0 0 2px 0;
}
#right1 {
	float: right;
	width: 220px;
	margin: 0 0 2px 0;
}
	
	.boxtop { height: 26px; background: #fff url('topbox.gif') no-repeat ; 
color: #000;font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; }
	.boxtop1 { background: #fff url('topbox1.gif') no-repeat; height: 16px;  
color: #5b5b5b; padding:0px; margin:0px;
}

	.boxsquare{ border: 1px solid; border-color:314972; font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px;
	 }
	.box { background: #fff url('boxbtm.gif') no-repeat left bottom; 
color: #5b5b5b; padding-left:2px; margin:0px;
}
	.box p { padding: 0; margin: 0;border-right: 1px solid; border-color:314972;}
	.image { float: left; margin: 0 9px 3px 0; }


/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #488EB2 url(../image/bluebtn.gif) no-repeat; width: 200px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(../image/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn:hover { background: #488EB2 url(../image/hoverbtn.gif) no-repeat; color: #fff; }

.bluebtn:hover { background: #488EB2 url(../image/hoverbtn.gif) no-repeat; color: #fff; }

/* footer  */
.footer { clear: both; width:100%;text-align: left; background-color:000000; color:white; line-height: 1.8em; padding:0; border-top: 0px solid #ccc; }

td {
	border: 0px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555;
	vertical-align:bottom;
}

th {
	border: 0px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555;
}

table {
	border: 0px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555;
}

caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

.int_colortabs {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #304972 scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 100%; 
	PADDING-TOP: 0px; 
	voice-family: inherit;
	vertical-align:bottom;
	
}
.int_colortabs UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 2px 0px 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none;
	color:fff;
	vertical-align:bottom;
}
.int_colortabs LI {
	PADDING-RIGHT: 0px; 
	DISPLAY: inline; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 2px 0px 0px; 
	TEXT-TRANSFORM: uppercase; 
	text-align: center;
	PADDING-TOP: 0px;
	color:white;
	vertical-align:bottom;
}
.int_colortabs A {
	padding: 0px;
BACKGROUND: #000 url('btn.jpg') no-repeat ; 
		height: 34px; 
		width:75px;
	FLOAT: left; 
	MARGIN: 0px 1px 0px 0px; 
	FONT: 10px "Trebuchet MS", Arial, sans-serif; 
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	outline: none;
	text-align:center;
	vertical-align:bottom;
}
.int_colortabs A SPAN {
	PADDING-RIGHT: 8px; 
	DISPLAY: block; 
	PADDING-LEFT: 4px; 
	BACKGROUND: url('btn.jpg') no-repeat; 
FLOAT: left; 
PADDING-BOTTOM: 3px; 
PADDING-TOP: 1px; 
outline: none
}
.int_colortabs A SPAN {
	FLOAT: none; outline: none
}
.int_colortabs A:hover {
	COLOR: #ffffff; BACKGROUND: url('btn_hover.jpg') no-repeat  ;
	padding:0px
}
.int_colortabs A:hover SPAN {
	COLOR: #ffffff; BACKGROUND:  url('btn_hover.jpg') no-repeat ;
}
.int_colortabs A.current {
	COLOR: #27416d; background-color: #314972;text-decoration: none; 

}
#int_colortabs A.current SPAN {
	COLOR: #27416d; background-color: #314972; text-decoration: underline;
 
}
.int_colortabsline {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 100%; LINE-HEIGHT: 8px; PADDING-TOP: 0px; HEIGHT: 8px; color:white;
}
.int_tabcontainer {
	CLEAR: left; FONT-WEIGHT: normal; FONT-SIZE: 60%; MARGIN: 4px 0px 0px; TEXT-TRANSFORM: capitalize; WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 1.5em; outline: none
}
.int_tabcontainer SPAN {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.int_tabcontainer A {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.int_tabcontainer A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.int_tabcontainer A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.int_tabcontainer A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}
.int_tabcontent {
	DISPLAY: none
}
.more {
	FONT-SIZE: 12px; COLOR: #ff7d07; FONT-FAMILY: "Trebuchet MS", Arial, sans-serif;TEXT-DECORATION: underline

}
.more A {
	FONT-SIZE: 12px; COLOR: #f6821f; FONT-FAMILY: "Trebuchet MS", Arial, sans-serif; TEXT-DECORATION: underline
}
.more A:visited {
	FONT-SIZE: 12px; COLOR: #f6821f; FONT-FAMILY: "Trebuchet MS", Arial, sans-serif; TEXT-DECORATION: underline
}
.more A:active {
	FONT-SIZE: 12px; COLOR: #f6821f; FONT-FAMILY: "Trebuchet MS", Arial, sans-serif; TEXT-DECORATION: underline
}
.more A:hover {
	TEXT-DECORATION: none; color:#f6821f
}
.style1 {
	text-align: right;
}
.style2 {
	background-color: #7496d1;
}
.style3 {
	clear: both;
	width: 100%;
	text-align: left;
	background-color: 000000;
	color: white;
	line-height: 1.8em;
	padding: 0;
	border-top: 0px solid #ccc;
	font-size: x-small;
}
.style4 {
	margin-left: 8px;
}
.style8 {
	float: left;
	width: 720px;
	margin: 0 10px 20px 0;
	text-align: left;
}
.style9 {
	color: #314972;
}
.style10 {
	margin-top: 6px;
	margin-bottom: 8px;
	padding-left:4px;
}
.style11 {
	font-size: medium;
}
.style12 {
	vertical-align: sub;
}
.style13 {
	font-size: 10pt;
}
.style14 {
	float: left;
	margin: 0 2px 8px 0;
	border: 1px solid #dedede;
	vertical-align: text-top;
}
.style15 {
	font-size: 16pt;
}
.style16 {
	padding: 0 0 2px 0;
	margin: 0 10px 5px 0;
	border-bottom: 1px dotted #ccc;
	color: #2e4977;
	font-size: 14pt;
	font-family: Arial;
}
.style21 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}