body{
background-color: white;
background-image: url("i/bg-body.png");
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
font-family: Arial, Tahoma, sans-serif;
font-size: 1em;
color: #616264;
}

div.header{
width: 100%;
height: 161px;
float: left;
}

.shell-outer{
background-image: url("i/bg-shell-outer.png");
background-repeat: no-repeat;
background-position: top left;
width: 100%;
float: left;
}

.shell-inner{
background-image: url("i/bg-shell-inner.png");
background-repeat: no-repeat;
width: 100%;
float: left;
background-position: top right;
}

.footer-outer{
background-image: url("i/bg-footer-outer.png");
_background-image: url("i/bg-footer-outer.gif");
background-repeat: no-repeat;
background-position: top left;
width: 100%;
float: left;
height: 40px;
display: inline;
}

.footer-inner{
background-image: url("i/bg-footer-inner.png");
_background-image: url("i/bg-footer-inner.gif");
background-repeat: no-repeat;
width: 100%;
float: right;
background-position: top right;
height: 40px;
display: inline;
}

.tools{
width: 100%;
height: 40px;
float: left;
clear: both;
}

img.logo-ukipg{
float: left;
border: 0px;
display: inline;
}

img.header{
float: right;
}

.ml-wrapper{
margin-right: 4px;
margin-top: 9px;
float: right;
display: inline;
}



.members-loggedout input.field{
width: 89px;
color: black;
font-size: 75%;
border: none;
background-color: transparent;
color: white;}


.title{
color: white;
font-size: 75%;
margin-right: 6px;
display: inline;
}

.members-loggedout{
float: right;
background-image: url('i/bg-loggedout.png');
background-repeat: no-repeat;
background-position: right;
width: 420px;
height: 40px;
display: inline;

color: white;
margin-right: 40px;
}

.members-loggedout input.username{
margin-right: 11px;
margin-left: 8px;

}

.members-loggedout input.password{
margin-right: 7px;
display: inline;

}

.members-loggedout input.button{
border: none;
width: 34px;
background-color: transparent;
padding: 0px;
margin: 0px;
}



.search{
float: left;
clear: both;
margin-left: 1px;
height: 32px;
display: inline;
}
.search input.button{
border: 0px;
width: 40px;
background-color: transparent;
color: transparent;
}

.search input.field{
background-color: transparent;
border: 0px;
width: 141px;
color: white;
margin-left: 5px;
display:inline;
}

.search input.button{
position: absolute;
margin-left: 154px;
z-index: 8;
}

.search img.field{
position: absolute;
margin-top: -2px;
}

.search img.button{
margin-left: 160px;
margin-top: -2px;
position: absolute;
}

.search input.field{
position: absolute;
}

.main-nav{
float: left;
clear: both;
width: 100%;
display: inline;
height: 63px;
}
















.main-nav ul{
list-style: none;
margin: 0px;
padding: 0px;
margin-left: 43px;
margin-top: 4px;
}

.main-nav ul li{
float: left;
font-size: 80%;
margin-top: 10px;
display: inline;
}

.main-nav ul li.current{
background-image: url("i/bg-li.gif");
background-position: left;
background-repeat: no-repeat;
padding-left: 11px;
}

.main-nav ul li a{
color: white;
margin-right: 32px;
text-decoration: none;
}

.main-nav ul li a:hover{
text-decoration: underline;
}

.content-wrapper{
width: 100%;
float: left;
clear: both;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 75%;
}

.content-wrapper a{
color: #3fa395;
text-decoration: none;
}

.content-wrapper a:hover{
text-decoration: underline;
}

.left-column{
width: 180px;
float: left;
margin-left: 50px;
margin-right: 38px;
display: inline;
}


























.featured-right{
float: right;
width: 194px;
margin-left: 12px;
margin-bottom: 10px;
display: inline;
}

.feature-right{
float: right;
width: 194px;
background-image: url("i/bg-feature-top.png");
background-repeat: no-repeat;
background-position: top;
}

.content-wrapper .feature-right a{
color: white;
text-decoration: underline;
}

.feature-footer{
width: 194px;
height: 5px;
background-position: top;
background-image: url("i/bg-feature-footer.png");
}

.feature-content{
margin-left: 15px;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 18px;
color: white;
}

.content-wrapper .feature-content h1.initial, .content-wrapper .feature-content h2.initial{
color: white;
}

