/* 

Kai Brach

brizk design (www.brizk.com)

*/



/* Basics ######################################################### */



html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 

	margin: 0; padding: 0; 

} 



html {

	background: #e2f2ff url(./_pix/bg-top.png) top center no-repeat;

}



body {

	text-align: center;

	font-family: Palatino, Georgia, serif;

	font-size: 14px;

	border: 0;

	color: #000;

	line-height: 21px;

}	



.wrap {

	margin: 16px auto;

	width: 908px;

	text-align:left;

}



#header {

	height: 164px;

/*	background: url(./_pix/shadow-header.png) 0 0 no-repeat; */

	padding: 4px;

	margin-bottom: 12px;

}



#header #logo {

	background: url(./_pix/logo.png) bottom no-repeat;

	height: 86px;

	clear: both;

}



#intro {

	background: url(./_pix/shadow-intro.png) 0 0 no-repeat;

	padding: 9px;

	height: 257px;

	margin-bottom: 12px;

}



#popular {

	background: url(./_pix/popular.jpg) 0 0 no-repeat;

	height: 257px;

	float: left;

	width: 260px;

	border-right: 5px solid #fff;

}



#welcome {

	background: #fff7dd url(./_pix/bg-welcome.jpg) right top no-repeat;

	width: 405px;

	float: right;

	height: 226px;

	padding: 16px 200px 15px 20px;

	color: #a8a08d;

	line-height: 23px;

	position: relative;

}



#left-col {

	width: 278px;

	float: left;

}



#right-col {

	width: 618px;

	float: right;

}



#left-col .box {

	background: url(./_pix/shadow-left.png) 0 0 repeat-y;

	padding: 0 4px;

}



#left-col .box-top {

	background: url(./_pix/shadow-left-top.png) center 0 no-repeat;

	height: 4px;

	font-size: 1px;

} 



#left-col .box-bottom {

	background: url(./_pix/shadow-left-bottom.png) center 0 no-repeat;

	height: 4px;

	font-size: 1px;

	margin-bottom: 16px;

} 



#right-col .top {

	background: url(./_pix/shadow-right-top.png) center 0 no-repeat;

	height: 4px;

	font-size: 1px;

} 



#right-col .bottom {

	background: url(./_pix/shadow-right-bottom.png) center 0 no-repeat;

	height: 4px;

	font-size: 1px;

	margin-bottom: 16px;

} 



#right-col .main {

	background: url(./_pix/shadow-right.png) center 0 repeat-y;

}



#right-col .main .content {

	padding: 25px 30px 30px 30px;

}	



#left-col #finder {
	background: #295478;
}

#right-col #finder {
	margin: 0 4px;
	padding: 5px 0;
	background: #295478;
    overflow:hidden;

}

#left-col #finder iframe {
	height: 230px;
	margin: 13px 20px 10px 23px;
	width: 230px;
	border: none;
}

#right-col #finder iframe {
	height: 105px;
	margin: 13px 0 10px 23px;
	width: 590px;
	overflow: hidden;
}




#left-col .linklist {

	background: #fff7dd;

	border: 5px solid #fff;

	

}



.topuni {

	padding: 15px 0;

	border-bottom: 1px dotted #b5c9d6;

}



.topuni div {

	float: right;

	width: 380px;

}



.content .text {

	padding: 15px 0 0 0;

}



#footer {

	border-top: #c1de98;

	border-top-style: double;

	padding: 15px 0;

	clear: both;

	text-align: center;

	display: block;

	overflow: hidden;

}



/* Headlines ######################################################### */		





h1, h2 {

	padding: 0;

	margin: 0;

	font-weight: normal;

}



h1 {

	padding: 0 0 15px 0;

	font-size: 25px;

	line-height: 30px;

}



.content h1 {

	color: #0b4d77;

	text-align: center;

	/*background: url(./_pix/bg-h1.gif) center center no-repeat;*/

	border-bottom: 1px solid #b5c9d6;

	padding-left:25px;
	padding-right: 25px;

}



h2 {

	text-align: center;

	font-size: 22px;

	line-height: 27px;

}



#popular h2 {

	color: #295478;

	padding: 18px 0 0 0;

}



#welcome h1 {

	color: #98814c;

}



