@charset "utf-8";
/*---------basic syling---------*/
* {
	padding:0;
	margin: 0;
	}
	
body {
	background-color: #FCFae2;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 85%;
	}
#wrapper {
	position:relative;
	background: #fcfae2 url(Images/sidebar_bg.gif) repeat-y;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	}


.clear {
	clear:both;
	}
	
/* ----------------- header styles ---------------*/
#header {
	position: relative;
	height: 123px;
	background-color: #B9121B;
	background-image: url(Images/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header h1 {
	margin-left: -9000px;
}
#header #LogoImage {
	position:absolute;
	top: 1px;
	right: 0;
	width: 200px;
	height: 141px;
	background-image: url(Images/care_fee_logo.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
/*-- main navigation styles --*/

#header ul {
	margin: 0;
	padding: 0;
	position:absolute;
	left: 0;
	bottom: 0;
	width:720px;
	list-style: none;
	background:url(Images/menu_bg.gif) repeat-x top left;
	
	}
#header ul li {
	float:left;
	}
#header ul a {
	padding:0 1.2em;
	font-size:14px;
	line-height:1.5em;
	text-decoration:none;
	color:#fff;
	float:left;
	display:block;
	background:url(Images/menu_sep.gif) no-repeat left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#header ul a.first{
	background:none;
	}
#header ul a:hover{
	color:#F6E497;
	}

/* --------------------- content styles ------------------------ */
#content{
	float:left;
	width: 620px;
	padding: 0px;
	}
	
/* -- current area styles -- */
#current {
	width: 615px;
	background: #d8c296;
	margin:0 1.2em 3em;
	background: url(Images/current_bg.gif) repeat-y;
	margin-top: 20px;
	}
#current h1{
	font: 1.2em/1.4em "Trebuchet MS", Helvetica, sans-serif;
	text-transform:uppercase;
	color: #561216;
	padding:0.5em 0 0.5em 1.2em;
	
	}
#current h2{
	font-size:1.6em;
	color:#561216;
	text-transform: uppercase;
	background:url(Images/current_top_bg.gif) no-repeat top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	padding-left: 10px;
	}
#current img{
	float:left;
	padding-left:1.2em;
	padding-right:0.5em;
	}
#current p{
	margin: 1.2em 0;
	padding: 0 1.5em;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	color: #383243;
	}
#current a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	color: #990000;
}

#current p.last{
	background:url(Images/current_btm_bg.gif) no-repeat bottom left;
	padding-bottom: 2em;
	margin: 0;
	}

	
/* --------------------- sidebar styles ------------------------ */
#sidebar {
	float:left;
	width: 250px;
	}
#sidebar h1{
	font: 1.4em/1.8em "Trebuchet MS", Helvetica, sans-serif;
	color: #028925;
	text-align: center;
	padding-top: 0.5em;
	}

#sidebar h2{
	font: 1.2em "Trebuchet MS", Helvetica, sans-serif;
	color: #028925;
	margin-top: 0.5em;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	}
#sidebar p{
	color: #00003C;
	margin-bottom: 2em;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 1.5em;
	}
#sidebar p.event {
	font: .9em Georgia, "Times New Roman", Times, serif;
	color: #561216;
	margin-top: -0.5em;
	margin-bottom: 0;
	}
.clear {
	clear: both;
}

/*---- reset width for non text inputs ----*/

input.radio, input.checkbox, input.submit {
	width:auto;
	float: left;
	}
label {
	width: 20em;
	float: left;
	
}
#personalInfo #sumbit, {
	float: left;
	width: auto;
}

textarea {
	width: 240px;
}
#personalInfo #privacy {
	float: left;
	width: auto;
}
#personalInfo #careGuide {
	float: left;
	width: auto;
}

#personalInfo #appointement {
	float: left;
	width: auto;
}
#personalInfo #sumbit {
	width: auto;
}

#current #personalInfo {
	width: 550px;
	margin-left: 20px;
	background-color: #DDDDDD;
	border: 3px groove #333333;
}
#personalInfo .perlegend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	font-size: 1.2em;
	background-color: #DDDDDD;
	border-top-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-top-style: groove;
	border-right-style: groove;
	border-left-style: groove;
	border-top-color: #666666;
	border-right-color: #000000;
	border-left-color: #000000;
	margin-left: -3px;
	padding-right: 5px;
	padding-left: 5px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 2em;
}
#current #form1 {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



label.top {
	display: block;
	float:none;
	}
#callTime {
	display: block;
	margin: 0;
	}
/*-----form styles----------*/
input {
	width:100px;
	}
#personalInfo label {
	width: 18em;
}
#personalInfo input {
	width: 200px;
}


#incomeInfo {
	background:#cccc99;
	border: 3px ridge #000000;
	width: 500px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#outgoingsInfo {
	background:#ccc;
	border: 3px ridge #000000;
	width: 500px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#shortfallInfo {
	background:#cccc99;
	border: 3px ridge #000000;
	width: 500px;
	margin-left: 20px;
}
	legend[class=clacIncome] {
	background: #CCCC99;
	border-top: 3px ridge #000000;
	border-right: 3px ridge #000000;
	border-left: 3px ridge #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-top: 10px;
	padding-left: 5px;
	margin-left: -3px;
	padding-right: 5px;
}
legend[class=clacOutgoings] {
	background: #CCC;
	border-top: 3px ridge #000000;
	border-right: 3px ridge #000000;
	border-left: 3px ridge #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-top: 10px;
	padding-left: 5px;
	margin-left: -3px;
	padding-right: 5px;
	}
legend[class=clacShortfall] {
	background: #CCCc99;
	border-top: 3px ridge #000000;
	border-right: 3px ridge #000000;
	border-left: 3px ridge #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-top: 10px;
	padding-left: 5px;
	margin-left: -3px;
	padding-right: 5px;
	}
	

#sidebar a {
	color:#B9121B;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B9121B;
	border-left-color: #B9121B;
	}

/* -------------------- footer styles -------------------------------- */
#footer {
	color: #fff;
	font: .8em "Trebuchet MS", Helvetica, sans-serif;
	padding: 1em;
	clear: both;
	margin-top: 5em;
	text-align: center;
	background-color: #000;
	background-image: url(Images/logo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

#footer #copyright {
	text-align: right;
}

#footer a{
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	}

#footer a:hover {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}
#footer #logo {
	position: relative;
	text-align: left;
	width: 100px;
	left: 5px;
	top: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #000000;
}
