article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Structure */
#wrapper {
	width: 100%;
	max-width: 976px;
	margin: auto;
	padding: 0;
}

.cons {
	color: #0087DC;
	font-weight:bold;
}
.lab {
	color: #DC241f;
	font-weight:bold;
}
.lib {
	color: #FDBB30;
	font-weight:bold;
}
.green {
	color: #6AB023;
	font-weight:bold;
}
.ukip {
	color: #722889;
	font-weight:bold;
}


/* column container */
.colmask {
	position: relative; /* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%; /* width of whole page */
	overflow: hidden; /* This chops off any overhanging divs */
	background-color: #fff;
	padding: 0 10px 0 0px;
}

hr {
	border: 0 solid #ccc;
	border-top-width: 1px;
	clear: both;
	height: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
h1, h2, h3 {
	font-family: 'Roboto Slab', serif;
}
h1 {
	color: #722889;
	font-size: 36px;
	text-align: center;
}
h2 {
	color: #722889;
	font-size: 20px;
	padding-bottom: 5px;
}
h4 {
	color: #722889;
	font-size: 14pt;
	padding-bottom: 5px;
	font-weight:bold;
}
.secdate {
	color: #000000;
	padding-right:10px;
}
.redalert {
	font-family: 'Roboto Slab', serif;
	color: #ee0000;
	font-size: 20px;
	text-align:center;
	font-weight:bold;
}
.col1, .col2, .col1b, .col2b, .col50, .head12, .head15, .head19, .head67, .head24, .head76 {
	float: left;
	position: relative;
	overflow: hidden;
}
/* 2 Column settings */
.head15 {
	width: 15%;
	text-align:center;
	vertical-align:middle;
	padding-top:40px;
}
.head19 {
	width: 19%;
	padding-top:50px;
}
.head12 {
	width: 12%;
	padding:20px 0 0 10px;
	text-align:center;
	vertical-align:middle;
}
.head67 {
	width: 67%;
}
.head24 {
	width: 24%;
	padding: 20px 0 0 10px;
	text-align:center;
	vertical-align:middle;
}
.head76 {
	width: 76%;
	padding-right:10px;
}

.col1 {
	width: 24%;
	padding: 20px 0 0 10px;
}
.col2 {
	width: 75%;
	padding-right:10px;
}
.col1b {
	width: 32%;
	padding: 20px 0 0 10px;
}
.col2b {
	width: 66%;
	padding-right:10px;
}
.col50 {
	width: 50%;
	padding-right:10px;
}
.section-top {
    background-color: #722889;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.section-top h1 {
	color: #ffffff;
}
.pagestyle {
	background-color: #FFFFdd;
	border: 1px solid #999900;
	padding: 20px 20px 30px 20px;
}
.smaller {
	font-size:10pt;
	color:#999900;
}
.branch_ring {
	border-radius: 15px;
	background-color: #eeeeee;
	font-size: 10pt;
	padding: 2px 10px 2px 10px;
	border: 3px solid #cccccc;
	text-decoration: none;
	margin-bottom:3px;
	margin-right:5px;
}
.cons_ring {
	border-radius: 15px;
	background-color: #f6f6f6;
	font-size: 10pt;
	padding: 2px 10px 8px 10px;
	border: 2px solid #cccccc;
	text-decoration: none;
	margin-bottom:3px;
	width:auto;
}

.band {
    background-color: #722889;
    height: 5px;
    width: auto;
}

.roundal, .roundal2 {
	padding: 15px, 5px, 0, 15px;
	text-align: center;
	vertical-align: middle;
}
.editarea {
	background-color: #ffddcc;
	border: 1px solid red;
	width: 100%;
	text-align: left;
	padding: 0 50px 0 20px;
}
.artblock {
	margin-bottom:20px;
}
.artblockHide {
	background-color:#888888;
}
.Hide {
	background-color:#888888;
}
figure  {
	margin: 0 0 13px 15px;
	float:right;
	border:1px solid black;
	text-align:center;
}
figcaption {
	padding: 5px;
	font-size: 1em;
	border: none;
	background: transparent;
	word-wrap:normal;
	text-align:center;
	font-style:italic;
}
.ukiplistb {
	list-style-position: outside;
	list-style-type: disc;
	padding-left:30px;
	margin-left:30px;
	background-color:#ffffcc;
}
.ukiplistb li {
	color:#660000;
}
.addthis_sharing_toolbox {
	padding: 7px 0 5px 0;
	text-align:center;
}

/* Top Menu */
.botborder {
	border-bottom: 3px solid #722889;
}
#ukiplongmenu ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style-type: none;
}
#ukiplongmenu li {
	float:left;
	margin: 3px 5px 0 0;
	font-size:13px;
}
#ukiplongmenu .menu {
	background-color: #722889;
	display: inline-block;
	padding: 4px 12px 4px 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	font-family: 'Roboto Slab', serif;
}
#ukiplongmenu .menu a:link,
#ukiplongmenu .menu a:visited {
	color: #FFF;
	text-decoration: none;
}
#ukiplongmenu .menu a:hover {
	background-color: #F1E830;
	color: #722889;
}
#ukiplongmenu .menu {
}
#ukiplongmenu .admin {
	background-color: #ffddcc;
	border: 1px solid red;
	display: inline-block;
	padding: 4px 12px 4px 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	font-family: 'Roboto Slab', serif;
}
#ukiplongmenu .admin a:link,
#ukiplongmenu .admin a:visited {
	text-decoration: underline;
}
#ukiplongmenu .admin a:hover {
	text-decoration: none;
}

