/* 
ARC STYLE SHEET: MAIN STYLES
Style sheet by Rupert Sliwa
[ www.sliwacreative.com ]
----------------------------------------------- */

body {margin:10px 0 0 0; background-color:#fff; color:#000}
ul {list-style-type:square; margin-top:5px}


/* General links
----------------------------------------------- */

a, a:link, a:visited {color:#D3004E; text-decoration:underline; font-weight:normal}
a:hover, a:active {color:#D3004E; text-decoration:underline; font-weight:normal; background-color:#FFECCA}
a.img:hover, a.img:active {background-color:#fff}


/* Navigation
----------------------------------------------- */

#nav_holder {width:900px}
#nav_holder a {font:100% Helvetica, Arial, sans-serif; text-decoration:none}
#nav_holder a {padding:2px 15px 2px 15px; float:left}
#nav_holder a:hover, a:active {text-decoration:none}
#nav_holder .pad {padding-left:20px; float:left}

.divider {float:left}

#nav_selected {font:100% Helvetica, Arial, sans-serif; padding:2px 15px 2px 15px; float:left}

#what_we_do {font:100% Helvetica, Arial, sans-serif; padding:2px 15px 2px 15px; float:left}

#dropdown {position:absolute; top:130px; left:50%; margin-left:-355px; z-index:2; visibility:hidden; text-align:left; padding-top:15px; background:transparent url(../images/dropdown_bg.gif) top left no-repeat; filter:alpha(opacity=95); -moz-opacity:0.95; opacity: 0.95}
.dropdown_bg {padding:5px 0 5px 0; background:#fff}

#subnav {margin:0 0 10px 15px; font-size:90%; line-height:18px; display:block}
#subnav .bullet_item {margin:0}


/* Headings
----------------------------------------------- */

h1 {font:160% Helvetica, Arial, sans-serif; color:#000; margin:0; padding-bottom:15px}
h2 {font:120% Helvetica, Arial, sans-serif; color:#000; margin:0; padding:10px 0 10px 0}
h3 {font:100% Helvetica, Arial, sans-serif; color:#000; margin:0; padding-bottom:10px}
h4 {font:bold 90% Helvetica, Arial, sans-serif; color:#000; margin:0; padding:5px 0 5px 0}


/* Text
----------------------------------------------- */

p {font:80% Arial, Helvetica, sans-serif; line-height:20px; margin:0 0 10px 0; padding:0; display:block}
.text, td {font:80% Arial, Helvetica, sans-serif; line-height:20px}
.textsmall {font:70% Arial, Helvetica, sans-serif}
.textlarge {font:90% Arial, Helvetica, sans-serif}
.footertext {font:70% Arial, Helvetica, sans-serif; color:#565A61; float:left; text-align:left}

.white {color:#fff ! important}
.yellow {color:#F6D900 ! important}
.purple {color:#9A7EB4 ! important}
.red {color:#D3004E ! important}
.grey {color:#4A5E58 ! important}
.brown {color:#8B3B2A ! important}


/* Homepage image rollovers
----------------------------------------------- */

#img_public {float:left; padding-right:10px}
#img_business {float:left; padding-right:10px}
#img_education {float:left}

#img_public a {background:#fff url(../images/home_label_public.gif) bottom no-repeat; display:block}
#img_business a {background:#fff url(../images/home_label_business.gif) bottom no-repeat; display:block}
#img_education a {background:#fff url(../images/home_label_education.gif) bottom no-repeat; display:block}

#img_public a:hover, a:active {background:#fff url(../images/home_label_public_roll.gif) bottom no-repeat}
#img_business a:hover, a:active {background:#fff url(../images/home_label_business_roll.gif) bottom no-repeat}
#img_education a:hover, a:active {background:#fff url(../images/home_label_education_roll.gif) bottom no-repeat}


/* Search box
----------------------------------------------- */

#search {width:220px; height:80px; float:left}

.search_holder {padding:48px 10px 10px 10px; text-align:left;}

#search_box {border:0; font:80% Helvetica, Arial, sans-serif; display:block; float:left; padding:4px; height:20px; width:140px; width/* */:/**/134px; width:/**/134px}

#search_send {width:51px; height:22px; border:0; font:bold 12px Arial, Helvetica, sans-serif; margin-left:4px}


/* General layout
----------------------------------------------- */

.clearblock {clear:both}

.header_holder {width:900px}
#header {height:80px; padding-right:10px; float:left; width:680px; width/* */:/**/670px; width:/**/670px}
#header a:hover, a:active {background-color:transparent; background-image:none}

#body_main {width:900px; text-align:left}

#main_content {padding:20px; text-align:left}

.leftarea_white {float:left; width:670px; padding-right:10px}

.image_300wide {background:#000; margin:0 10px 20px 0; color:#fff; text-align:right; font:70% Arial, Helvetica, sans-serif; float:left}
.image_630wide {background:#000; margin-bottom:20px; color:#fff; text-align:right; font:70% Arial, Helvetica, sans-serif}
.image_caption {padding:2px 4px 4px 4px}

.bullet_item {background:url(../images/bullet_arrow.gif) no-repeat; padding-left:15px; margin:4px 0 4px 0; display:block}
.bullet_item_hilite {background:url(../images/bullet_arrow_yellow.gif) no-repeat; padding-left:15px; margin:4px 0 4px 0; display:block}

.bullet_pdf {background:url(../images/icon_pdf.gif) no-repeat; padding-left:25px; margin:4px 0 4px 0; display:block}
.bullet_word {background:url(../images/icon_word.gif) no-repeat; padding-left:25px; margin:4px 0 4px 0; display:block}
.bullet_media {background:url(../images/icon_media.gif) no-repeat; padding-left:25px; margin:4px 0 4px 0; display:block}

.ruler_red {margin:10px 0 10px 0; padding-bottom:5px; border-bottom:#D3004E 1px solid}
.ruler_black {margin:10px 0 10px 0; padding-bottom:5px; border-bottom:#000 1px solid}

.columns {width:33%; float:left}

.video_player {margin-top:10px; background:#D2BFB5; width:630px}
.video_list {background:#D2BFB5; padding:10px; margin:10px 0 0 0}

.prog_list_on {cursor:hand; cursor:pointer; color:#D3004E; text-decoration:underline}
.prog_list_off {cursor:default; color:#000; text-decoration:none; }
a.prog_list_off:hover {background:#E6D4CA; cursor:default; color:#000; text-decoration:none}


/* Colour boxes
----------------------------------------------- */

.column_padding {padding:30px 10px 10px 10px}

#column_narrow_taupe {background:#E6D4CA url(../images/box_220_top_taupe.gif) top no-repeat; text-align:left; float:left; width:220px; margin-bottom:10px}
#column_narrow_taupe .boxbot {background:#E6D4CA url(../images/box_220_bot_taupe.gif) bottom no-repeat; height:20px}
#column_narrow_taupe .bullet_item {background:url(../images/bullet_arrow_red.gif) no-repeat ! important}
#column_narrow_taupe .bullet_item_hilite {color:#8B3B2A ! important; font-weight:bold}
#column_narrow_taupe .text_hilite {color:#8B3B2A ! important; font-weight:bold}

#column_narrow_red {background:#D3004E url(../images/box_220_top_red.gif) top no-repeat; text-align:left; float:left; width:220px; color:#fff; margin-bottom:10px}
#column_narrow_red .boxbot {background:#D3004E url(../images/box_220_bot_red.gif) bottom no-repeat; height:20px}
#column_narrow_red h2 {color:#fff; padding-top:0}
#column_narrow_red h3 {color:#fff}
#column_narrow_red h4 {color:#fff}
#column_narrow_red a {color:#fff}
#column_narrow_red a:hover {color:#D3004E}
#column_narrow_red .bullet_item_hilite {color:#F6D900 ! important; font-weight:bold}
#column_narrow_red .text_hilite {color:#F6D900 ! important; font-weight:bold}

#column_narrow_brown {background:#8B3B2A url(../images/box_220_top_brown.gif) top no-repeat; text-align:left; float:left; width:220px; color:#fff; margin-bottom:10px}
#column_narrow_brown .boxbot {background:#8B3B2A url(../images/box_220_bot_brown.gif) bottom no-repeat; height:20px}
#column_narrow_brown h2 {color:#fff; padding-top:0}
#column_narrow_brown h3 {color:#fff}
#column_narrow_brown h4 {color:#fff}
#column_narrow_brown a {color:#fff}
#column_narrow_brown a:hover {color:#D3004E}
#column_narrow_brown .bullet_item_hilite {color:#F6D900 ! important; font-weight:bold}
#column_narrow_brown .text_hilite {color:#F6D900 ! important; font-weight:bold}

#column_narrow_green {background:#88871A url(../images/box_220_top_green.gif) top no-repeat; text-align:left; float:left; width:220px; color:#fff; margin-bottom:10px}
#column_narrow_green .boxbot {background:#88871A url(../images/box_220_bot_green.gif) bottom no-repeat; height:20px}
#column_narrow_green h2 {color:#fff; padding-top:0}
#column_narrow_green h3 {color:#fff}
#column_narrow_green h4 {color:#fff}
#column_narrow_green a {color:#fff}
#column_narrow_green a:hover {color:#D3004E}
#column_narrow_green .bullet_item_hilite {color:#F6D900 ! important; font-weight:bold}
#column_narrow_green .text_hilite {color:#F6D900 ! important; font-weight:bold}

#column_narrow_steel {background:#748FA5 url(../images/box_220_top_steel.gif) top no-repeat; text-align:left; float:left; width:220px; color:#fff; margin-bottom:10px}
#column_narrow_steel .boxbot {background:#748FA5 url(../images/box_220_bot_steel.gif) bottom no-repeat; height:20px}
#column_narrow_steel h2 {color:#fff; padding-top:0}
#column_narrow_steel h3 {color:#fff}
#column_narrow_steel h4 {color:#fff}
#column_narrow_steel a {color:#fff}
#column_narrow_steel a:hover {color:#D3004E}
#column_narrow_steel .bullet_item_hilite {color:#F6D900 ! important; font-weight:bold}
#column_narrow_steel .text_hilite {color:#F6D900 ! important; font-weight:bold}

#column_narrow_grey {background:#4A5E58 url(../images/box_220_top_grey.gif) top no-repeat; text-align:left; float:left; width:220px; color:#fff; margin-bottom:10px}
#column_narrow_grey .boxbot {background:#4A5E58 url(../images/box_220_bot_grey.gif) bottom no-repeat; height:20px}
#column_narrow_grey h2 {color:#fff; padding-top:0}
#column_narrow_grey h3 {color:#fff}
#column_narrow_grey h4 {color:#fff}
#column_narrow_grey a {color:#fff}
#column_narrow_grey a:hover {color:#D3004E}
#column_narrow_grey .bullet_item_hilite {color:#F6D900 ! important; font-weight:bold}
#column_narrow_grey .text_hilite {color:#F6D900 ! important; font-weight:bold}

#column_narrow_pink {background:#FCBCE9 url(../images/box_220_top_pink.gif) top no-repeat; text-align:left; float:left; width:220px; color:#000; margin-bottom:10px}
#column_narrow_pink .boxbot {background:#FCBCE9 url(../images/box_220_bot_pink.gif) bottom no-repeat; height:20px}
#column_narrow_pink h2 {padding-top:0}
#column_narrow_pink h3 {color:#000}
#column_narrow_pink a {color:#4A5E58}
#column_narrow_pink a:hover {color:#D3004E}
#column_narrow_pink .bullet_item {background:url(../images/bullet_arrow_grey.gif) no-repeat ! important}
#column_narrow_pink .bullet_item_hilite {background:url(../images/bullet_arrow_red.gif) no-repeat ! important; color:#D3004E ! important; font-weight:bold}
#column_narrow_pink .text_hilite {color:#D3004E ! important; font-weight:bold}

#column_narrow_purple {background:#9A7EB4 url(../images/box_220_top_purple.gif) top no-repeat; text-align:left; float:left; width:220px; color:#fff; margin-bottom:10px}
#column_narrow_purple .boxbot {background:#9A7EB4 url(../images/box_220_bot_purple.gif) bottom no-repeat; height:20px}
#column_narrow_purple h2 {color:#fff; padding-top:0}
#column_narrow_purple h3 {color:#fff}
#column_narrow_purple h4 {color:#fff}
#column_narrow_purple a {color:#fff}
#column_narrow_purple a:hover {color:#D3004E}
#column_narrow_purple .bullet_item_hilite {color:#F6D900 ! important; font-weight:bold}
#column_narrow_purple .text_hilite {color:#F6D900 ! important; font-weight:bold}

#column_narrow_blue {background:#1FB7E3 url(../images/box_220_top_blue.gif) top no-repeat; text-align:left; float:left; width:220px; color:#fff; margin-bottom:10px}
#column_narrow_blue .boxbot {background:#1FB7E3 url(../images/box_220_bot_blue.gif) bottom no-repeat; height:20px}
#column_narrow_blue h2 {color:#fff; padding-top:0}
#column_narrow_blue h3 {color:#fff}
#column_narrow_blue h4 {color:#fff}
#column_narrow_blue a {color:#fff}
#column_narrow_blue a:hover {color:#D3004E}
#column_narrow_blue .bullet_item_hilite {color:#F6D900 ! important; font-weight:bold}
#column_narrow_blue .text_hilite {color:#F6D900 ! important; font-weight:bold}


#column_wide_taupe {background:#E6D4CA url(../images/box_670_top_taupe.gif) top no-repeat; text-align:left; float:left; margin-right:10px; width:670px}
#column_wide_taupe .boxbot {background:#E6D4CA url(../images/box_670_bot_taupe.gif) bottom no-repeat; height:20px}
#column_wide_taupe .special_heading {font:140% Helvetica, Arial, sans-serif; color:#000; margin:10px 0 10px 0; padding-bottom:5px; border-bottom:#D3004E 1px solid}
#column_wide_taupe .bullet_item {background:url(../images/bullet_arrow_red.gif) no-repeat ! important}
#column_wide_taupe .bullet_item_hilite {background:url(../images/bullet_arrow_black.gif) no-repeat ! important; color:#000 ! important; font-weight:bold}
#column_wide_taupe .text_hilite {color:#000 ! important; font-weight:bold}

#column_wide_pink {background:#FCBCE9 url(../images/box_670_top_pink.gif) top no-repeat; text-align:left; float:left; margin:10px 10px 0 0; width:670px}
#column_wide_pink .boxbot {background:#FCBCE9 url(../images/box_670_bot_pink.gif) bottom no-repeat; height:20px}
#column_wide_pink .special_heading {font:140% Helvetica, Arial, sans-serif; color:#000; margin:10px 0 10px 0; padding-bottom:5px; border-bottom:#D3004E 1px solid}
#column_wide_pink .bullet_item {background:url(../images/bullet_arrow_grey.gif) no-repeat ! important}
#column_wide_pink .bullet_item_hilite {background:url(../images/bullet_arrow_red.gif) no-repeat ! important; color:#D3004E ! important; font-weight:bold}
#column_wide_pink .text_hilite {color:#D3004E ! important; font-weight:bold}


/* Forms
----------------------------------------------- */

form {margin:0}
.form_label {font:80% Arial, Helvetica, sans-serif; line-height:20px; float:left; text-align:left; padding-right:10px; margin-top:4px; width:180px}
.form_holder {float:left}
.form_padding {padding:10px 20px 10px 20px}
.form_bg {}
.form_send {border:#000 1px solid; background:#8B3B2A; color:#fff; padding:5px; font:100% Helvetica, Arial, sans-serif; width:305px}
.formstyle {border:1px solid #4A5E58; background:#fff; margin-top:4px; font:90% Helvetica, Arial, sans-serif; width:300px}


/* Footer
----------------------------------------------- */

#footer {padding-top:10px; margin-top:20px; border-top:2px solid #D3004E; text-align:left; width:900px; clear:both}
#footer a {color:#565A61; text-decoration:underline; font-weight:normal}
#footer a:hover, a:active {color:#D3004E; text-decoration:underline; font-weight:normal}

.footer_icon {margin-left:20px; float:right}