/* Minification failed. Returning unminified contents.
(36,1): run-time error CSS1019: Unexpected token, found '}'
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    color: #006750;
}

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ========== Page Layout ========== */

/*
Colour palette:
100%: R0   G103 B80		#006750
 80%: R51  G133 B115	#338573
 60%: R102 G164 B150	#66A496
 40%: R153 G194 B185	#99C2B9
 20%: R204 G225 B220	#CCE1DC
*/

.clear {
	clear: both;
	float: none;
	height: 1;
}

.screen-reader {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

body {
    background: #F0F0F0;
    width: 1024px;
    margin: 0 auto;
    font-family: Calibri,Verdana,Geneva,Arial,sans-serif;
}


#page {
	background: #FFFFFF;
	border: 2px solid #006750; /* 100% */
	border-top: none;
	padding: 0 10px 10px;
}

/* ========== Header ========== */

#header {
	color: #006750; /* 100% */
	font-size: xx-large;
	font-weight: bold;
	background: url("wiltshire-council-logo-2011.gif") no-repeat right;
	padding-top: 10px;
	height: 50px;
}

/* ========== Navigation ========== */

#nav {
	background: #006750; /* 100% */
	border: 2px solid #006750; /* 100% */
	color: #FFFFFF;
	margin: 0 -10px 1.5ex;
	padding: 4px 0 2px;
	font-weight: bold;
	font-size: 16px;
}

#nav li {
	display: inline;
}

#nav a {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0 2.5px;
	padding: 0 5px;
}

#nav a:focus,
#nav a:hover {
	background: #FFFFFF;
	color: #006750; /* 100% */
}

/* ========== Search  ========== */

div#search-bar {
	float: right;
	margin: -2px 8px 0 0;
}

#search-bar input {
    border: none;
    font-size: 14px;
    padding: 1px 2px 2px;
    width: 210px;
	margin: 2px 0 0;
}

/* ========== Article ========== */

h2, h3, h4 {
	color: #006750; /* 100% */
	font-weight: bold;
	margin: 1.5ex 0 1ex;
}

h2 {
	font-size: x-large;
	margin: 0 0 1ex;
}

h3 { font-size: large; }
h4 { font-size: normal; }

p  { margin: 0 0 1ex; }

strong { font-weight: bold; }
em { font-style: italic; }

small { font-size: small; }
big { font-size: large; }

/* TODO:
h5, h6,
address, cite,
img, 
*/

/* ol ul li */
ol, ul {
	display: block;
	margin: 1ex 0;
	padding-left: 1em;
}
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
li { display: list-item; }

/* dl dt dd */
dl {
	display: block;
	margin: 1ex 0;
}

dt {
	display: block;
	font-weight: bold;
}

dd { margin-left: 2em; }


/* a */
a {
	color: #0000EE;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
}

a:visited {
	color: #800080;
}

a:active,
a:hover {
	color: #EE0000;
	background-color: #c7d1d6;
}

/* del, ins */
del {
	color: #EE0000;
	text-decoration: line-through;
}

ins {
	color: #00EE00;
	text-decoration: underline;
}

/* sup, sub */
sup {
    vertical-align: super;
    font-size: smaller;
}

sub {
	vertical-align: sub;
	font-size: smaller;
} 

/* dfn, abbr */
dfn { font-style: italic; }
abbr { border-bottom-style: dotted; }

/* Program code: code, samp, kbd, var */
code,
samp { font-family: monospace; }
kbd { font-style: italic; }
var { font-weight: bold; }

pre {
	display: block;
	white-space: pre;
}

/* ========== Table ========== */

table {
	border: 1px solid #338573; /* 80% */
	width: auto;
	margin: 1.5ex 0;
}

caption {
	color: #006750; /* 100% */
	font-weight: bold;
	margin: 0 0 1ex;
	text-align: left;
}

thead {
	background: #338573; /* 80% */
	color: #FFFFFF;
	font-weight: bold;
	font-size: large;
}

tr.odd { }
tr.even { 
	background: #CCE1DC; /* 20% */
}

th, td { padding: 1ex 0.5em; }
th { text-align: left; }

/* ========== Forms ========== */

.mandatory {
	color: #FF0000;
	font-weight: bold;
}