/* Large Menu */
#ukiplargemenu ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style-type: none;
}
#ukiplargemenu li {
	float:left;
	margin: 0 5px 0 0;
	font-size:18px;
}
#ukiplargemenu .menu a {
	display: inline-block;
	color: #FFF;
	padding: 4px 12px 4px 8px;
	text-decoration: none;
	background-color: #722889;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	font-family: 'Roboto Slab', serif;
	border: 3px solid #722889;
}
#ukiplargemenu menu.a:hover {
	background-color: #F1E830;
	color: #722889;
}
#ukiplargemenu .sel {
	display: block;
	background-color: #F1E830;
	color: #722889;
	padding: 4px 12px 4px 8px;
	text-decoration: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	font-family: 'Roboto Slab', serif;
	border: 3px solid #722889;
}
#ukiplargemenu .sel a {
	text-decoration: none;
}

/* Side Menu */
#ukipmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#ukipmenu li {
	margin: 0 0 7px 0;
	font-size:13px;
}

#ukipmenu .menu a {
	display: block;
	color: #FFF;
	padding: 4px 12px 4px 8px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	background-color: #722889;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	font-family: 'Roboto Slab', serif;
}
#ukipmenu .admin a {
	display: block;
	padding: 4px 12px 4px 8px;
	text-decoration: none;
	background-color: #ffddcc;
	border: 1px solid red;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	font-family: 'Roboto Slab', serif;
}
#ukipmenu .lmarg {
	margin-left:20px;
}
#ukipmenu a:hover {
	background-color: #F1E830;
	color: #722889;
}
.selmenu {
	display: block;
	background-color: #F1E830;
	color: #722889;
	padding: 4px 12px 4px 8px;
	text-decoration: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	font-family: 'Roboto Slab', serif;

}


#ukipmenu li li a {
	display: block;
	color: #FFF;
	background-color: #69C;
	padding: 3px 12px 3px 8px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
/* Side Menu - END */

#lowermenu {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#lowermenu li {
	display: inline;
	margin: 0;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	padding: 10px;
	font-size:10pt;
}

.footer-bottom {
	text-align: center;
}

.conname {
	position: absolute;
	font-size: 12pt;
	background-color: #ffffff;
	line-height: 1.35;
	overflow: hidden;
	white-space: nowrap;
	padding: .2em .5em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #722889;
	text-shadow: 0 0 15px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 8px #722889;
	box-shadow: 0 0 8px #722889;
}
.conname a:link, .conname a:visited {
	color: #722889;
}
.cbold {
	font-weight: bold;
}
.sm {
	font-size: 8pt;
}
.sm10 {
	font-size: 10pt;
}
.imprint {
	font-size: 8pt;
	color:#666666;
	text-align:center;
}

.bizcard {
	width: 420px;
	max-width: 420px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #ffffff;
	border: 1px solid #888888;
	-webkit-box-shadow: 7px 7px 5px 0px #888888;
	box-shadow: 7px 7px 5px 0px #888888;
	margin-top:15px;
	padding: 12px 4px 12px 15px !important;
}
.bizcard td {
	vertical-align:top;
}
.bizcardlogo {
	width:80px;
}
.bizcard img {
	padding-right:10px;
	float: left;
}
.bizcardgrey {
	color: #888888;
}

.wardtable {
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
	margin: 0 auto; /* table align (center) */
}
.wardtable td {
	border-bottom:2px solid #D8CEF6;
}
.ukiphold {
	background-color:#722889;
	color:#ffffff;
	padding:0px 4px 0px 4px;
}
.fblog {
	border: 3px solid #BDBDBD;
    border-radius: 4px;
    padding: 5px;
    margin-bottom:10px;
}
.ftitle {
	font-size:12pt;
	font-weight:bold;
	font-family: "Roboto Slab",serif;
	background-color:#ffffaa;
}
.fsnip {
	font-size:10pt;
	color:#000000;
}
.fauth {
	font-size:9pt;
	font-style:italic;
	color:#722889;
}
.pdfbox {
	float:right;
	padding:20px 20px 20px 20px;
	border:1px solid #722889;
	text-align:center;
	background-color:#ffffcc;
}

