/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background: url(images/bg.gif);
	}
input,
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}
p,
a,
table th,
table td {
	font-size: 90%;
	}

/*Container*/
#container {
	width: 752px;
	margin: 6px auto;
	padding: 0 4px 4px 4px;
	background: #FFFFFF;
	}

/*Header*/
#header {
	height: 96px;
	}
#logo {
	width: 172px;
	height: 76px;
	margin: 10px 0 0 0;
	float: left;
	}
#banner {
	width: 320px;
	height: 96px;
	margin-left: 8px;
	float: left;
	display: inline;
	}
#banner.a {
	background: url(images/header_a.jpg);
	}
#banner.b {
	background: url(images/header_b.jpg);
	}
#banner.c {
	background: url(images/header_c.jpg);
	}
#banner.d {
	background: url(images/header_d.jpg);
	}
	
/*Account Options*/
#accountOptions {
	width: 244px;
	height: 96px;
	float: right;
	text-align: center;
	background: #E8384D url(images/quick_login_bg_bottom.gif) bottom no-repeat;
	}
#accountOptions h3 {
	margin: 4px 0;
	color: #FFFFFF;
	font-size: 90%;
	}
#accountOptions form {
	margin: 0;
	}
#accountOptions table {
	margin: 0 auto;
	}
#accountOptions th {
	padding-right: 2px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	}
#accountOptions input {
	
	}
#accountOptions ul {
	margin-left: 10px;
	color: #82DA46;
	text-align: left;
	}
#accountOptions a {
	color: #FFFFFF;
	}
	
/*Navigation*/
#navigation {
	background: #82DA46 url(images/navigation_bg_left.gif) left no-repeat;
	}
#navigation2 {
	width: inherit;
	height: 40px;
	margin: 4px 0;
	background: url(images/navigation_bg_right.gif) right no-repeat;
	}
#navigation ul {
	margin: 0;
	padding: 10px 0;
	}
#navigation ul li {
	margin: 0 1em;
	display: inline;
	list-style: none;
	}
#navigation ul li a {
	color: #FFFFFF;
	font-weight: bold;
	text-align: none;
	font-size: 120%;
	text-decoration: none;
	}
	
/*Main Content Area*/
#content {
	width: 728px;
	margin: 0 auto;
	background: url(images/main_bg_slice.gif) repeat-y;
	border-bottom: #82DA46 4px solid;
	}
.admin #content {
	background: none;
	}
#content #left {
	width: 476px;
	padding: 0 10px 20px 10px;
	float: left;
	}
#content #left h3,
.admin #content h3 {
	color: #82DA46;
	font-size: 160%;
	font-style: italic;
	}
#content #left h4,
.admin #content h4 {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding: 4px;
	color: #E8374B;
	font-size: 120%;
	font-weight: normal;
	text-align: center;
	border-left: #82DA46 2px solid;
	border-right: #82DA46 2px solid;
	background: #FFFFFF;
	}
#content #left p {
	text-indent: 20px;
	}
#content #left ul li,
#content #left ol li {
	font-size: 90%;
	}
#content #left p,
#content #left ul li,
#content #left ol li {
	line-height: 1.8;
	}
#content #left p.errorMessage,
.admin #content p.errorMessage {
	text-indent: 0;
	color: #E8384D;
	font-weight: bold;
	font-size: 100%;
	}
#content #left form table th {
	text-align: left;
	}
#content #left a {
	color: #E8374B;
	}
#content #left table input,
#content #left table textarea,
.admin #content table input,
.admin #content table textarea {
	width: 240px;
	}
#content #left table input#vouchervalue,
.admin #content table input#vouchervalue {
	width: 80px;
	}
#content #left table input.narrowInput,
.admin #content table input.narrowInput {
	width: 100px;
	}
#content #right {
	width: 212px;
	padding: 0 10px 240px 10px;
	float: right;
	background: url(images/right_col_ray.gif) bottom left no-repeat;
	}
#content #right h3 {
	color: #FFFFFF;
	font-size: 120%;
	font-style: italic;
	}
#content #right ul {
	color: #82DA46;
	}
#content #right ul li {
	margin: 10px 0;
	}
#content #right ul li a {
	color: #FFFFFF;
	}
	
/*Footer*/
#footer {
	margin-top: 4px;
	clear: both;
	background: #E8384D url(images/footer_bg_left.gif) left no-repeat;
	}
#footer2 {
	width: inherit;
	height: 40px;
	background: url(images/footer_bg_right.gif) right no-repeat;
	}
#credits {
	margin-top: 3px;
	margin-right: 17px;
	float: right;
	text-align: right;
	}
#credits a {
	color: #FFFFFF;
	font-size: 90%;
	text-decoration: none;
	}
#credits a:hover {
	text-decoration: underline;
	}
	
/*Home*/
#homeBanner {
	background: #82DA46 url(images/home_banner_left.gif) left no-repeat;
	}
#homeBanner2 {
	width: 582px;
	height: 138px;
	margin: 4px 0 0 0;
	padding: 2px 10px 0 160px;
	background: url(images/home_banner_right.gif) right no-repeat;
	}
#homeBanner ul {
	margin: 25px 0 0 0;
	padding: 0;
	color: #ECECEC;
	}
#homeBanner ul li {
	margin: 10px 0;
	font-size: 120%;
	}
#homeBanner ul li a {
	color: #ECECEC;
	font-size: 100%;
	}
#homeEmployerInfo,
#homeEmployeeInfo,
#homeCarerInfo {
	width: 236px;
	min-height: 400px;
	margin-bottom: 4px;
	float: left;
	display: inline;
	background: #EFFBE7;
	border-bottom: #82DA46 4px solid;
	}
#homeEmployerInfo {
	margin-left: 12px;
	}
#homeEmployeeInfo {
	margin-left: 8px;
	}
#homeCarerInfo {
	margin-left: 8px;
	}
#homeEmployerInfo h3,
#homeEmployeeInfo h3,
#homeCarerInfo h3 {
	margin: 4px 0;
	color: #82DA46;
	font-size: 160%;
	text-align: center;
	font-style: italic;
	}
#homeEmployerInfo h4,
#homeEmployeeInfo h4,
#homeCarerInfo h4 {
	width: 210px;
	margin: 4px auto;
	padding: 4px;
	color: #E8384D;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	background: #FFFFFF;
	border-left: #82DA46 1px solid;
	border-right: #82DA46 1px solid;
	}
#homeEmployerInfo ul,
#homeEmployeeInfo ul,
#homeCarerInfo ul {
	color: #E8384D;
	}
#homeEmployerInfo ul li,
#homeEmployeeInfo ul li,
#homeCarerInfo ul li{
	margin: 10px 0;
	}
#homeEmployerInfo ul li a,
#homeEmployeeInfo ul li a,
#homeCarerInfo ul li a{
	color: #000000;
	font-size: 90%;
	}
	
/*Admin Tables*/
.admin a {
	color: #E8384D;
	}
.admin table,
table.admin {
	padding: 12px 0;
	}
.admin table th,
table.admin th {
	padding: 4px;
	text-align: left;
	background: #ECECEC;
	}
.admin table td,
table.admin td {
	padding: 4px;
	}
	
/*Other*/
.hidden {
	display: none;
	}
.red {
	color: #E8384D;
	}