* {margin:0; padding:0}
a img {border:none}
.clear {clear:both}

body {background:#fff url(../images/body_bk.jpg) top left repeat-x; padding:0; height:auto; text-align:center; font-family:Georgia1, Georgia, serif, Verdana, Helvetica; font-size:15px; color:#505050}

/*-- masthead --*/
#mast {background:transparent; height:180px; padding:0; text-align:left}
#mast_main {background:transparent url('../images/doors_bk.jpg') 0 100% no-repeat; height:163px; width:900px; margin:0 auto; padding:17px 0 0 0; overflow:hidden}
#mast_main a {color:#fff; font-size:16px; text-decoration:none; font-weight:bold}
#logo_a {float:left; background:transparent; width:170px; height:126px; padding:15px 0 0 35px}
#main_logo {float:left; width:230px; height:151px; background:transparent url('../images/main_logo.png') 0 10px no-repeat}

.h_right_col_b {float:left; width:660px; padding:0 0 0 0; height:151px}

.box_home {float:left; height:151px; width:71px; background:transparent; margin:0 17px 0 0}
.box_current {float:left; height:140px; width:110px; background:transparent; margin:0 17px 0 0; padding:11px 0 0 0}
.box_past {float:left; height:139px; width:92px; background:transparent; margin:0 17px 0 0; padding:12px 0 0 0}
.box_gallery {float:left; height:143px; width:73px; background:transparent; margin:0 17px 0 0; padding:8px 0 0 0}
.box_educat {float:left; height:141px; width:92px; background:transparent; margin:0 17px 0 0; padding:10px 0 0 0}
.box_interact {float:left; height:146px; width:108px; background:transparent; margin:0; padding:5px 0 0 0}

/*--- mid_section elements ---*/
#mid {background:transparent; padding:10px 0 0 0; text-align:left; clear:both}
#mid_main {width:900px; background:transparent url('../images/main_bk.png') 0 0 repeat-y; height:auto; margin:0 auto; padding:0 0 10px 0}

/*--- left_column ---*/
#left_grp {float:left; width:220px; height:auto}
#left_col {clear:both; float:left; width:203px; background:transparent; margin:0; padding:20px 0 0 20px; font-size:1em}
#left_col p {padding:0 0 10px 16px}
.l_group {clear:both; float:left; background:#fff; padding:0 0 15px 0; width:180px; margin:0}
.menu_head a {float:left; color:#505050; padding:7px 2px 2px 16px; width:155px; height:25px; font-size:15px; margin:0; background:#fff; border-bottom:1px solid #cbd16f; text-decoration:none}
.menu_head a:hover {margin:0; background:#ececec; border-bottom:1px solid #cbd16f}

/*--- right_column ---*/
#tasseo {float:left; height:293px; width:612px}
#r_col a, #r_col_b a, .greya {color:#62620c}
#r_col {float:left; background:transparent; width:600px; height:auto; padding:20px 20px 0 20px; font-size:0.9em}
#r_col_b {float:left; overflow:hidden; background:transparent url(../images/curr_bk.jpg) 10px 15px no-repeat; width:670px; height:790px; padding:20px 0 0 0; margin:0; font-size:0.9em}
#h_gallery {float:left; width:308px; background:transparent; padding:15px 0 0 0}
#h_new_proj {float:left; width:288px; background:transparent; padding:15px 0 0 0}
#welcome {float:left; width:595px; height:261px; padding:26px 15px 15px 5px; background:#fff url('../images/welc_ban.jpg') top right no-repeat}
#welcome p {padding:15px 15px 15px 0; font-size:15px; width:230px}
.box_basic {float:left; width:595px; height:auto; padding:10px 15px 15px 5px; background:#fff}
.box_cent {float:left; width:595px; height:auto; padding:10px 15px 15px 5px; background:#fff; text-align:center}
.box_pp {float:left; height:auto; padding:0 0 15px 0; background:#fff; margin:0 0 10px 0}
.box_pp p {padding:5px 15px}
.line {width:599px; height:1px; background:#969600}
.pp {float:left; width:90px; height:auto; background:white; text-align:left; margin:0 10px 0 0}
.pp_b {float:left; width:90px; height:auto; background:white; text-align:left; margin:0}
.pp_c {float:left; background:white; height:100px; width:90px; margin:0}
#pp_cont {float:left; width:600px; padding:20px 0 0 0; background:#fff}
#pp_inner {margin:auto; background:white; width:590px}
#pp_inner p {padding:3px}
.pp img, .pp_b img {margin:0 auto}
#pp_main {float:left; width:595px; height:auto; padding:0 15px 15px 5px; background:#fff url('../images/lt_line.jpg') top right no-repeat}
.pp_l {float:left; width:295px; background:#fff}
.review {clear:both; padding:10px 0 0 0; font-style:italic}
#flickr_cont {background:black url(../images/flickr_bk.jpg) 0 0 no-repeat; margin:20px 0 20px 55px; padding:10px; height:375px; width:500px}
#edu_notes {background:url(../images/edu_note.jpg) 0 0 no-repeat; width:510px; height:390px; padding:80px 40px 0 60px; font-size:1.2em}
#edu_notes ul {width:350px; list-style-image:url(../images/arrow.png)}
#edu_notes li {padding:0 0 10px 0}
ul.edu_list {padding:20px; font-weight:bold}
.edu_ad {background:#fff url(../images/edu_ban.png) 0 0 no-repeat; margin:0 auto; line-height:1.4em; height:200px; width:540px; color:#000; font-size:18px; padding:40px 20px 20px 40px}
.curr_box {float:left; background:transparent; width:260px; height:271px; padding:40px 20px 0 20px; font-size:16px}
#curr_hold {float:left; width:602px; height:330px; background:transparent; padding:350px 0 10px 42px; color:#000}
.curr_box p {padding:0 0 9px 0}

#main_plug {clear:both}
#rt_plug {width:900px; background:transparent url('../images/r_plug.png') 0 0 no-repeat; height:20px; padding:0; margin:0 auto 0 auto}

/*--- footer ---*/
#footer {clear:both; padding:10px 0; background:transparent url('../images/footer.png') top left repeat; height:160px; margin:20px 0 0 0}
#footer_cont {width:900px; margin:0 auto; background:transparent; padding:0; color:#fff; text-align:left; font-size:12px; overflow:hidden}
#footer_cont a {color:#caca6c}
.foot_col_a {float:left; width:216px; margin:0 12px 0 0}
.foot_col_b {float:left; width:216px; margin:0}
ul.sitemap {list-style-position:inside}
ul.inner {padding:0 0 0 10px}

/*--- headers ---*/
h4 {font-weight:bold; margin:0 0 10px 0; color:#fff}

/*--- semantics ---*/
#l_contact strong {color:#595A07}
.txt_grn {color:#595A07}
.gap_ten {margin:0 0 15px 0}
.gap_t {margin:0 0 10px 0}
.gap_ten_d {margin:10px 0 10px 15px}
.pad_twenty {padding:20px}
.pad_twenty_g {float:left; padding:20px; margin:0; width:560px; background:#f0f0f0}
p.center {text-align:center}
.top_twenty {float:left; margin:20px 0 0 0}
.rev_bold {font-weight:bold; font-style:normal}
p.clear_p {clear:both}
img.l_pad {padding:0 0 0 13px}

/*-- clearfix --*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {color:#fff; font-size:0.1em; clear:both}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */