.hidden{
	display: none;
}

.information{
	color: green;
}

.error{
	color: red;
}

/****/

html{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	text-align: center;
}

#page{
	margin: 0;
	padding: 0;
	text-align: left;
}

#header{
	margin: 0;
	padding: 0;
}

#navigation, #content, #rightCol{
	vertical-align: top;
}

#navigation{
	width: 230px;
	background: #F4F5FF url(../_media/images/navigation.jpg) repeat-y right;
}

#rightCol{
	background: #F4F5FF url(../_media/images/right-col.jpg) repeat-y left;
	width: 100%;
}

#footer{
	height: 60px;
	margin: 0;
	padding: 0;
	font-size: 7pt;
	vertical-align: top;
}

/****/

body, textarea, input, address{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #444;
}

body{
	font-size: 8pt;
}

a{	
	color: #DC272D;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

ul{
	margin-top: 20px;
	margin-bottom: 20px;
}

li{
	margin-bottom: 10px;
	list-style: url(../_media/images/icon_list.jpg);
	margin-left: 20px;
}

address{
	font-style: normal;
	font-weight: bold;
	margin: 30px 0 30px 0;
}



table{
	
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

td{
	margin: 0;
	padding: 0;
}

/****/

h1{
	margin: 0;
	width: 260px;
	height: 100px;
	background: white; /*url(../_media/images/logo.jpg) no-repeat;*/
	background-position: 30px 20px;
}

#rightCol div{
	background-color: white;
	width: 100%;
	height: 100px;
}

/****/

#mainMenu{
	margin: 40px 0 0 30px;
	padding: 0;
	width: 200px;
	padding: 0;
	border-top: 1px #EC4225 dashed;
}

#mainMenu a, #mainMenu span.active{
	display: block;
	margin: 0 0 1px 0;
	height: 22px;
	width: 200px;
	background-position: 0 -44px;
	border-bottom: 1px #EC4225 dashed;
}

#mainMenu a{
	background-position: 0 -44px;
}

#mainMenu span.active{
	background-position: 0 0;
}

#loginText{
	padding: 10px 0 10px 0;
	font-size: 7pt;
}

#loginText a{
	display: inline;
}

#menu_index{
	background: url(../_media/images/menu_index.jpg) no-repeat;
}

#menu_nhs{
	background: url(../_media/images/menu_nhs.jpg) no-repeat;
}

#menu_theatre{
	background: url(../_media/images/menu_theatre.jpg) no-repeat;
}

#menu_older{
	background: url(../_media/images/menu_older.jpg) no-repeat;
}

#menu_bespoke{
	background: url(../_media/images/menu_bespoke.jpg) no-repeat;
}

#menu_current{
	background: url(../_media/images/menu_current.jpg) no-repeat;
}

#menu_recruitment{
	background: url(../_media/images/menu_recruitment.jpg) no-repeat;
}

#menu_about{
	background: url(../_media/images/menu_about.jpg) no-repeat;
}

#menu_contact{
	background: url(../_media/images/menu_contact.jpg) no-repeat;
}

#menu_admin{
	background: url(../_media/images/menu_admin.jpg) no-repeat;
}

#mainMenu a:hover{
	background-position: 0 -22px;
}

/****/

#heading{
	position: relative;
	margin: 40px 0 0 0;
	padding: 0;
	height: 272px;
	width: 500px;
	border-right: 1px #FDBA14 solid;
	border-left: 1px #FDF15B solid;
	background: url(../_media/images/header.jpg) no-repeat;
}

h2{
	margin: 0;
	padding: 0;
	position: relative;
	top: 233px;
	left: 98px;
	width: 305px;
	height: 35px;
}

#heading_index{
	background: url(../_media/images/heading_index.jpg) no-repeat;
}

#heading_nhs{
	background: url(../_media/images/heading_nhs.jpg) no-repeat;
}

#heading_theatre{
	background: url(../_media/images/heading_theatre.jpg) no-repeat;
}

#heading_older{
	background: url(../_media/images/heading_older.jpg) no-repeat;
}

