/* ============================================= Body ============================================*/
body {
	 font-family:verdana;
	 font-size:12px;
	 background:url('http://www.childrensmapping.org.uk/images/bg.gif') repeat-x #214675;
	 margin:0;
	 padding:0;
	 color:#214675;
}

/* ============================================= Text styles =====================================*/

h1 {
	 
	 font-size:20px;
	 margin:0.3em 0 0.1em;
	 padding:0 0 0.4em;
font-weight:normal;
}

h2 {
	 font-size:20px;
	 margin:0.2em 0 0 0.2em;
	 font-weight:normal;
	 padding:0 0 0.3em;
}

h3 {
font-size:15px;	 
font-size:100%;
	 margin:0.5em 0 0 0;
font-weight:normal;
}

h4 {
	 margin:1em 0 0 0;
	 font-size:100%;
}

p {
	 margin:0 0 1em 0;
}

a:link {
	 color:#214675;
}

/* ============================================= Main wrapper ======================================*/

#wrapper {
	 width:96%;
	 margin:0 auto 0 auto;
	 background:white;
}

/* ============================================= Header area ========================================
	Container for the logo etc.
	---------------------------------------------------------------------------------------------------*/

#header {
	 height:80px;
position:relative;
}

#header img {
margin-top:15px;
}

#search {
position:absolute;
top:10px;
right:0px;
}

#search input {
margin-bottom:2px;
float:left;
clear:left;
}

/* ============================================= Main wrapper =======================================
	Container for the Nav and Content Divs
	---------------------------------------------------------------------------------------------------*/
#main {
	 display:inline-block;
width:100%;
background:white;
margin:0;
padding:20px 0 20px 12px;
line-height:1.75em;
}

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

	---------------------------------------------------------------------------------------------------*/

#nav {
position:relative;
	 padding-top:3px;
	 background:#214675;
}

#tabs ul {
	 margin:0;
	 padding:0;
	 list-style:none;
	 display:inline-block;
}

#tabs li {
	 float: left;
	 display: block;
	 margin: 3px 0 0 0;
	 color: black;
	 -moz-border-radius-topleft:5px;
	 -moz-border-radius-topright:5px;
	 -webkit-border-top-left-radius:5px;
	 -webkit-border-top-right-radius:5px;
	 background-color:#386caf;
	 text-decoration: none;
}

#tabs a,
#tabs a:link,
#tabs a:visited {
	 color:#fff;
	 /*  color:#214478; */
	 display:block;
	 padding: 6px 13px;

	 text-decoration: none;
}

#tabs > ul a {width:auto;}

#tabs a:hover {
	 color:#333;
}

#tabs li.tab_selected a,
#tabs li a:hover
{
	 color:#000;
}

#tabs li:hover,
#tabs li.tab_selected,
h1.mainheader {
	 background-color: #fff;

}



/* ======================== Three columns ================================= */

#column1 {
float:left;
width:14em;
margin-right:10px;
}

#column2 {
margin-left:16em;
margin-right:20em;

}

#column3 {
position:relative;
float:right;
width:18em;

}


/* ============================================= Page Content =======================================

	---------------------------------------------------------------------------------------------------*/

#content {
margin:10px 30px 20px 17em;
	 line-height:1.75em;
}


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

	---------------------------------------------------------------------------------------------------*/

.new {
float:right;
 color:#fff;
 font-weight:bold;
background:#214675;
padding:3px 10px;
margin-bottom:5px;
font-size:15px;
}

.row1 {

}

tr.row2 td, th {
background:#d5d9df;
}

table {
padding:10px;
background:#e5e9ef;
border:solid 1px #afbccd;
font-size:12px;
font-weight:normal;
}

th {
text-align:left;
 width:10em;
}

th,td {
margin:3px;
padding:4px;
}

thead th {
 width:auto;
}

/*
td {
background:#ecf0f6;
}
*/

table.sortable thead tr .header {
	background-image: url('/service.mapping/password/conman_new/images/trbg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.sortable thead tr .headerSortUp {
	background-image: url('/service.mapping/password/conman_new/images/asc.gif');
}
table.sortable thead tr .headerSortDown {
	background-image: url('/service.mapping/password/conman_new/images/desc.gif');
}


input,textarea {
 border:solid 1px #a7a7a7;
		  margin-right:5px;
}


#subnav{
	width: 170px; /*width of menu*/
/*
	 border-style: solid solid none solid;
	border-color: #c4dAa4;
	border-size: 1px;
	border-width: 1px;
*/
	}

#subnav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
#subnav li a, #subnav li#selected_nav{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	 display: block;
	 background:#dff9e3;
	 border-style:none solid solid solid;
	 border-width:1px;
	 border-color:#bce0c2;
	 	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
#subnav li a:link, #subnav li a:visited {
	color: #5E7830;
}

#subnav li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}

#subnav li.nav_item a.selected {
	color: #26370A;
	background-position: 100% -32px;
}
	
#subnav li a.selected{
	color: #26370A;
	background-position: 100% -64px;
}

#subnav div {
margin:0;
	 padding:0.3em 0.5em;
	 font-size:11px;
	 font-weight:bold;
	 background:#bce0c2;
}


#search {
position:absolute;
top:0;
right:0;
}

.entry-content img {
float:right;
margin:0 0 20px 20px;
}

.item {
padding:0.25em 0;
margin:0.25em 0 0.5em 0;
}

.item h2 {
line-height:0.75em;
	 margin:0;
}

.item h2 a {
	 color:#136d3d;
text-decoration:none;
}

.item p.meta {
font-style:italic;
margin:0 0 0.75em 0;	
	 font-size:11px;
}