/* iPhone */
@media screen and (max-width: 570px) {

	body {
		background: #ffffff;
	}
	h1 {
		font-size: 26px;
		line-height:1.4em;
	}
	h2 {
		font-size: 18px;
		line-height:1.2em;
	}
	.wide-only {
		display:none;
	}
	.colmask {
		margin: 0;
		width:98%;
		padding: 0;

	}
	.col1, .col1b, .col2, .col2b {
		position: static;
		float: left;
		clear: left;
		margin: 0;
		width: 100%;
		padding: 10px 0 10px 10px;
	}
	.head1 {
		position: static;
		margin: 0;
		width: 25%;
	}
	.head2 {
		width:74%;
		float: left;
		clear: left;
		padding-left: 10px;
	}
	.roundal2 {
		padding-top: 0px !important;
		padding-right: 5px !important;
	}
	.pagestyle {
		background-color: #ffffcc;
		border: 0 solid #999900;
		padding-right: 10px;
		padding-left: 10px;
	}
	.botborder {
		border-bottom: 0px solid #ffffff;
	}
	#ukiplongmenu {
		position: static;
		float: left;
		clear: left;
		margin: 0;
		width: 100%;
		padding: 0 0 10px 10px;
	}
	#ukiplongmenu .menu {
		padding: 4px 12px 4px 8px;
	}
	#ukiplongmenu li {
		float:none;
		font-size:14pt;
		margin: 0 3px 5px 0;
	}
	#ukiplongmenu .selmenu {
		float:none;
		display: inline-block;
		font-family: "Roboto Slab",serif;
		padding: 4px 12px 4px 8px;
	}
		
	#ukipmenu li {
		font-size:14pt;
		margin: 0 1px 5px 0;
	}
	#lowermenu li {
		display:inline;
		float:left;
		width:45%;
		margin: 0 auto;
		padding:10px 0px 10px 0px;
	}
	.bizcard {
		width: 88%;
		max-width: none;
		margin:0 auto;
	}
}

/* iPhone */
@media screen and (max-width: 320px) {

	#ukiplongmenu .menu {
		padding: 2px 2px 2px 10px;
	}
	#ukiplongmenu li {
		width:100%;
	}
	#ukiplongmenu .selmenu {
		padding: 2px 2px 2px 10px;
	}
}

.bbLine {
	width:100%;
	clear:both;
	font-size: 10pt;
	color: #444444;
	padding:2px 0 2px 0;
	box-sizing: border-box;
}
.bbLarge {
	width:100%;
	clear:both;
	font-size: 14pt;
	color: #444444;
	padding:2px 0 2px 0;
	box-sizing: border-box;
}
.bbBorder {
	border-bottom: #C7D9EB 1px solid;
}
.bbPadded {
	padding:2px 0 2px 50px;
}
.bbSection {
	border-bottom: #C7D9EB 1px solid;
	font-size: 14pt;
	font-weight: normal;
	color: #0aa0d8;
}
.bb15pc {
	width: 15%;
	display: inline-block;
	text-align:center;
	vertical-align:top;
}
.bb50pc {
	width: 49%;
	display: inline-block;
}
.bb40pc {
	width: 39%;
	display: inline-block;
}
.bb60pc {
	width: 59%;
	display: inline-block;
}
.bb30pc {
	width: 29%;
	display: inline-block;
}
.bb70pc {
	width: 69%;
	display: inline-block;
}

.leaflet {
	background-color: #eeeeee;
	border: 1px solid #999900;
	padding: 20px 20px 30px 20px;
}

.leaflet h1 {
    font-family: Helvetica;
    color: #444444;
    text-align: left !important;
    line-height:0.95em;
}
.leaflet h2 {
    font-family: Helvetica, Arial;
    color: #555555;
    border-bottom: 3px solid #555555;
    padding-bottom: 10px;
    font-size:20pt;
    margin-bottom: 20px;
}
.leaflet h3 {
    font-family: Helvetica, Arial;
    color: #555555;
    font-size:16pt;
}
.p1, .p1c {
    color: #666666;
    font-size: medium;
    font-weight: bold;
}
.p2, .p2c {
    font-size: medium;
    font-weight: normal;
    color: #800080;
}

.p1c, .p2c {
	overflow: hidden;
    width: 50%;
	padding:10px 10px 5px 0;
	border-bottom: 1px solid #aaaaaa;
	vertical-align: top;
}