.right-column-wrapper{
overflow:auto;
float: left;
display: inline;
width: 100%;
}

.right-column{
margin-left: 268px;
margin-right: 51px;
}

.content-wrapper h1.initial{
font-size: 130%;
color: #2b6ea9;
font-weight: normal;
margin-top: 0px;
padding-top: 0px;
}

.content-wrapper h4{
font-weight: normal;
margin-bottom: -1.1em;
color: #3fa395;
}























.content-wrapper h1{
font-size: 130%;
font-weight: normal;
}

.copyright{
float: right;
margin-right: 51px;
margin-top: 10px;
font-size: 70%;
display: inline;
}

.copyright a{
color: #3fa395;
text-decoration: none;
} 


.footer-links ul{
margin: 0px;
margin-left: 51px;
margin-top: 10px;
padding: 0px;
list-style: none;
font-size: 70%;
float: left;
display: inline;
}

.footer-links li{
margin-right: 16px;
padding: 0px;
list-style: none;
float: left;
}

.footer-links li a{
text-decoration: none;
color: #3fa395;
}

.footer-links li a:hover{
text-decoration: underline;
}

.left-column hr{
height: 1px;
margin: 0px;
padding: 0px;
border: 0px;
border-top: 1px solid #e6e6e6;
}

.left-column h1{
color: #2b6ea9;
}

.left-column ul{
list-style: none;
margin: 0px;
padding: 0px;
}

.left-column ul li{
margin: 0px;
padding: 0px;
}

form{
margin: 0px;
padding: 0px;
}






















/**** calendar ****/

.cms-links{
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	height: 30px;
	/*position: absolute;
	bottom:-0px;*/
	left: 3%;
	padding:0px 10px 0px 0px;
	text-align: center;
	overflow:hidden;
}

.cms-links div.layout.tail{
	float: right;
	background-image: url("images/mainnav-li.png");
	background-repeat: no-repeat;
	background-position: right top;
	height: 33px;
	width: 2px;
	background-color: #ACD9F7;
}

.cms-links div.layout.left{
	background-image: url("/images/subnav-left.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 23px;
	height: 33px;
	float: left;
}

.cms-links ul {
	background-image: url("/images/subnav-right.png");
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0px;
	padding: 0 15px 0 0;
	padding-right:10px;
	text-align: center;
	height: 33px;
	float: left;
}

.cms-links ul li{
	float: left;
	list-style: none;
	/*margin-left: 5px;*/
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url("/images/mainnav-li.png");
	background-repeat: no-repeat;
	height: 29px;
}

.cms-links ul li a{
	margin-top: 10px;
	padding-top: 10px;
	color: #313A91;
	text-decoration: none;
}

.copyright a{
color: #3fa395;
text-decoration: none;
}

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

.cms-links a:hover{
	text-decoration: underline;
} 

#subnav li.active{
	background:url(/images/subnav-li-highlight.png) top left transparent repeat-x;
	
}


table{
	border:none;
	background-color:#fefefe;
	border-collapse:collapse;
	width:100%;
}

td{	
	padding:5px;
/*	background:#ffffff;*/
	border: 1px solid #A7CDE8;
}
th{
	text-align:left;
	padding:5px;
/*	background-color:#ffffff;*/
	border: 1px solid #A7CDE8;
}


table.diary-month, table.diary-week, table.diary-day{
	border:none;
	border-collapse:collapse;
	width:100%;
}

table td.month-title{
	color:#4A4631;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:5px;	
	border: 1px solid #A7CDE8;
}

table td.day, td.day{	
	padding:5px;
/*	background:#F4FBFF;*/
	border: 1px solid #A7CDE8;
}


table th.date, th.time, th.day{
	border:none;
	padding:5px;
/*	background-color:#ffffff;*/
	border-right: 1px solid #A7CDE8;
	border-left: 1px solid #A7CDE8;
}

table th.date{
	border: 1px solid #A7CDE8;
	width: 100px;
	border-top: 1px solid #A7CDE8;
}

table td.date, td.time{
/*	background-color:#fefefe !important;*/
	padding:5px;
	border-right: 1px solid #A7CDE8;
	border-left: 1px solid #A7CDE8;
/*	border-bottom: 1px solid #A7CDE8;*/
}

table th.time{
	border-bottom: 1px solid #A7CDE8;
}

td.date, a.date{
	border:none;
}



li.SRC-blue{
	border-style:solid;
	border-width: 1px 1px 1px 1em;
	padding:5px;
	margin:-5px 0px -5px 0px;
	color: #333399;
}



table.diary-month td.date ul{
list-style: none;
padding: 0em;
margin: 0em;
}


th.date a{
	float:left
}

th.today-date{
	background-color: #dae4ee !important;
}

th.date a.SRC-blue {
	border:1px solid #A7CDE8;
	font-size:smaller;
	margin:0pt 0pt 0pt 0.5em;
	padding:1pt 1px;
	text-decoration:none;
	float:right;
	color:#A7CDE8;
}



/*** filter for calendar ***/

fieldset{
	border: 1px solid #A7CDE8;
}

fieldset label.filter{
	margin: 5px 0;
	width: 6em;
}


fieldset select, fieldset input{
	margin:5px 0;
}

.messages{
clear: both;
border: 1px solid #A7CDE8;
margin-bottom: 5px;
/*float: left;
display: inline;
margin-left: 100px;
font-size: 80%;
font-weight: bold;
color: red;*/
}

.messages ul.error{
}

div.status{
float: right;
color: white;
font-size: 80%;
padding-top: 10px;
display: inline;
margin-right: 40px;
}

.register{
float: left;
color: white;
padding-top: 9px;
display: inline;
margin-left:40px;
}

.tabcontent li{
margin: 0px;
padding: 0px;
list-style: none;
}

.tabcontent{
margin-bottom: 10px;
}









 


.calendar-links{
	font-size: 60%;
	font-weight: bold;
	text-transform: uppercase;
	height: 30px;
	/*position: absolute;
	bottom:-0px;*/
	left: 3%;
	padding:0px 10px 0px 0px;
	text-align: center;
	overflow:hidden;
}

.calendar-links div.layout.tail{
	float: right;
	background-image: url("i/mainnav-li.png");
	background-repeat: no-repeat;
	background-position: right top;
	height: 33px;
	width: 2px;
	background-color: #ACD9F7;
display: none;
}

.calendar-links div.layout.left{
	background-image: url("i/subnav-left.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 23px;
	height: 33px;
	float: left;
}

.calendar-links ul {
	background-image: url("i/subnav-right.png");
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0px;
	padding: 0 15px 0 0;
	padding-right:10px;
	text-align: center;
	height: 33px;
	float: left;
}

.calendar-links ul li {
background-image:url(i/mainnav-li.png);
background-repeat:no-repeat;
float:left;
height:29px;
padding-left:8px;
padding-right:8px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


.calendar-links ul li a {
color:#3FA395;
display:block;
font-size:10px;
padding:11px 5px;
text-decoration:none;
}

.calendar-links a:hover{
	text-decoration: underline;
} 

div.tabs {
border-bottom: 1px solid #8AC1E6;
font-size: 80%;
height: 23px;
border: 1px none #E7E098;
margin-left: 1px;
padding: 0px;
width:100%;
}

div.tabs a {
white-space:nowrap;
display: block;
float: left;
text-transform: uppercase;
padding: 0.6em 3em 0.6em 2em;
text-decoration: none;
background-color: #AFD2EA; /*----customisable----*/
color: #4A4631;
margin-top:0em;
border-left: 1px solid #8AC1E6;
border-top: 1px solid #8AC1E6;
border-right: 1px solid #8AC1E6;
}

div.tabs a.active {
background-color: #FFFFFF; /*----customisable----*/
color: #4A4631;
font-weight: bold;
margin-top: 0em;
padding: 0.6em 3em 0.6em 2em;
border-right: 1px solid #8AC1E6;
border-left: 1px solid #8AC1E6;
border-top: 1px solid #8AC1E6;
border-bottom: none;
}
div.tabs a.active:hover {
text-decoration: none;
}
div.tabs a:visited {
color: #4A4631; 
}
div.tabcontent {
background-color: #EEF9FF;
text-align: left;
clear:left
}
/*div.tabcontent:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}*/


blockquote{
	border-left: 2px solid #ccc;
	padding: 3px;
	margin: 0.5em 0em 0.5em 0.5em;
}


.cal-event-text{
	text-align: center;
}

.cal-event-time{
	font-weight: bold;
	color: #333399;
	margin-bottom:5px;
	text-align: left; 
}