/* Css document by Juraj Michelik - MLWebmedia.com | 2008 */

/* ------------------------ LAYOUT -----------------*/

* {
 padding: 0;
 margin: 0;
}

body {
 font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
 color: #333;
 font-size: 14px;
 background-color: rgb(120,161,66);
}

#wrapper {
 width: 960px;
 margin: 0 auto;
}

#border {
 margin: 10px 0px 0px 0px;
 background-color: white;
 min-height: 600px;
 float: right;
 width: 960px;
 border: 1px #665 solid;
 background: url(images/bg_border.jpg) repeat-y;
}
* html #border {height:600px} /* IE Min-Height Hack */ 

#header {
 height:108px;
  width: 960px;
 float:left;
 background: url(images/bg_header.jpg) no-repeat;
}

#logo {
 height:73px;
 width: 221px;
 float: left;
 margin-left: 190px;
 margin-top: 5px; 
 background: url(images/logo-ds.gif) no-repeat;
 display: inline;
}

#slogan {
 float: right;
 margin-right: 250px;
 margin-top: 25px; 
 text-align: right;
  display: inline;
}

#footer {
 font-size: 10px;
 display: block;
 color: black;
 clear: both;
 text-align:left;
 background-color: #d2e963;
 padding: 2px 5px;
}
* html #footer {height:20px} /* IE Min-Height Hack */ 


#markers {
	float: right;
	padding: 2px 0px 0px 2px; 
}




/* ------------------------ COLUMNS -----------------*/

#leftcolumn { /* Parent Wrapper for inside boxes */
 display: inline; /* IE Hack */
 width: 190px;
 float: left;
 min-height: 500px;
 margin: 0px 0px 10px 0px;

}
* html #leftcolumn {height:500px} /* IE Min-Height Hack */

#news {

	margin-top: 7px;
}

#maincolumn {
 margin: 10px 0px 10px 10px;
 display: inline; /* IE Hack */
 width: 470px;
 float: left;
 min-height: 500px;
/* background: url(images/bg_main.jpg) no-repeat right top;*/
}
* html #maincolumn {height:500px} /* IE Min-Height Hack */ 

#rightcolumn {
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 width: 280px;
 float: right;
 min-height: 500px;
 background: url("images/bg_right.jpg") no-repeat;
}
* html #rightcolumn {height:500px} /* IE Min-Height Hack */ 



/* ------------------------ CONTENTS -----------------*/
.leftcontent { /* Parent Wrapper for inside boxes */
 min-height: 30px;
 margin-bottom: 10px; 
 padding: 10px 10px;
}
* html .leftcontent {height:30px} /* IE Min-Height Hack */

.maincontent {
 width: 100%;
 display: inline; /* IE Hack */
float: left;
padding-bottom: 20px;
}

.rightcontent {
 min-height: 30px;
 padding: 10px 10px 10px 0px;
 width: 270px;
 display: inline; /* IE Hack */
 float: left;
}
* html .rightcontent {height:30px} /* IE Min-Height Hack */

#newscontent {
	float: right;
	display: inline;
	margin-left: 20px;
	margin-bottom: 20px;
}

.bannersright {
 padding: 1px 15px;
 margin:  0;
 display: inline; /* IE Hack */
 float: left;
}

.bannersleft {
 padding: 5px 10px ;
 display: inline; /* IE Hack */
 float: left;
 width: 170px;
}

.div clearer {
	clear:both;
}

/* ------------------------ MENUBAR -----------------*/
#topmenu {
 padding-top:88px;
 padding-left: 15px;
}

a.pilier:link, a.pilier:visited {
 float: left;
	font-family: Impact, Impact, Charcoal, sans-serif;
	font-size: 16px;
	color: white;
	text-decoration: none;
	padding-left:46px;
	padding-right: 90px;
}

a.pilier:hover {
	color: #ccc;
	text-decoration: none;
}

a.pilier.active:link, a.pilier.active:visited {
	color: #ccc;
}

/* ------------------------ TOOLBAR -----------------*/

#toolbar {
	float: left;
	width: 770px;
	height: 26px;
	display: inline;
    background: url(images/bg_toolbar.gif) repeat-x ;
}

a.tool:link, a.tool:visited, span.tool a, span.tool a:visited{
	float: right;
	margin-top:4px;
	margin-right: 20px;
	height: 20px;
	text-align: right;
	color: black;
	text-decoration: none;
	font-size: 80%;
}