#finder h2 {

	color: #d7edff;

	padding: 10px 10px 7px 10px;

	margin: 0 10px;

	border-bottom: 1px solid #5ca5d4;

}



#right-col #finder h2 {

	/*background: url(./_pix/bg-h2-finder.gif) center center no-repeat;*/

	font-size: 25px;

	padding-bottom: 15px;

}



.linklist h2 {

	color: #98814c;

	padding: 10px 10px 7px 10px;

	margin: 0 10px;

	border-bottom: 1px solid #91b9d2;

}



/* Links ######################################################### */	



a:link,  a:visited, a:active {color:#295478; text-decoration: none; outline: none}

a:hover {text-decoration: underline}





.linklist ul li a:link, .linklist ul li a:visited, .linklist ul li a:active {

	color: #629235;

}

.topuni a:link,  .topuni a:visited, .topuni a:active {color:#629235; text-decoration: none; outline: none}



#header #logo a {

	display: block;

	width: 310px;

	height: 112px;

	margin: 0 0 0 70px;

	text-indent: -1111em;	

}



#popular a {

	display: block;

	width: 210px;

	height: 70px;

	text-indent: -1111em;

	margin: 18px 0 0 23px;

}



a.button, a.button:link, a.button:active, a.button:visited {

	display: block;

	background: #78a64f;

	width: 200px;

	text-align: center;

	color: #fff;

	line-height: 1;

	font-size: 18px;

	padding: 5px 8px 6px 8px;

	border: 5px solid #c1de98;

	margin: 5px 0 0 0;

}



/* Fonts ######################################################### */



.font-grey {color:#878787;}



p {

	padding:0 0 15px 0;

}





/* Navigation ######################################################### */



#centeredmenu {

   float:left;

   width:100%;

   background: #d7edff url(./_pix/bg-nav.gif) 0 0 no-repeat;

   overflow:hidden;

   height: 47px;

   position:relative;

}



#centeredmenu ul {

   clear:left;

   float:left;

   list-style:none;

   margin:0;

   padding:0;

   position:relative;

   left:50%;

   text-align:center;

}



#centeredmenu ul li {

   display:block;

   float:left;

   list-style:none;

   margin:0;

   padding:0;

   position:relative;

   right:50%;

}



#centeredmenu ul li a {

   display:block;

   margin:0 0 0 1px;

   padding: 15px 25px 14px 25px;

   font-size: 18px;

   color:#d7edff;

   line-height:1;

}



#centeredmenu ul li a:hover {

	

}



#centeredmenu ul li a.active,

#centeredmenu ul li a.active:hover {

   color:#295478;

   background:#d7edff;

}



	

/* Images ######################################################### */	



img {

	border:0;

}



#welcome img {

	position: absolute;

	top: -14px;

	left: 400px;

}



.topuni img {

	float: left;

}

	

/* Tables ######################################################### */



	



/* Lists ######################################################### */



.linklist ul {

	margin: 0;

	padding: 10px;

	list-style-type: none;

}



.linklist ul li {

	padding: 2px 0 2px 24px;

	margin: 0;

	background: url(./_pix/bullet.gif) 0 7px no-repeat;

}





.content .text ul {

	margin: 0;

	padding: 0 0 15px 30px;

}

.content .text ol {

	margin: 0;

	padding: 0 0 15px 30px;

}	



/* Forms ######################################################### */



form {

	padding: 0;

	margin: 0;

}



		





/* Misc ######################################################### */		



.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

* html .clearfix             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */



.float-left {

	float:left;

}



.float-right {

	float:right;

}	



.clear {

	clear:both;

}	



.center {

	text-align:center;

}	


#welcome h1{
width:370px;
font-size:20px;

}

#welcome p{
width:370px;
}

#welcome .textwidget{
width:370px;
}

#welcome .textwidget p{
width:370px;
}


.alignleft{
  font-size:12px;
  margin-left:20px;
  float:left;
  width:200px;
}

.alignright{
  font-size:12px;
  margin-right:20px;
  text-align:right;
  float:right;
  width:200px;
}

.aligncenter{
  font-size:12px;
  margin:auto;
	
text-align:center;
  
  width:200px;
}

.alignleft a, .alignright a{
  color:#000;
}

.frontexcerpt{
border-bottom: #e2f2ff 1px solid; 
margin-bottom:25px;
}