fieldset {
    border: 1px solid #338573; /* 80% */
    display: block;
    margin: 0 0 1ex;
    padding: 1ex 0.5em;
}

legend {
    background: #338573; /* 80% */
    color: #ffffff;
    font-weight: bold;
    margin: 0 -0.55em 1px;
    padding: 0.3ex 0.5em 0.6ex;
}

form .row {
    clear: both;
    margin: 0 0 1ex;
    vertical-align: top;
}

form .label {
    float: left;
    margin: 2px 0 1ex;
    padding: 0 0.5em 0 0;
    text-align: right;
    width: 35%;
}
form .labelaction {
    float: left;
    margin: 2px 0 1ex;
    padding: 0 0.5em 0 0;
    text-align: left;
    width: 35%;
}

form .element {
	float: right;
	width: 64%;
	margin: 3px 0;
    word-wrap:break-word
}

form .item {
	border: 1px solid #888888;
	background: #F0F0F0;
	font-family: Calibri,Verdana,Geneva,Arial,sans-serif;
	font-size: 14px;
}

form .item:focus {
	border: 1px solid #006750; /* 100% */
	background: #FFFFFF;
}

form .actioncheckbox{
    margin-left:47px;
}

textarea,
input[type=text],
input[type=file] {
	width: 30em;
}

form .button {
	font-family: Calibri,Verdana,Geneva,Arial,sans-serif;
	font-size: 14px;
}

form .error {
	background: #ffeeee;
	border: 1px solid #ff0000;
	padding: 2px 4px;
	margin: 4px 0 0;
	display: inline-block; /* block */
}

/*
Colour palette:
100%: R0   G103 B80		#006750
 80%: R51  G133 B115	#338573
 60%: R102 G164 B150	#66A496
 40%: R153 G194 B185	#99C2B9
 20%: R204 G225 B220	#CCE1DC
*/

/* ========== Footer ========== */

#footer {
	color: #666666;
	margin-top: 5px;
}

/* ========== Menu Bar ========== */

#nav {
	padding: 4px 0;
}
div#menu-bar {
	margin: 0 0 2px 2px;
	float: left;
}
div#tool-bar {
	margin: 0 2px 2px 0;
	float: right;
}
.menu-bar img {
	margin: 0 0 -2px 0;
}
.menu-bar { }
.menu-bar ul {
	list-style: outside;
	background: #006750;
	color: #ffffff;
	-height: 32px;
	padding: 2px 0 2px 5px;
	margin: 0;
}

.menu-bar li {
	-border-right: 2px solid #ffffff;
	float: left;
	margin: 0;
	-padding: 8px 0;
}

.menu-bar a:hover,
.menu-bar a:focus {
	background: #ffffff;
	border: 2px solid #006750;
	color: #006750;
	-padding: 3px 8px 4px;
}

.menu-bar .has-menu {
	cursor: pointer;
	padding: 3px 8px 4px;
	position: relative;
}
.menu-bar .has-menu:hover{
	color: #006750;
	background: #ffffff;
}
.menu-bar .menu {
	height: 0;
	width: 0;
	position: relative;
	left: -4px;
	top: 8px;
}
.menu-bar .menu ul {
	width: 100px;
	height: auto;
	padding: 0 0 4px;
	border: 2px solid #ffffff;
	border-width: 2px 4px 4px;
	display: none;
}
.menu-bar .menu li {
	border: none;
	float: none;
}
#nav .menu span,
#nav .menu a {
	padding: 4px 8px;
	margin: 0;
	display: block;
	border: 2px solid #006750;
}

/* ========== Pagination ========== */

.pagination .prev,
.pagination .next,
.pagination .page {
	background: #CCE1DC;	/* 20% */
	border: #006750;		/* 100% */
}

.pagination .current {
	background: #006750;	/* 100% */
	border: #006750;		/* 100% */
	color: #FFFFFF;
}

.pagination a,
.pagination span {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0.3em 0.5em;
	text-decoration: none;
	color: #000000;
}

.pagination .page {
	min-width: 1em;
	text-align: center;
}

.pagination a:hover {
	background: #006750;	/* 100% */
	color: #FFFFFF;
}