a.tool:hover, span.tool a:hover   {
	color: orange;
	text-decoration: none;
}



/* ------------------------- TEXT STYLES ---------------------*/

h1, h1 strong {
 font-size: 21px;
 font-weight:bold;
 font-style:normal;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 color: rgb(255,135,0);
 text-decoration: none;
 margin-bottom: 20px;
}



h2 {
 font-size: 1em;
 font-weight:bold;
 font-style:normal;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 color: rgb(255,135,0);
 padding-top: 2em;
 padding-bottom: 1em;

}

h3, caption {
 font-size: 1em;
 font-weight:bold;
 font-style:normal;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 padding-top: 1em;
 padding-bottom: 0;
}

p {
	text-align: justify;
	padding-bottom: 5px;
}

.align-left {text-align: left}
.align-center {text-align: center}
.align-right {text-align: right}


.maincontent li, .rightcontent li, .news-list-item li, .news-single-item li  {
	margin-left: 3em;
}

.maincontent p, .maincontent li, .rightcontent li {
	margin-bottom: 5px;
}

#breadcrump p {
	text-align: right;
	font-size: 80%;
	padding-bottom: 10px;
}


#newscontent h1 {
 font-size: 14px;
 color: black;
 font-weight:bold;
 font-style:normal;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 0px;
 margin-bottom: 0px;
 padding-left: 2px;
 width: 152px;
 background: #aaa;
}

.leftcontent h1, .rightcontent h1 {
 font-size: 14px;
 font-weight:bold;
 font-style:normal;
 color: rgb(54,89,25);
 text-decoration: none;
 padding-left: 10px;
 padding-right: 30px;
 height: 19px;
 background: url(images/bg_h1.gif) right no-repeat;
 margin-bottom: 0px;
 border: none;
 float:left;
}

/*
.leftcontent h2, .rightcontent h2 {
 font-size: 12px;
 font-weight:normal;
 font-style:normal;
 color: rgb(54,89,25);
 text-decoration: none;
 padding-left: 10px;
 padding-right: 0px;
 margin-bottom: 10px;
 border: none;
}*/

.leftcontent h3, .rightcontent h3 {
 font-size: 12px;
 font-weight:normal;
 font-style:normal;
 padding-top: 3px;
 padding-bottom: 2px;
 padding-left: 6px;
}



.leftcontent p, .rightcontent p {
	font-size: 12px;
	padding-left: 6px;
}

.rightcontent p {
 color: #000;
}
/*
.leftcontent li, .rightcontent li {
	margin-left: 25px;
	margin-bottom: 5px;
	font-size: 12px;
}*/

.csc-frame-frame1 {
	padding: 10px 30px;
	background: #ddd;
	font-size: 90%;
}


blockquote {font-size: 80%;border-top: solid 1px black; }


/* ------------------------- LINK STYLES ---------------------*/

a:link, .leftcontent a:link, .maincontent a:link, .rightcontent a:link {
 text-decoration: underline;
 color: #772;
}

a:visited, .leftcontent a:visited, .maincontent a:visited, .rightcontent a:visited {
 text-decoration: underline;
 color: #772;
}


a:hover,.leftcontent a:hover, .maincontent a:hover, .rightcontent a:hover {
 text-decoration: underline;
 color: #999;
}



h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {
 color: rgb(255,135,0);
 text-decoration: none;
}

h1 a:hover, h2 a:hover  {
 text-decoration: underline;
}

a:link img {
	opacity: 1;
	border: none;
}


/*
a:visited img {
	padding: 1px;
	opacity:.40;
	border: none;
}
*/
a:hover img {
	padding: 0px;
	opacity: .60;
}


/* ------------------------ IMAGES STYLES -----------------*/
img {
 display: inline;
 border: none;
 margin: 4px; 
}
img.block {
 display: block;
}
img.float {
 float: left;
 margin: 0px 14px 10px 0px;
}

dl.csc-textpic-image {
		display: inline; 
		margin: 2px 10px 0px 0px;
}

/* ------------------------- Tables styles ---------------------*/

table.contenttable {

	border-collapse: collapse; 
	margin: 10px auto 10px auto;
	background-color: #cfcfcf;
}

table.contenttable td {
	font-size: 12px;
	border-style: solid; 
	border-width: 1px;
	border-color: #fff; 
	padding: 2px 3px 2px 3px;
}