body, html {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#4A4A4A;}
.outercontainer {width:770px; margin: 0px auto 0px auto; background-image:url(../images/bg_main.gif); overflow:visible; position:relative;}


/* TITLE BAR */



form {margin:0px; padding:0px;}

#title_home {width:770px; height:100px; background-image:url(../images/HEADERIMAGE.jpg); text-align:left;}
#title_employee {width:770px; height:100px; background-image:url(../images/charityheadback.gif); text-align:left;}
#title_employer {width:770px; height:100px; background-image:url(../images/charityheadback.gif); text-align:left;}
#title_charity {width:770px; height:100px; background-image:url(../images/charityheadback.gif); text-align:left;}

h1.maintitle {
margin:10px 15px 0px 0px;
width:269px;
float:left;
background-image: url(../images/logo_new.gif);
height: 76px;
}
.searchbox {margin-left:450px; padding-top:35px;}

/* MENU BAR */

#menu_home {width:770px; height:31px;  text-align:left; background-color:#CFEDD0; color:#4A4A4A;}
.menu_home a {color:#4A4A4A;}

.mainmenubar li {
font-size:100%;
float:left;
display:block;
padding:8px 20px 0px 0px;
margin:0px;
font-weight:bold;
color: #4A4A4A;
}
.mainmenubar a {
font-size:110%;
font-weight:bold;
color: #4A4A4A;
text-decoration:none;
}
.mainmenubar a:hover {
font-weight:bold;
color: #4A4A4A;
text-decoration:underline;
}
.mainmenubar ul {margin:0px 60px 0px 10px; padding:0px; float:left}
.mainmenubar .toggle {padding-top:8px;}
.mainmenubar .white {color:#ffffff;}

/* LEFT HAND MENU BAR */

.leftbar {width:145px; float:left; background-repeat:repeat-y; background-image:url(../images/bg_left_nav.jpg);  text-align:left; margin:8px 0px 10px 0px; padding:0px 0px 0px 0px;  } /* background-image:url(../images/greenliback.gif); */
.leftbar ul {
margin:0px 0px 0px 22px;
padding:0px;
list-style-image: url(../images/leftgreenbullet.gif);
}
.leftbar li {
font-weight:bold;
font-size:100%;
margin: 8px 0px 8px 0px;
}
.leftbar a{font-weight:bold; font-size:110%;  color:#4A4A4A; text-decoration:none;}
.leftbar a:hover{font-weight:bold;  color:#4A4A4A; text-decoration:underline;}

/* CONTENT PANE */

#content {
float:left;
background-repeat:repeat-y;
text-align:left;
margin:0px;
height: 100%;
padding: 12px 0px 12px 0px;
width:450px;

}
#content2 {
float:left;
text-align:left;
margin:0px;
height: 100%;
padding: 12px 0px 12px 0px;
width:620px;

background-image:url(../images/bg_main_content_wide.gif);

}
#content_wide, #content_generic_wide {
float:left;
text-align:left;
margin:0px;
height: 100%;
padding: 12px 0px 12px 0px;
background-color:#FFFFFF;
}
#content h2, #content_wide h2, #content_generic_wide h2,  #content2 h2 {
font-weight:bold;
font-style:italic;
font-size:180%;
margin: 0px 0px 10px 15px;
}
#content h3, #content_wide h3, #content_generic_wide h3, #content2 h3 {
font-weight:bold;
font-size:120%;
margin: 10px 0px 5px 15px;
}
#content p, #content_wide p, #content_generic_wide p, #content2 p{
font-size:100%;
line-height: 140%;
margin: 10px 20px 10px 15px;
}
.colour_green {color:#3A9C3D;}
.colour_blue {color:#1392CE;}
.colour_purple {color:#c8108f;}
.colour_orange {color:#F57000;}

#linkbox a {color:#4A4A4A;}

.content_employer .linkbox{ background-color:#EBF8FC; padding: 5px 5px 5px 0px; margin: 0px 25px 0px 15px; }
.content_employee .linkbox { background-color:#f9e7f4; padding: 5px 5px 5px 0px; margin: 0px 25px 0px 15px;  }
.content_charity .linkbox { background-color:#FDEDCE; padding: 5px 5px 5px 0px; margin: 0px 25px 0px 15px;  }
.content_generic .linkbox {background-color:#F3FCF4;padding: 5px 5px 5px 0px;margin: 0px 25px 0px 15px;}
.content_generic_wide .linkbox { background-color:#F3FCF4; padding: 5px 5px 5px 0px; margin: 0px 0px 0px 15px;  }

.content_employer .linkbox a {color:#4A4A4A;}
.content_employee .linkbox a {color:#4A4A4A;}
.content_charity .linkbox a {color:#4A4A4A;}
.content_generic .linkbox a {color:#4A4A4A;}
.content_generic_wide .linkbox a {color:#4A4A4A;}

.content_employer ul {margin:0px; padding:10px 10px 10px 35px; list-style-image: url(../images/bullet_blue.gif); color: #4A4A4A;}
.content_employee ul {margin:0px; padding:10px 10px 10px 35px; list-style-image: url(../images/bullet_purple.gif); color: #4A4A4A;}
.content_charity ul {margin:0px; padding:10px 10px 10px 35px; list-style-image: url(../images/bullet_orange.gif); color: #4A4A4A;}
.content_generic ul {margin:0px; padding:10px 10px 10px 35px; list-style-image: url(../images/bullet_green.gif); color: #4A4A4A;}
.content_generic_wide ul {margin:0px; padding:10px 10px 10px 35px; list-style-image: url(../images/bullet_green.gif); color: #4A4A4A;}

.content ul { width:380px; }


.content_employer li {padding:3px; color: #4A4A4A;}
.content_employee li {padding:3px; color: #4A4A4A;}
.content_charity li {padding:3px; color: #4A4A4A;}
.content_generic li {padding:3px; color: #4A4A4A;}
.content_generic_wide li {padding:3px; color: #4A4A4A;}

.content_employer h3 {color:#1392CE;}
.content_employee h3 {color:#c8108f;}
.content_charity h3 {color:#c8108f;}
.content_generic h3 {color:#3A9C3D;}
.content_generic_wide h3 {color:#3A9C3D;}

a{ color:#3A9C3D; font-weight: bold;}

.ul, .li{margin:10px 10px 15px 20px; padding:10px 10px 15px 20px; list-style-image: url(../images/bullet_green.gif); width:380px; line-height: 130%;}
.ul_wide, .li_wide{margin:0px 10px 0px 20px; padding:10px 10px 10px 20px; list-style-image: url(../images/bullet_green.gif); }

/* RIGHT HAND BAR */

.rightbar{
text-align:left;
padding:8px 0px 8px 0px;
float:left;
clear:right;
width: 175px;
margin: 0px;
}



.rightbar p {
text-align:left;
font-size:100%;
line-height: 130%;
margin: 10px 0px 15px 0px;
width: 165px;
}

.rightbar ul {
margin: 0px 0px 10px 7px;
padding: 0px 0px 0px 7px;
}

.rightbar h3{
text-align:left;
color:#4A4A4A;
padding:2px 0px 2px 4px;
margin:0px 0px 0px 0px;
background-image:url(../images/bg_title_right_green.jpg);
background-repeat:repeat-y;
font-size:110%;
width: 171px;
}

.rightbar h3.green {
text-align:left; color:#4A4A4A; padding:2px 0px 2px 4px; margin:0px 0px 0px 0px; background-image:url(../images/bg_title_right_green.jpg); background-repeat:repeat-y;font-size:110%; height:20px; width: 171px;}

.rightbar h3.orange {
text-align:left; color:#4A4A4A; padding:2px 0px 2px 4px; margin:0px 0px 0px 0px; background-image:url(../images/bg_title_right_orange.jpg); background-repeat:repeat-y;font-size:110%; width: 171px;}

.rightbar h3.blue{
text-align:left; color:#4A4A4A; padding:2px 0px 2px 4px; margin:0px 0px 0px 0px; background-image:url(../images/bg_title_right_blue.jpg); background-repeat:repeat-y;font-size:110%; width: 171px;}

.rightbar h3.purple{
text-align:left; color:#4A4A4A; padding:2px 0px 2px 4px; margin:0px 0px 0px 0px; background-image:url(../images/bg_title_right_purple.jpg); background-repeat:repeat-y;font-size:110%; width: 171px;}

.rightbar h3.grey{
text-align:left; color:#fff; padding:2px 0px 2px 4px; margin:0px 0px 0px 0px; background-image:url(../images/bg_title_right_grey.jpg); background-repeat:repeat-y;font-size:110%; width: 171px;}

/* RIGHT BAR - MORE INFO */

.rightbar .readmoregreen {
color:#3A9C3D;
font:60%;
padding: 0px 0px 0px 10px;
background-image: url(../images/bullet_green.gif);
background-repeat: no-repeat;
}
.rightbar .readmoreblue {
color:#1392CE;
font:60%;
padding: 0px 0px 0px 10px;
background-image: url(../images/bullet_blue.gif);
background-repeat: no-repeat;
}
.rightbar .readmoreorange { 
color:#F57000;
font:60%;
padding: 0px 0px 0px 10px;
background-image: url(../images/bullet_orange.gif);
background-repeat: no-repeat;}
.rightbar .readmorepurple {
color:#C8108F;
font:60%;
padding: 0px 0px 0px 10px;
background-image: url(../images/bullet_purple.gif);
background-repeat: no-repeat;}

/* FOOTER */

.footer {
width:770px;
height:20px;
text-align:left;
float:left;
background-color: #FFFFFF;
background-image: url(../images/bg_footer.gif);
background-repeat: repeat-x;
padding: 5px 0px 0px 0px;
margin:0 auto;
}

hr {border-top:dotted 1px #999; height:0px; margin:0px 0px 0px 0px; padding:0px;}


p.label_field_pair {}
p.label_field_pair label {clear: left;display: block;float: left;text-align: right;width: 150px;margin-top:10px;}
p.label_field_pair input, p.label_field_pair select {clear: right;float: left;margin-left: 10px;width: 200px;margin-top:5px;}
p.label_field_pair select {width: 204px;}

p.label_checkbox_pair {float: left;position: relative;}
p.label_checkbox_pair input {left: 235px;position: absolute;top: 1px;}
p.label_checkbox_pair label {display: block;margin-left: 260px;width: 500px;}
fieldset {width: 200px; border:0px none #ffffff;}

input, select {font-size:10px;}

table {margin-left:15px; padding: 0px;}

td {padding: 2px;}


.hidden{ position:absolute; top:0px; left:-9999px;}


.button_register{display:block;width:175px;height:35px;margin:0px 0px 10px 0px;background-image:url(../images/button_right_register.jpg);background-repeat:no-repeat;}
.button_register a, .button_goforgold a{width:175px;height:35px;display: block; cursor:hand; margin:0px 0px 0px 0px;}
.button_goforgold{display:block;width:175px;height:35px;margin:0px 0px 10px 0px;background-image:url(../images/button_right_goforgold.jpg);background-repeat:no-repeat;}
.button_register p, .button_goforgold p{width:175px;height:35px;display: block; cursor:hand; margin:0px 0px 0px 0px;}