/* Page layout basics */
body { font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#333333; }
.pagewrapper { position:relative; width:950px; height:550px; margin:auto; border:1px solid #999999; }

/* Header */
.header { position:absolute; width:100%; height:65px; }
.header .logo { position:absolute; left:25px; top:8px; width:200px; height:50px; background-image:url(../images/logo.gif); }

.header .menu { position:absolute; width:440px; right:25px; top:20px; }

.header .menu a, .header .menu a:visited { position:relative; padding:5px 15px 5px 15px; background-color:#EECE00; margin-right:20px; font-size:0.8em;
	color:#41AF3F; text-decoration:none; float:right; font-weight:bold; text-transform:uppercase; }
.header .menu a .tl, .header .menu a:visited .tl { position:absolute; top:0; left:0; width:10px; height:10px; background-image:url(../images/button_tl_up.gif); background-repeat:no-repeat; }
.header .menu a .br, .header .menu a:visited .br { position:absolute; bottom:-0.5em; right:-1px; width:9px; height:10px; background-image:url(../images/button_br_up.gif); background-repeat:no-repeat; }
html>body .header .menu a .br, html>body .header .menu a:visited .br { bottom:0; right:0; }

.header .menu a:hover, .header .menu a#down { background-color:#41AF3F; color:#FFFFFF; text-decoration:none; }
.header .menu a:hover .tl, .header .menu a#down .tl { background-image:url(../images/button_tl_down.gif); }
.header .menu a:hover .br, .header .menu a#down .br { background-image:url(../images/button_br_down.gif); }

/* Footer */
.footer { position:absolute; width:100%; height:50px; bottom:0; left:0; }

.footer .menu { position:absolute; width:650px; left:25px; top:14px; }
.footer .menu a, .footer .menu a:visited { position:relative; padding:3px 15px 0 15px; margin-right:15px; font-size:0.8em; text-transform:uppercase;
	color:#41AF3F; text-decoration:none; float:left; font-weight:bold; }
.footer .menu a .l, .footer .menu a:visited .l { position:absolute; top:0; left:0; width:15px; height:20px; background-image:url(../images/button_left_up.gif); background-repeat:no-repeat; }
.footer .menu a .r, .footer .menu a:visited .r { position:absolute; top:0; right:0; width:15px; height:20px; background-image:url(../images/button_right_up.gif); background-repeat:no-repeat; }
.footer .menu a:hover { color:#EECE00; text-decoration:none; }

/* Body elements */
.content { position:absolute; left:0; top:65px; width:900px; height:395px; padding:15px 25px 25px 25px; background-color:#F8E97B;
	font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:auto; }
.content .captblock { position:relative; padding:15px; width:180px; font-size:1.25em; font-weight:bold; color:#EECE17; background-color:#41AF3F;
	line-height:1.3em; }
.content .captblock .tl { position:absolute; top:0; left:0; height:15px; width:14px; background-image:url(../images/captblock_tl.gif); background-repeat:no-repeat; }
.content .captblock .br { position:absolute; bottom:-0.35em; right:0; height:12px; width:13px; background-image:url(../images/captblock_br.gif); background-repeat:no-repeat; }
html>body .content .captblock .br { bottom:-1px; right:0; }
.content .floatleft { float:left; margin:0 15px 15px 0; }
.content .floatright { float:right; margin:0 0 15px 15px; }
.content h2 { font-size:1.7em; letter-spacing:0.05em; font-weight:normal; text-transform:uppercase; margin:0 0 5px 0; }
.content p { position:relative; margin:0 0 1em 0; padding:0; }
.content#generic h2 { color:#41AF3F; }

/* Carers */
.content#carers { overflow:auto; }
.content#carers h2 { color:#41AF3F; }
.content#carers h3 { width:85%; }
.content#carers p { margin-right:129px; }
.content#carers ul { margin-right:129px; }
.content#carers p.banded { margin:0 84px 0.5em -25px; padding:0.5em 0 0.5em 25px; background-color:#F0D600; color:#009933; }
.content#carers p.banded br { line-height:0.5em; }
.content#carers p.biggreen { font-size:1.1em; font-weight:bold; color:#009933; }
.content#carers .carersimages { position:absolute; top:0; right:17px; width:109px; height:930px; overflow:hidden; background-color:#F0D600; }
html>body .content#carers .carersimages { right:0; }
.content#carers .carersimages img { position:relative; margin:15px 5px 45px 5px; width:99px; height:90px; }
.content#carers .flowers { position:absolute; right:109px; bottom:0; width:158px; height:73px; background-image:url(../images/image_flowers.gif); }

/* Calculator */
.content#calc { overflow:hidden; }
.content#calc h2 { color:#E4A600; }
.content#calc p { margin-right:200px; }
.content#calc p .big { font-size:1.2em; }
.content#calc .inputs { position:absolute; background-color:#EECE00; padding:5px 10px 5px 0; display:inline; width:260px; top:85px; }
.content#calc .inputs#input1 { left:13px; }
.content#calc .inputs#input2 { left:297px; }
.content#calc .inputs .tl { position:absolute; top:0; left:0; width:10px; height:10px; background-image:url(../images/button_tl_side_up.gif); background-repeat:no-repeat; }
.content#calc .inputs .br { position:absolute; bottom:-0.4em; right:-1px; width:9px; height:10px; background-image:url(../images/button_br_side_up.gif); background-repeat:no-repeat; }
html>body .content#calc .inputs .tl { left:0; }
html>body .content#calc .inputs .br { bottom:0; }
.content#calc .inputs input { font-size:1em; border:none; width:6em; padding-left:5px; }

.content#calc a.button { position:absolute; background-color:#41AF3F; color:#EECE00; padding:4px 10px 4px 10px; left:13px; top:125px;
	text-transform:uppercase; font-weight:bold; font-size:1.4em; width:250px; text-align:center; text-decoration:none; }
.content#calc a.button .tl { position:absolute; top:0; left:0; width:10px; height:10px; background-image:url(../images/button_tl_side_down.gif); background-repeat:no-repeat; }
.content#calc a.button .br { position:absolute; bottom:-0.5em; right:0; width:9px; height:10px; background-image:url(../images/button_br_side_down.gif); background-repeat:no-repeat; }
html>body .content#calc a.button .br { bottom:0; right:0; }

.content#calc .box { position:absolute; top:200px; left:297px; padding:15px; width:270px; background-color:#EECE00; }
.content#calc .box .tl { position:absolute; top:0; left:0; height:10px; width:10px; background-image:url(../images/button_tl_side_up.gif); background-repeat:no-repeat; }
.content#calc .box .br { position:absolute; bottom:-0.35em; right:-1px; height:10px; width:9px; background-image:url(../images/button_br_side_up.gif); background-repeat:no-repeat; }
.content#calc .box .big { font-size:1.2em; font-weight:bold; margin-bottom:10px; }
html>body .content#calc .box .br { bottom:0; right:-1px; }

.content#calc table { position:absolute; left:13px; top:200px; width:270px; font-size:1em; }
.content#calc table tr td { background-color:#EECE00; line-height:1.3em; }
.content#calc table tr td.blank { background-color:#F8E97B; }
.content#calc table tr td.tlcell { background-image:url(../images/button_tl_side_up.gif); background-position:top left; background-repeat:no-repeat; }
.content#calc table tr td.brcell { background-image:url(../images/button_br_side_up.gif); background-position:bottom right; background-repeat:no-repeat; }

.content#calc .flowers { position:absolute; right:0; top:45px; width:325px; height:285px; background-image:url(../images/image_calculator.gif); }

/* Employers */
.content#employers { width:720px; overflow:auto; }
.content#employers h2 { color:#E4A600; }
.content#employers h2 { color:#E4A600; }
.content#employers p.footnote { font-size:0.85em; }

.content#employers .box { position:relative; width:440px; height:168px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; padding-top:20px; margin-bottom:10px; }
.content#employers .box .tl { position:absolute; top:0; left:0; width:300px; height:150px; background-image:url(../images/employers_box_tl.gif); background-attachment:top left; background-repeat:no-repeat; }
.content#employers .box .tr { position:absolute; top:0; right:0; width:268px; height:72px; background-image:url(../images/employers_box_tr.gif); background-attachment:top right; background-repeat:no-repeat; }
.content#employers .box .bl { position:absolute; bottom:0; left:0; width:302px; height:148px; background-image:url(../images/employers_box_bl.gif); background-attachment:bottom left; background-repeat:no-repeat; }
.content#employers .box .br { position:absolute; bottom:0; right:0; width:300px; height:250px; background-image:url(../images/employers_box_br.gif); background-attachment:bottom right; background-repeat:no-repeat; }

.content#employers .box .row { position:relative; top:0; left:0; margin-bottom:5px; display:block; width:400px; }
.content#employers .box .row .cell1 { position:absolute; left:0; top:0; width:60px; }
.content#employers .box .row .cell2 { position:relative; margin-left:80px; }

.content#employers h4 { position:relative; display:block; font-size:1em; text-transform:uppercase; color:#000000; font-weight:bold; }
	
/* Parents */
.content#parents { width:720px; overflow:auto; }
.content#parents h2 { color:#41AF3F; }
.content#parents h4 { font-size:1.1em; }

/* Headers */
.content h3 { position:relative; display:block; background-color:#EECE00; margin:0 0 10px -15px; font-size:1em; text-transform:uppercase;
	color:#000000; font-weight:bold; padding:5px 20px 5px 15px; }
.content h3 .tl { position:absolute; top:0; left:-15px; width:9px; height:10px; background-image:url(../images/button_tl_side_up.gif); background-repeat:no-repeat; }
.content h3 .br { position:absolute; bottom:0; right:0; width:8px; height:10px; background-image:url(../images/button_br_side_up.gif); background-repeat:no-repeat; }
html>body .content h3 .tl { left:0; }
.content ol li ul { margin-left:0; padding-left:12px; }
.content ol li ul li { margin-left:0; padding-left:0; }


/* Forms */
form { display:table; position:relative; }
form .row { display:table-row; position:relative; height:25px; }
form .row label { display:table-cell; width:100px; position:absolute; margin-left:0; margin-top:4px; }
form .row input { display:table-cell; width:100px; position:absolute; margin-left:80px; }

/* Sidebar */
.sidebar { position:absolute; width:178px; height:435px; top:65px; right:0; background-color:#F8E97B; }
.sidebar img { position:relative; margin:15px 14px 15px 14px; }
.sidebar#parents img { margin:15px 19px 15px 19px; }
.sidebar a.button, .sidebar a.button:visited { position:relative; display:block; background-color:#EECE00; margin:0 14px 6px 14px; font-size:0.7em;
	color:#41AF3F; text-decoration:none; font-weight:normal; width:140px; padding:5px 0 5px 10px; }
.sidebar a.button .tl, .sidebar a.button:visited .tl { position:absolute; top:0; left:0; width:9px; height:10px; background-image:url(../images/button_tl_side_up.gif); background-repeat:no-repeat; }
.sidebar a.button .br, .sidebar a.button:visited .br { position:absolute; bottom:-0.35em; right:0; width:8px; height:10px; background-image:url(../images/button_br_side_up.gif); background-repeat:no-repeat; }
html>body .sidebar a.button .br, html>body .sidebar a.button:visited .br { bottom:0; }
.sidebar a.button:hover { background-color:#41AF3F; color:#FFFFFF; text-decoration:none; }
.sidebar a.button:hover .tl { background-image:url(../images/button_tl_side_down.gif); }
.sidebar a.button:hover .br { background-image:url(../images/button_br_side_down.gif); }


/* Generic styles */
.hidden { display:none; }
.green { color:#41AF3F; }