html {height: 100%; margin: 0px;}
body {height: 100%; margin: 0px; background: #FF8000 url(img/bg_pattern.gif) repeat-x top; font-family: Arial;}

img {border: 0px;}
img.png {behavior: url(iepngfix.htc);}
img.subheader {margin-bottom: 2px;}
img.subheader.secondary {margin-top: 26px;}
img.floatpadding {margin-left: 31px;}

a {color: #3b3a3a; text-decoration: underline;}
a:hover {text-decoration: underline;}

#container {width: 996px; height: 100%; margin: 0px auto;}

#bg_top_bush {width: 996px; min-height: 221px; height: auto !important; height: 221px; background: url(img/bg_top_bush.gif) no-repeat;}
#bg_btm_bush {width: 996px; min-height: 114px; height: auto !important; height: 114px; background: url(img/bg_btm_bush.gif) no-repeat bottom;}

#top_container {width: 836px; height: 147px; margin-left: 84px;}
#top_bush_left {float: left; width: 144px; height: 147px;}
#top_menu {float: left; width: 600px; height: 147px; background: url(img/top_menu_bg.gif) repeat-x;}
#top_bush_right {float: left; width: 92px; height: 147px;}

#main_container {width: 836px; margin-left: 84px; background: #F7F7F7 url(img/main_bg_btm.gif) no-repeat bottom;}
#main_container #rope_left {float: left; width: 27px; height: 397px;}

#content_container {float: left; width: 530px; margin-bottom: 60px; background: url(img/content_separator.gif) repeat-y;}
#content_container .content_image_bg {width: 118px; background: url(img/content_image_bg.gif) no-repeat;}
#content_container .content_text {width: 459px; padding: 0px 37px 0px 33px; font-size: 12px; color: #3B3A3A; line-height: 16px;}
#content_container .tagline {width: 100%; margin-top: 26px; text-align: center;}

#side_container {float: left; width: 279px; min-height: 74px; height: auto !important; height: 74px; background: url(img/side_bg.gif) no-repeat;}
#side_container .side_header {margin-bottom: 10px;}
#side_container .side_date {font-size: 11px; font-weight: bold; color: #3D3C3A;}
#side_container .side_subheader {font-size: 11px; font-weight: bold; color: #35A111;}
#side_container .side_text {width: 219px; margin-left: 28px; margin-bottom: 22px; font-size: 11px; color: #3D3C3A; line-height: 14px; padding-left: 1px;}
#side_container .side_badge {margin-bottom: 7px;}
#side_container .side_text ul {margin: 0px; padding: 0px; margin-left: 15px; margin-top: 15px; margin-bottom: 15px;}

#orange #content_container {float: left; width: 578px; min-height: 511px; height: auto !important; height: 511px; margin-bottom: 60px; background: url(img/content_separator.gif) right repeat-y;}
#orange #content_container .content_image_bg {width: 118px; background: url(img/content_image_bg.gif) no-repeat;}
#orange #content_container .content_text {width: 459px; padding: 0px 0px 0px 33px; font-size: 12px; color: #3B3A3A; line-height: 16px; margin-top: -4px; #margin-top: 0px;} /* rmv margin for IE6/7 */
 
#orange #side_container {float: left; width: 231px; min-height: 359px; height: auto !important; height: 359px; background: url(img/side_bg_o.gif) no-repeat; overflow: hidden;}
#orange #side_container .side_header {margin-bottom: 10px; margin-top: 39px;}
#orange #side_container .side_text {width: 219px; margin-left: 28px; margin-bottom: 22px; font-size: 11px; color: #3D3C3A; line-height: 14px;}
#orange #side_container .side_badge {margin-bottom: 7px;}

#board #content_container {float: left; width: 809px; min-height: 511px; height: auto !important; height: 511px; margin-bottom: 60px; background: none;}
#board #content_container .content_image_bg {width: 809px; background: url(img/content_image_bg_board.gif) no-repeat;}
#board #content_container .content_text {float: left; width: 530px; padding: 0px 75px 0px 3px; font-size: 12px; color: #3B3A3A; line-height: 16px; margin-top: -4px; #margin-top: 0px;} /* rmv margin for IE6/7 */

#board #board_container {float: left; width: 199px; min-height: 224px; height: auto !important; height: 224px; background: url(img/board_bg.gif) no-repeat; margin-top: -4px; #margin-top: 0px;} /* rmv margin for IE6/7 */
#board #board_container .link_01 {margin-top: 31px;}
#board #board_container .link_02 {margin-top: 15px;}
#board #board_container .link_03 {margin-top: 13px;}
#board #board_container .link_04 {margin-top: 13px;}
#board #board_container #button {width: 50px; height: 113px; padding-top: 49px; padding-left: 3px;}
*:first-child+html #board #board_container #button {padding-top:63px;} * html #board #board_container #button {padding-top: 63px;}

#board #board_container_long {float: left; width: 199px; min-height: 224px; height: auto !important; height: 224px; background: url(img/board_bg_long.gif) no-repeat 0px 1px; margin-top: -4px; #margin-top: 0px;} /* rmv margin for IE6/7 */
#board #board_container_long .link_01 {margin-top: 31px;}
#board #board_container_long .link_02 {margin-top: 15px;}
#board #board_container_long .link_03 {margin-top: 13px;}
#board #board_container_long .link_04 {margin-top: 13px;}
#board #board_container_long #button {width: 50px; height: 113px; padding-top: 45px; padding-left: 3px;}
*:first-child+html #board #board_container_long #button {padding-top:66px;} * html #board #board_container_long #button {padding-top: 66px;}

#about {line-height: 18px;}
#about .binoculars {width: 100%; margin-top: 13px; margin-bottom: 26px; overflow: hidden;}
#about .connect {width: 100%; margin-top: 21px; text-align: center;}

#approach {line-height: 18px;}
#approach ul {margin: 0px; padding: 0px; margin-left: 23px; margin-top: 20px; margin-bottom: 20px;}
#approach ul li {padding-left: 10px;}
#approach .model_container {width: 100%; margin-top: 46px; text-align: center;}
#approach .model {width: 308px; margin: 0px auto; background: url(img/model_bg.gif) no-repeat;}

#approach .model .model_01 {width: 100%; height: 59px; text-align: left;}
#approach .model .model_02 {width: 100%; height: 77px; text-align: right; position: relative; top:-1px;}
#approach .model .model_03 {width: 100%; height: 59px; text-align: left; position: relative; top:-1px;}
#approach .model .model_04 {width: 100%; height: 73px; text-align: right; position: relative; top:-1px;}
#approach .model .model_05 {width: 100%; height: 80px; text-align: left; position: relative; top:-1px;}

#curriculum {line-height: 18px;}
#curriculum .framework {margin-top: 35px; margin-bottom: 20px;}
#curriculum #framework {width: 531px; height: 343px;}
#curriculum #framework #labely {float: left; width: 23px; height: 343px;}
#curriculum #framework #budding {float: left; width: 126px; height: 253px;}
#curriculum #framework #budding #creative1 {float: left; width: 126px; height: 45px;}
#curriculum #framework #budding #meaning1 {float: left; width: 126px; height: 208px;}
#curriculum #framework #junior {float: left; width: 129px; height: 253px;}
#curriculum #framework #junior #critical1 {float: left; width: 129px; height: 58px;}
#curriculum #framework #junior #creative2 {float: left; width: 129px; height: 65px;}
#curriculum #framework #junior #meaning2 {float: left; width: 129px; height: 130px;}
#curriculum #framework #young {float: left; width: 126px; height: 253px;}
#curriculum #framework #young #decision1 {float: left; width: 126px; height: 58px;}
#curriculum #framework #young #critical2 {float: left; width: 126px; height: 93px;}
#curriculum #framework #young #creative3 {float: left; width: 126px; height: 102px;}
#curriculum #framework #confident {float: left; width: 127px; height: 253px;}
#curriculum #framework #confident #problem1 {float: left; width: 127px; height: 68px;}
#curriculum #framework #confident #decision2 {float: left; width: 127px; height: 89px;}
#curriculum #framework #confident #critical3 {float: left; width: 127px; height: 62px;}
#curriculum #framework #confident #creative4 {float: left; width: 127px; height: 34px;}
#curriculum #framework #reflection {float: left; width: 508px; height: 30px;}
#curriculum #framework #articulation {float: left; width: 508px; height: 30px;}
#curriculum #framework #labelx {float: left; width: 508px; height: 30px;}
#curriculum #framework #labelx #buddinglabel {float: left; width: 126px; height: 30px;}
#curriculum #framework #labelx #juniorlabel {float: left; width: 129px; height: 30px;}
#curriculum #framework #labelx #younglabel {float: left; width: 126px; height: 30px;}
#curriculum #framework #labelx #confidentlabel {float: left; width: 127px; height: 30px;}

#programmes {line-height: 18px;}
#programmes ul {margin: 0px; padding: 0px; margin-left: 23px; margin-top: 17px; margin-bottom: 20px;}
#programmes ul li {padding-left: 10px;}
#programmes ul ul {margin-left: 30px;}
#centres_budding {float: left; width: 190px; height: 300px; margin-top: -295px; font-size: 11px; color: #3B3A3A; line-height: 16px;}
#centres_junior {float: left; width: 190px; height: 300px; margin-top: -439px; font-size: 11px; color: #3B3A3A; line-height: 16px;}
#centres_young {float: left; width: 190px; height: 300px; margin-top: -295px; font-size: 11px; color: #3B3A3A; line-height: 16px;}
#centres_confident {float: left; width: 190px; height: 300px; margin-top: -223px; font-size: 11px; color: #3B3A3A; line-height: 16px;}

#careers {line-height: 18px;}
#careers ol {margin: 0px; padding: 0px; margin-left: 20px; margin-top: 0px; margin-bottom: 20px;}
#careers ol li {padding-left: 0px;}

#contact {line-height: 18px;}
#contact .required {color: red;}

#contact .form_reach {margin-top: 8px;}
#contact .form_reach .left {float: left; width: 69px; font-weight: bold; clear: both;}
#contact .form_reach .name {float: left; margin-bottom: 14px; width: 415px;}
#contact .form_reach .email {float: left; margin-bottom: 14px; width: 415px;}
#contact .form_reach .message {float: left; margin-bottom: 14px;}
#contact .form_reach .submit {float: left; margin-left: 403px; clear: both;}
#contact .form_reach input {font-family: Arial; font-size: 12px;}
#contact .form_reach textarea {width: 415px; height: 125px; font-family: Arial; font-size: 12px;}

#contact .form_mailing {margin-top: 11px;}
#contact .form_mailing .left {float: left; width: 155px; font-weight: bold; clear: both;}
#contact .form_mailing .name {float: left; margin-bottom: 14px; width: 320px;}
#contact .form_mailing .email {float: left; margin-bottom: 14px; width: 320px;}
#contact .form_mailing .contact {float: left; margin-bottom: 14px; width: 320px;}
#contact .form_mailing .mailing {float: left; margin-bottom: 14px; width: 320px;}
#contact .form_mailing .submit {float: left; margin-left: 395px; clear: both;}
#contact .form_mailing input {font-family: Arial; font-size: 12px;}
#contact .form_mailing select {font-family: Arial; font-size: 12px; margin-bottom: 33px;}

#contact .form_mailing .interested {font-family: Arial; font-size: 12px; margin-bottom: 50px;}
#contact .form_mailing .children {font-family: Arial; font-size: 12px; margin-bottom: 13px;}
#contact .form_mailing .children_num {font-family: Arial; font-size: 12px; margin-bottom: 13px;}

#contact .form_mailing .child_name_01 {font-family: Arial; font-size: 12px; width: 320px; margin-bottom: 13px;}
#contact .form_mailing .child_dob_01 {font-family: Arial; font-size: 12px; margin-bottom: 13px;}

#contact .form_mailing .child_name_02 {font-family: Arial; font-size: 12px; width: 320px; margin-bottom: 13px;}
#contact .form_mailing .child_dob_02 {font-family: Arial; font-size: 12px; margin-bottom: 13px;}

#contact .form_mailing .child_name_03 {font-family: Arial; font-size: 12px; width: 320px; margin-bottom: 13px;}
#contact .form_mailing .child_dob_03 {font-family: Arial; font-size: 12px; margin-bottom: 13px;}

#contact .form_mailing .child_name_04 {font-family: Arial; font-size: 12px; width: 320px; margin-bottom: 13px;}
#contact .form_mailing .child_dob_04 {font-family: Arial; font-size: 12px; margin-bottom: 13px;}

#contact .form_mailing .child_name_05 {font-family: Arial; font-size: 12px; width: 320px; margin-bottom: 13px;}
#contact .form_mailing .child_dob_05 {font-family: Arial; font-size: 12px; margin-bottom: 13px;}

#contact .form_mailing #child_01_display {display: none;}
#contact .form_mailing #child_02_display {display: none;}
#contact .form_mailing #child_03_display {display: none;}
#contact .form_mailing #child_04_display {display: none;}
#contact .form_mailing #child_05_display {display: none;}

#footer_container {width: 836px; height: 50px; margin-left: 84px; clear: both; font-size: 11px; color: #FFFFFF;}
#footer_container .copyright {float: left;}
#footer_container .siteby {float: right;}
#footer_container a {color: #FFFFFF; text-decoration: none;}
#footer_container a:hover {text-decoration: underline;}



/* Start Utility Classes */

.floatleft {float: left;}
.floatright {float: right;}

.clear {clear: both;}

.bold {font-weight:bold;}
.underline {text-decoration: underline;}
.italics {font-style:italic;}

/* End Utility Classes */