#heading_bespoke{
	background: url(../_media/images/heading_bespoke.jpg) no-repeat;
}

#heading_current{
	background: url(../_media/images/heading_current.jpg) no-repeat;
}

#heading_recruitment{
	background: url(../_media/images/heading_recruitment.jpg) no-repeat;
}

#heading_about{
	background: url(../_media/images/heading_about.jpg) no-repeat;
}

#heading_contact{
	background: url(../_media/images/heading_contact.jpg) no-repeat;
}

#heading_admin{
	background: url(../_media/images/heading_admin.jpg) no-repeat;
}

/****/

#content{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FDBA14;
	width: 500px;
	border-right: 1px #FDBA14 solid;
	border-bottom: 1px #FDF15B solid;
	border-left: 1px #FDF15B solid;
	background: url(../_media/images/background.jpg) repeat-y;
}

#innerContent{
	width: 450px;
	margin: 0 auto 0 auto;
	padding-top: 20px;
	text-align: left;
}

/****/

h3{
	margin: 0 0 25px 0;
	padding: 0 0 5px 0;
	font-size: 10pt;
	border-bottom: 1px #E99C19 solid;
}

h4{
	font-size: 9pt;
	margin: 0 0 10px 0;
	padding: 0;
}

/***/

#content table{
	border-collapse: separate;
}

#content table td{
	padding: 5px;

}

#content table td.wide{
	width: 400px;
}

#content table tr.child{
	font-style: italic;
}

/****/

p{
	margin-bottom: 10px;
	text-align: left;
}

#content p.recruiting{
	margin-bottom: 300px
}

.contentBlock{
	clear: both;
	padding: 15px;
	margin-bottom: 40px;
	background-color: #FFFFA3;
	border: 1px #E99C19 solid;
}

/****/

.article{
	clear: both;
	padding: 15px;
	margin-bottom: 40px;
	background-color: #FFFFA3;
	border: 1px #E99C19 solid;
}

.subArticle, .innerBlock{
	padding: 20px 0 0 0;
	clear: both;
}

.subArticle .date, .article .date{
	font-size: 9pt;
}

.subArticle .info, .article .info{
	font-size: 7pt;
	margin: 10px 0 10px 0;
	font-style: italic;
	color: #444;
}

.subArticle .body, .article .body{
	margin: 20px auto 20px auto;
}

.subArticle .end, .article .end{
	clear: both;
}

/***/

.flagCaption{
	clear:both;
	text-align: center;
	background-color: #FFFFA3;
	border: 1px #E99C19 solid;
	padding: 15px;
	margin-bottom: 40px;
}

.flagCaption div{
	width: 350px;
	margin: 20px auto 50px auto;
}

.flagCaption img{
	float: left;
	margin-right: 10px;
}

.flagCaption p{
	font-size: 11pt;
	font-style: italic;
}

.quote{
	clear: both;
	font-style: italic;
}

/****/

img.left{
	float: left;
	margin:	0 15px 10px 0;
}

img.right{
	float: right;
	margin:	50px 25px 10px 0;
}

/****/


#footer p{
	text-align: left;
	margin: 5px 0 5px 0;
}

#footer p.top{
	margin-top: 10px;
}

#footer #logo_itc, #footer #logo_hospices{
	float: left;
	margin: 10px;
}

#logo_itc{
	width: 50px;
	height: 50px;
	background: url(../_media/images/logo_itc.jpg) no-repeat;
}

#logo_hospices{
	width: 117px;
	height: 50px;
	background: url(../_media/images/logo_hospices.jpg) no-repeat;
}


/****/

form table{
	margin: 10px 0 10px 0;
}

form td{
	vertical-align: top;
}

input.text, textarea, select{
	border: 1px #ccc solid;
}

input.text:hover, textarea:hover, select:hover{
	border: 1px #ddd solid;
}

td.submit{
	padding-top: 10px;
}

form tr.formInfo td, form .error{
	font-size: 7pt;
	padding: 5px 0 5px 0;
}

form tr.formInfo td{
	color: #999;
}