@charset UTF-8;
/***********************************************/
/* lattys_navigation.css
    13.03.2009 M. Latty                        */
/***********************************************/

#pageNav{
	float: left;
	width: 185px;
	text-align:center;
	padding:5px 0px 5px 0px;
}

.box{background:url(images/box_middle.jpg) repeat-y 0 0; width:180px;
			text-align:center;
			font-size:small;
			margin:0 4px 5px 3px;
			padding:0;
}
.box_top{background:url(images/box_top.jpg) no-repeat top left; height:8px;
}
.box_bottom{background:url(images/box_bottom.jpg) no-repeat top left;height:10px;
/* Overflow needed for IE6 */
			overflow:hidden;}
.box h2{background: url(images/box_heading_background.jpg) repeat-x 0 0;
		border-bottom:1px solid #0066FF;
		margin:0px 4px 0px 3px; 
		padding:0px 5px 1px 5px;
}
.box a{text-decoration:none;}
.box img{padding: 5px 0px 5px 0px;
		margin: 0px auto 0px auto;
		display:block;
		border:0;}
.box strong, p{padding:0px 10px 0px 10px; margin:0;}

/* Special settings for the menus within the boxes */
.box_menu a{
	margin: 0px 4px 0px 3px;
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	color: #21536A;
	text-align:left;
}

.box_menu a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

.box_menu h3{
	padding: 0;
	font-size:115%;
	color: #21536A;
}