body {
background-color: #ACACAC;
background-position: top;
background-repeat: repeat-x;
margin: 0;
margin-left: 16px;
padding: 0;
line-height: 18px;
font-family:Arial, Helvetica, sans-serif;
}

h1 {
font-style: italic;
font-weight: bold;
color: white;
font-size: 18px;
font-family: Arial;
margin: 0;
top: 5px;
left: 30px;
position: absolute;
}

.sub_header p {
color: white; margin-left: 24px; margin-top: 22px; font-size: 11px;

}

hr {
background-color: #898a8a;
color: #898a8a;
}

a {
color: #343536;
}

table.datatable {
margin: 0px 8px;
}

table.honoursboard  {
border: none;
}

table.honoursboard th{
border: none;
color: black;
padding: 4px 4px;
padding: 4px 4px;
margin: 0px;
font-size: 10px;
border-bottom: 1px solid #343536;
}

table.honoursboard td {
border: none;
padding: 4px 0px;
margin: 0px;
font-size: 10px;
text-align: center;
}

table.newstable {
font-size: 11px;
}

.language {
color: white;
position: relative;
height: 0px;
top: 40px;
left: 512px;
}

.lang_select {
margin:20px;
position:relative;
right:8px;
}

.lang_select img {
margin-left: 4px;
border: none;
border-bottom: #a0a0a0 solid 1px;
border: #a0a0a0 solid 1px;

}

.plainheader th {
border: none;
color: black;
margin: 0px;
font-size: 10px;
text-align: left;
}

.plainheader  td {
border: none;
padding: 2px 0px;
margin: 0px;
font-size: 10px;
text-align: left;
}

table.datatable td {
text-align: center;
border-bottom: 1px solid #bab9b9;
font-size: 11px;
line-height: 16px;
}

table tr.admin  td {
border: none;
}

table tr.admin  th {
border: none;
padding: none;
}

.delete {
border: none;
position: relative;
width: 196px;
padding-left: 32px;
font-family: Arial;
color: #d9d9d9;
}

table td.delete {
border: none;
position: relative;
width: 196px;
padding-left: 32px;
font-family: Arial;
color: #d9d9d9;
}

table th.delete {
border: none;
position: relative;
width: 196px;
padding-left: 32px;
font-family: Arial;
color: #d9d9d9;
}

.delete a {
background-image: url(img/admin/button/button-delete-sml.png);
background-repeat: no-repeat;
background-position: top left;
color: #343536;
float: left;
line-height: 21px;
text-align: left;
font-weight: bold;
padding-left: 32px;
text-decoration: none;
}

.delete a:hover {
background-position: bottom left;
color: white;
}

a.stretchy_add_button  {
background-image: url(img/admin/button/add-button-light.png);
background-repeat: no-repeat;
background-position: top left;
color: #343536;
margin: 8px;
padding-left: -32px;
display: block;
text-decoration: none;
float: left;
}

a.stretchy_add_button span {
background-image: url(img/admin/button/add-button-light.png);
background-repeat: no-repeat;
background-position: top right;
color: #8a8989;
display: block;
line-height: 26px;
font-size: 13px;
font-family: Arial;
text-decoration: none;
margin-left: 32px;
margin-right: -4px;
padding-right: 8px;
}

a.stretchy_add_button:hover {
background-position: bottom left;
}

a.stretchy_add_button:hover span {
background-position: bottom right;
color: #343536;
}



table.datatable th {
text-align: center;
border-top: 1px solid #bab9b9;
border-bottom: 1px solid #bab9b9;
font-size: 11px;
line-height: 16px;
}

th input {
font-weight: bold;
border: none;
margin: none;
padding: none;
width: 100%;
}

tr.newcell td {
background-color: #f5ff4e;
}

.delcell {
background-color: #ff2525;
}

td input {
width: 100%;
}


td input.dt {
border: none;
}

.page {
background-color: #343536;
padding-top: 8px;
width: 828px;
position: relative;
}

.header {
height: 262px;
width: 812px;
position: relative;
margin: 0px 8px 8px 8px;
}

.header_caption {
position: absolute;
bottom: 16px;
right: 16px;
z-index: 200;
font-weight: bold;
line-height: 20px;
}

.header_caption span {
padding: 0px 10px; 
display: block;
font-family: Arial, Helvetica, sans-serif;
float: left;
}

#time{
background: url("img/header/header-time-bkgd.png") no-repeat  center left;
color: #009a3d;
font-size: 11px;
}

#caption{
color: #c2c2c2;
font-size: 10px;
background: url("img/header/header-text-bkgd.png") no-repeat  center right;
}


.sub_header {
height: 162px;
width: 632px;
margin: 0px 8px 8px 8px;
}

.tnav {
height: 30px;
top: 0px;
z-index: 2;
/*position: fixed; /* For navigation that stays in the viewport */
position: absolute; /* For navigation that stays at the top of the page */
margin-left: 20px;
}

.tnav a {
text-decoration: none;
}

.tnav_button {
border: none;
margin: 1px;
float: left;
display: inline;
text-align: center;
}

.tnav_button li a {
color: white;
}

.tnav_button img, a {
border: none;
outline: none;
}

.tnav_text {
display: inline;
line-height: 30px;
font-size: 13px;
color: white;
font-family: Arial;
}

.nav_summary  {
font-family: Arial;
font-size: 12px;
text-decoration: none;
font-style: italic;
color: #DEDEDE;
}

.nav_summary  a {
font-family: Arial;
font-size: 11px;
text-decoration: none;
font-style: italic;
color: #DEDEDE;
}


.middle {
overflow: visible;
width: 820px;
position: relative;
background-color: #343536;
}

.footer {
background-color: #343536;
height: 50px;
clear: both;
bottom: 0;
}

.left {
float: left;
width: 164px;
overflow: visible;
padding-bottom: 200px;
}

.left_admin {
float: left;
width: 158px;
padding: 0px 16px 0px 0px;
overflow: hidden;
padding-bottom: 200px;
background-color: #d9d9d9;
}

.center_admin {
border: white solid 16px;
background-color: #d9d9d9;
float: left;
width: 654px;
}

.center {
background-color: #ffffff;
float: left;
width: 640px;

}

.contact_box {
background-image: url(img/leftbar/logo_whs.gif);
background-position: bottom left;
background-repeat: no-repeat;
position: absolute;
bottom: 50px;
left: 0px;
width: 160px;
height: 200px;
}

.contact_box p {
color:#555555;
font-size:12px;
font-style:italic;
text-align:center;
width:160px;
margin: 65px 0 65px 20px;
}


.right {
top: 0px;
z-index: 1;
position: absolute;
right: -39px;
}

.lc_element {
width: 167px;
overflow: hidden;
background-image: url(img/leftbar/bg_box.jpg);
background-position: center bottom;
background-repeat: no-repeat;
margin: 0px;
color: #636363;

}

.lc_element a {
color: black;
font-weight: bold;
}

.lc_element_container {
margin: 16px 0px 16px 0px;
font-family: Arial;
font-size: 9px;
position: relative;
margin-left: 0px;
left: 0px;
clear: both;
}
.lc_element_admin {
width: 167px;
overflow: hidden;
background-image: url(img/leftbar/bg_box_grey.jpg);
background-position: center bottom;
background-repeat: no-repeat;
margin: 0px;
color: #636363;

}

.lc_element_admin a {
color: black;
font-weight: bold;
}

.lc_element_header_admin {
background-image: url(img/leftbar/header_grey.png);
width: 167px;
height: 27px;
color: white;
background-repeat: no-repeat;
background-position: center;
padding-top: 3px;
}

.dark_grey_button {
background-image: url(img/admin/button/dark-gray-bar.png);
background-position: left top;
background-repeat: no-repeat;
padding: 0px 0px 0px 8px;
}

.dark_grey_button a {
line-height: 34px;
background-image:  url(img/admin/button/dark-gray-bar.png);
background-position: right top;
background-repeat: no-repeat;
padding-right: 11px;
display: block;
color: white;
font-family: Arial;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}

.dark_grey_button a:hover {
color: white;
}

.plain {
background-image: url(img/admin/button/dark-gray-bar-plain.png);
white-space: nowrap;
}

.plain a {
background-image: url(img/admin/button/dark-gray-bar-plain.png);
}

.lc_element_header {
background-image: url(img/leftbar/header.png);
width: 167px;
height: 27px;
color: white;
background-repeat: no-repeat;
background-position: center;
padding-top: 3px;
}

.lc_element_header_caption {

line-height: 10px;
position: absolute;
white-space: nowrap;
top: 5px;
left: 12px;
}

.lc_element_caption {
margin: 0px 12px 0px 26px;
padding-bottom: 8px;
margin-top: -7px;
line-height: 13px;
}

.rc_element {
width: 193px;
background-color: #f2f2f2;
margin: 6px 10px 4px 7px;
font-size: 11px;
font-family: Arial;
position: relative;
z-index: 5;
line-height: 14px;
}

.cal {
background:transparent url(img/cal_bg.jpg) repeat-y scroll left top;
border:1px solid white;
color:black;
padding:8px;
width:139px;
margin-top: 3px;
position: relative;
}

.cal a {
color: black;
}

.cal_header {
padding: 0px 16px;
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: white;
width:139px;
}

.cal_top {
background:transparent url(img/cal_bg.png) repeat-y scroll left top;
float:left;
height:10px;
margin-left:-9px;
margin-top:-9px;
position:absolute;
width:157px;
z-index:2;
}

.cal_bot {
background:transparent url(img/cal_bg.png) repeat-y scroll left bottom;
float:left;
height:10px;
margin-left:-9px;
margin-top:-1px;
position:absolute;
width:157px;
z-index:2;
}

.cal_item {
border-bottom: black dotted 1px;
margin-bottom: 8px;
}

.rc_element a {
font-size: 11px;
font-family: Arial;
text-decoration: none;
line-height: 14px;

}

.rc_content_grn a {
color: white;
}

.rc_content_ylw a {
color: black;
}

.rc_content_gry a {
color: black;
}

.rc_header_grn {
position: absolute;
top: 0px;
background-image: url(img/rightbar/green_header.png);
background-position: left;
background-repeat: no-repeat;
padding: 0px 8px 0px 8px;
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: white;
width:193px;
height:25px;
}

.rc_content_grn {
padding: 30px 16px 36px 8px;
background-image: url(img/rightbar/green_bg.jpg);
background-position: left;
background-repeat: repeat-y;
color: white;
overflow: visible;
}

.rc_footer_grn {
position: absolute;
bottom: 0px;
background-image: url(img/rightbar/green_footer.jpg);
background-position: left;
background-repeat: no-repeat;
padding: 0px 8px 0px 8px;
width:193px;
height:23;
}

.rc_header p {
margin-top: 2px;
}

.rc_footer p {
margin-top: 1px;
}

.rc_footer_grn a {
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #a2a2a2;
text-decoration: none;
}

.rc_header_ylw {
position: absolute;
top: 0px;
background-image: url(img/rightbar/yellow_header.png);
background-position: left;
background-repeat: no-repeat;
padding: 0px 8px 0px 8px;
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: white;
width:193px;
height:25px;
}

.rc_content_ylw {
padding: 16px 16px 36px 8px;
background-image: url(img/rightbar/yellow_bg.jpg);
background-position: left;
background-repeat: repeat-y;
color: black;
overflow: visible;
}

.rc_footer_ylw {
position: absolute;
bottom: 0px;
background-image: url(img/rightbar/yellow_footer.jpg);
background-position: left;
background-repeat: no-repeat;
padding: 0px 8px 0px 8px;
width:193px;
height:23;
}

.rc_footer_ylw a {
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: black;
text-decoration: none;
}

.rc_element img, a {
border: none;
outline: none;
}

.rc_element a:hover {
text-decoration: underline;
}

.rc_header_gry {
position: absolute;
top: 0px;
background-image: url(img/rightbar/grey_header.png);
background-position: left;
background-repeat: no-repeat;
padding: 0px 8px 0px 8px;
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: white;
width:193px;
height:25px;
}

.rc_content_gry {
color: black;
padding: 16px 16px 36px 8px;
background-image: url(img/rightbar/grey_bg.jpg);
background-position: left;
background-repeat: repeat-y;
overflow: visible;
}

.rc_footer_gry {
position: absolute;
bottom: 0px;
background-image: url(img/rightbar/grey_footer.jpg);
background-position: left;
background-repeat: no-repeat;
padding: 0px 8px 0px 8px;
width:193px;
height:23;
}

.rc_footer_gry a {
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: black;
text-decoration: none;
}

.rc_ps_container {
width: 158px;
margin: 32px 0px 0px 16px;
}

.rc_ps_header {
background-image: url(img/rightbar/ps_header.jpg);
background-position: center left;
background-repeat: no-repeat;
width: 158px;
height: 25px;
}

.rc_ps_header_caption {
margin-left: 24px;
margin-top: -2px;
line-height: 14px;
display: block; 
color: yellow;
font-weight: bold;
font-size: 10px;
font-family: Arial;
}

.rc_ps_element {
background-image: url(img/rightbar/ps_background.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}

.rc_ps_caption {
color: white;
font-size: 11px;
font-family: Arial;
margin: -12px 0px 0px 0px;
padding: 10px 0px 18px 8px;

}

.sub_menu_list {
padding: 8px 0px 0px 0px;
margin: 0px;
list-style: none;
width: 156px;
vertical-align: top;
}

.sub_menu img {
line-height: 0px;
position: absolute;
z-index: 1;
}

.sub_menu_list a {
color: white;
font-family: Arial;
display: block;
text-decoration: none;
text-align: left;
}

.tsubnav .sub_menu_list a {
color: white;
font-family: Arial;
font-size: 13px;
display: block;
text-decoration: none;
text-align: left;
padding: 0px 4px 2px 10px;
}

.tsubnav .sub_menu_list li {
padding: 0px;
background: none;
}

.tsubnav .sub_menu_list {
padding: 0px;
margin-top: 4px;
list-style: none;
width: 156px;
vertical-align: top;
background-image: url(img/tnav/nav-bkgd.png);
background-position: top center;
background-repeat: repeat-x;
}

.sub_menu_list li {
padding: 0px 4px 2px 10px;
background-color: #343536;
}

.sub_menu_sub_item {
font-size: 11px;
line-height: 14px;
}

.sub_menu_item {
font-size: 13px;
}

.tsubnav .sub_menu_list a:hover,li:hover {
background-color: #00933a;
color: white;
}

.tsubnav .sub_menu_list a.disabled_navitem {
background: none;
color: #343536;
}

.tsubnav .sub_menu_list a.disabled_navitem:hover {
background: none;
}

.sub_menu_list a:hover,li:hover {
background-color: #00933a;
color: white;
}

.tsubnav {
position: absolute;
z-index: 10;
top: 30px;
height: 200px;
width: 140px;
display:none;
}

a:hover {
color: #00933a;
}

.admin_page_header_container {
margin: 8px 4px 0px 0px;
float: left;
width: 474px;
height: 48px;
background-image: url(img/admin-title-bar.png);
background-repeat: no-repeat;
background-position: top left;
display: block;
position: relative;
}

.admin_page_header {
vertical-align: top;
margin: 5px 16px 0px -8px;
display: inline;
}


.page_header_container {
margin: 8px 8px 8px 0px;
float: right;
width: 452px;
height: 48px;
background-image: url(img/title-bar.png);
background-repeat: no-repeat;
background-position: top left;
display: block;
position: relative;
}

.page_header {
vertical-align: top;
margin: 5px 16px 0px -8px;
display: inline;
}

.page_container {
padding: 0px 8px 100px 8px;
font-family: Arial;
font-size: 13px;
min-height: 400px;
float: right;
width: 436px;
}

.admin_page_container {
padding: 0px 8px 0px 8px;
width: 444px;
float: left;
font-family: Arial;
font-size: 13px;
min-height: 400px;
margin-right: 16px;
margin-top: 16px;
#border: 1px dotted black;
}

.section_container {
width: 444px;
}

.gallery_container {
float: left;
height: 220px;
width: 137px;
margin-right: 8px;
}

.border_header {
background-image: url(img/image_border/dark-stretchy.gif);
background-position: left top;
background-repeat: no-repeat;
height: 5px;
}

.border_header span {
background-image: url(img/image_border/dark-stretchy.gif);
background-position: right top;
background-repeat: no-repeat;
line-height: 7px;
display: block;
margin-left: 5px;
}


.border_footer {
background-image: url(img/image_border/dark-stretchy.gif);
background-position: left bottom;
background-repeat: no-repeat;
height: 5px;
}

.border_footer span {
background-image: url(img/image_border/dark-stretchy.gif);
background-position: right bottom;
background-repeat: no-repeat;
line-height: 7px;
display: block;
margin-left: 5px;
}



.gallery_img_container {
width: 137px;
margin: 0px 8px 4px 0px;
position: relative;
display: block;
}

.gallery_img_container a {
color: white;
font-family: Arial;
font-size: 10px;
text-decoration: none;
}

.gallery_button_container {
background-color: #343536;
text-align: center;
padding: 0px 0px; 
margin: 4px 0px 8px 0px;
}

.gallery_button_container a {
color: white;
font-size: 10px;
padding: 0px 24px;
text-decoration: none;
display: block;
}

.left_img_container {
float: left;
margin: 0px 16px 16px 0px;
background-color: #343536;
position: relative;
}

.center_img_container {
width: 350px;
left: 32px;
margin: 0px 24px 16px 0px;
background-color: #343536;
position: relative;
clear: both;
}

.left_img_container_90 {
float: left;
width: 90px;
margin: 0px 24px 8px 0px;
background-color: #343536;
position: relative;
}

.right_img_container {
float: right;
background-color: #343536;
position: relative;
margin: 0px 0px 16px 16px;
}

.section_img {
width: 140px;
font-size: 11px;
line-height: 14px;
color: #ffffff;
text-align: center;
padding: 8px 8px 0px 8px;
background-color: #343536;
}

.section_img span {
padding-bottom: 5px;
display: block;
color: #020202;
}

.section_img_90 {
width: 90px;
font-size: 11px;
line-height: 14px;
color: #ffffff;
text-align: center;
padding: 8px 8px 0px 8px;
background-color: #343536;
}

.section_img_350 {
width: 350px;
font-size: 11px;
line-height: 14px;
color: #ffffff;
font-style: italic;
text-align: center;
padding: 8px 8px 0px 8px;
background-color: #343536;
}

.section_img_350 img {
padding-bottom: 8px;
}


.section_img img {
padding-bottom: 8px;
}

.leading_text {
color: #007335;
font-weight: bold;
line-height: 18px;
}

.staff_position {
line-height: 18px;
}

.item_body {
}

h3 {
margin: 8px 0px 0px 0px;
line-height: 18px;
display: block;
clear: both;
}

h2 {
font-family: Arial;
font-size: 14px;
clear: both;

}

.caption_grey {
color: #777577;
font-size: 10px;
}

.download_link {
color: #343536;
font-size: 11px;
font-weight: bold;
text-decoration: none;
line-height: 12px;
}

.download_link:hover {
text-decoration: underline;
}

.expand_link {
color: #666666;
font-size: 11px;
}

.a_pagetitle {
width: 420px;
position: absolute;
top: 3px;
left: 24px;
font-style: italic;
font-weight: bold;
font-size: 14px;
}

.yellow_button {
clear: both;
height: 26px;
margin: 16px 24px 16px 24px;
position: relative;
background-image: url(img/admin/button/add-button-dark.png);
background-repeat: none;
background-position: top left;
}

.yellow_button a {
background-image: url(img/admin/button/add-button-dark.png);
text-align: left;
padding-left: 24px;
color: #666666;
text-decoration: none;
font-family: Arial;
}

.yellow_button a:hover {
background-position: bottom right;
color: #343536;
}

.admin_section {
float: left;
width: 692px;
min-height: 68px;
}

.del_button {
float: right;
}

.del_button a {
line-height: 26px;
width: 153px;
background-image: url(img/admin/button/button-delete.png);
background-repeat: none;
background-position: top left;
display: block;
float: left;
padding-left: 35px;
color: white;
text-decoration: none;
font-weight: bold;
font-family: Arial;
font-size: 11px;
}

.del_button a:hover {
background-position: bottom left;
}

.save_button_container {
width: 188px;
height: 39px;
position: relative;
clear: both;
}

.save_button {
background-color: #017700;
width: 156px;
line-height: 39px;
font-weight: bold;
font-family: Arial;
font-size: 11px;
float: left;
padding-left: 35px;
color: white;
text-decoration: none;
}

.save_button:hover {
background-position: bottom left;
color: white;
}

.add_button {

}

.subject_row  td {
font-size: 11px;
border-bottom: 1px solid #bab9b9;
padding: 8px 0px 4px 0px;
}

.subject_row  a {
font-size: 11px;
font-weight: bold;
color: #343536;
text-decoration: none;
}

.subject_row  a:hover {
color: #007335;
}

.subject_row th {
font-size: 11px;
text-align: left;
padding-left: 8px;
line-height: 16px;
}

.skinny_grey_bar_left {
background-image: url(img/tabs/subject-lhs.png);
background-position: left center;
background-repeat: no-repeat;
}

.skinny_grey_bar_right {
background-image: url(img/tabs/subject-rhs.png);
background-position: right center;
background-repeat: no-repeat;
background-color: #bab8b9;
line-height: 16px;
}

.add_button a {
color: #8a8989;
padding-left: 32px;
text-decoration: none;
background-image: url(img/admin/button/add-button-light.png);
background-position: top left;
background-repeat: no-repeat;
display: block;
line-height: 26px;
}

.add_button a:hover {
color: #343536;
background-position: bottom left;
}

.ncea_note {
width: 80px;
float: left;
padding: 2px;
text-align: center;
}

.ncea_note a {
color: #007335;
text-decoration: none;
font-weight: bold;
}

.templates {
width: 132px;
background-color: #343536;
padding: 4px;
margin: 32px 0px 16px 0px;
border: 3px solid #666666;
display: none;
position: absolute;
right: -16px;
z-index: 10;
}

.temp_icon {
width: 66px;
height: 67px;
float: left;
}

.temp_icon a {
line-height: 67px;
display: block;
background-position: left top;
background-repeat: no-repeat;
text-decoration: none;
}

.temp_icon_caption {
position: absolute;
left: 170px;
font-weight: bold;
top: 0px;
color: white;
width: 500px;
display: none;
}

.upload_file {
position: absolute;
z-index: 6;
left: -60px;
margin-top: 8px;
}

.temp_icon a:hover {
background-position: left bottom;
}

.gallery_edit_button {
width: 137px;
height: 35px;
text-align: center;
}

.gallery_edit_button a {
background-image: url(img/image_border/gallery-admin-edit.png);
background-position: top left;
background-repeat: no-repeat;
color: white;
font-family: Arial;
font-size: 11px;
display: block;
line-height: 35px;
}

.gallery_edit_button a:hover {
background-position: bottom left;
}

.upload_img {
background-image: url(img/admin/icon/icons-picture.png);
background-position: top left;
background-repeat: no-repeat;
height: 66px;
width: 66px;
display:block;
margin: 8px;
}

.upload_img:hover {
background-position: bottom left;
}

.tab_selector {
position: absolute;
z-index: 2;
}

.tab_page {
height: 30px;
width: 228px;
float: left;
}

.tab_page a {
line-height: 30px;
text-decoration: none;
text-align: center;
padding-left: 8px;
color: #343536;
}

.active_tab {
border-bottom: none;
background-color: #d9d9d9;
border-right:  #666666 1px solid;
}

.right_tab {
border-right:  none;
}

.left_tab, .center_tab {
border-right:  #666666 1px solid;
}

.inactive_tab {
background-color: #c9c9c9;
border-bottom: #666666 1px solid;
}

.white-grey_bar {
background-image: url(img/tabs/white-greybar-rhs.png);
background-position: center right;
background-repeat: no-repeat;
display: block;
clear: both;
margin: 8px 0px;
}

.white-grey_bar_content {
	background-image: url(img/tabs/show-hide-bkgd-white.png);
	background-repeat:  repeat-x;
	background-position: top left;
	height:35px;
	white-space:nowrap;
	font-family: Arial;
	font-size: 13px;
	}

.grey_bar {
background-image: url(img/admin/button/greybar-rhs.png);
background-position: center right;
background-repeat: no-repeat;
display: block;
clear: both;
margin: 8px 0px;

}

.grey_bar_caption {
display: block;
line-height: 30px;
background-color: #bab9b9;
margin-right: 5px;
}

.white-sml_grey_bar_left {
background-image: url(img/tabs/white-greybar-short-rhs.png);
background-position: center right;
background-repeat: no-repeat;
display: block;
clear: both;
margin: 8px 0px;

}

/* CHRIS'S STYLES */

/* Save Buttons */


a.save-button{
    display: block;
	float:left;
	padding:0px 0px 0px 48px;/* sliding doors padding */
    text-decoration: none;
	white-space:nowrap; 
    background: url(img/admin/button/save-button.png) no-repeat scroll top left;
}
a.save-button span {
    display: block;
	line-height: 51px; /* compensates for the drop-shadow */
    padding:0px 14px 0px 0px;
	margin-top:0px;
    background:  url(img/admin/button/save-button.png) no-repeat scroll top right;
	color:#bfe4ce;
} 
a.save-button:active {
    outline: none; /* hide dotted outline in Firefox */
}

a.save-button:active span {
    outline: none; /* hide dotted outline in Firefox */
} 

a.save-button:hover {
	background-position:bottom left;
    outline: none; /* hide dotted outline in Firefox */
}

a.save-button:hover span{
	background-position:bottom right;
	color:#ffffff;
    outline: none; /* hide dotted outline in Firefox */
}

/*Delete Buttons */
.delete-button {
	background: url(images/button-delete.png) no-repeat top left; 
	padding-left:35px;
	line-height:26px; 
	display:block; 
	float:left; 
	list-style: none; 
	text-decoration: none; 
	color:#c2c3c3;
	font-size:0.69em;
	border:0px;
	width:31.3em;
	}
	
.delete-button:hover {
	background-position:bottom left;
	color:#ffffff;
	}
	
/* NCEA Edit Buttons */

a.editbutton-ncea {
    background: url(img/tabs/edit-ncea-button.png) no-repeat scroll top left;
    color:#fff;
    display: block;
	float:right;
	padding:0px 0px 0px 0px;/* sliding doors padding */
    text-decoration: none;
	white-space:nowrap; 
}

a.editbutton-ncea {
   background:  url(img/admin/button/edit-ncea-button.png) no-repeat scroll top left;
   padding-left: 16px;
}

a.editbutton-ncea span {
    background:  url(img/admin/button/edit-ncea-button.png) no-repeat scroll top right;
    display: block;
    line-height: 30px; /* compensates for the drop-shadow */
    padding:0px 10px 2px 0px;
	margin-top:0px;
} 
a.editbutton-ncea:active {
    outline: none; /* hide dotted outline in Firefox */
}

a.editbutton-ncea:active span {
    outline: none; /* hide dotted outline in Firefox */
} 

a.editbutton-ncea:hover {
	background-position:bottom left;
    outline: none; /* hide dotted outline in Firefox */
}

a.editbutton-ncea:hover span{
	background-position:bottom right;
    outline: none; /* hide dotted outline in Firefox */
} 

.ncea {
	background-image: url(img/tabs/member_bkgd.png);
	background-repeat:  repeat-x;
	background-position: top left;
	height:30px;
	white-space:nowrap;
	font-family: Arial;
	font-size: 13px;
	}
		
.ncea_name {
	float:left;
	line-height:32px;
	display:block;
	 }

	
/* Staff Edit Buttons */

a.editbutton-jpg {
    background: url(img/tabs/edit-staff-bkgd.png) no-repeat scroll top left;
    color:#fff;
    display: block;
	float:right;
	padding:0px 0px 0px 37px;/* sliding doors padding */
    text-decoration: none;
	white-space:nowrap; 
}

a.editbutton-jpg span {
    background:  url(img/tabs/edit-staff-bkgd.png) no-repeat scroll top right;
    display: block;
    line-height: 33px; /* compensates for the drop-shadow */
    padding:0px 10px 2px 0px;
	margin-top:0px;
} 
a.editbutton-jpg:active {
    outline: none; /* hide dotted outline in Firefox */
}

a.editbutton-jpg:active span {
    outline: none; /* hide dotted outline in Firefox */
} 

a.editbutton-jpg:hover {
	background-position:bottom left;
    outline: none; /* hide dotted outline in Firefox */
}

a.editbutton-jpg:hover span{
	background-position:bottom right;
    outline: none; /* hide dotted outline in Firefox */
} 

.clear { clear: both; }

/* Show and Hide Bars */

.staff {
	background-image: url(img/tabs/member_bkgd.png);
	background-repeat:  repeat-x;
	background-position: top left;
	height:35px;
	white-space:nowrap;
	font-family: Arial;
	font-size: 13px;
	}
		
.staff_name {
	float:left;
	line-height:33px;
	display:block;
	 }
	 
.staff_name input {
	font-size: 14px;
	width: 310px;
	margin-top: 2px;	
}
				
.member_img {
	float:left;
	margin-left: -4px;
	padding:0 5px 0 0;
	 }

a.show-hide-button {
    color:#fff;
    display: block;
	float:right;
	padding:0px 0px 0px 50px;/* sliding doors padding */
    text-decoration: none;
	white-space:nowrap; 
}

a.show-grey {
	background: url(img/admin/button/show-button-gray.png) no-repeat scroll top left;
	}
a.hide-grey {
	background: url(img/admin/button/hide-button-grey.png) no-repeat scroll top left;
	}
a.show-white {
	background: url(img/tabs/show-button-white.png) no-repeat scroll top left;
	}
a.hide-white {
	background: url(img/tabs/hide-button-white.png) no-repeat scroll top left;
	}	
a.show-hide-button span {
    display: block;
    line-height: 33px; /* compensates for the drop-shadow */
    padding:0px 10px 2px 0px;
	margin-top:0px;
} 
a.show-grey span {
    background:  url(img/admin/button/show-button-gray.png) no-repeat scroll top right;
    } 
a.hide-grey span {
    background:  url(img/admin/button/hide-button-grey.png) no-repeat scroll top right;
    } 
a.show-white span {
    background:  url(img/tabs/show-button-white.png) no-repeat scroll top right;
    } 
a.hide-white span {
    background:  url(img/tabs/hide-button-white.png) no-repeat scroll top right;
    }
a.show-hide-button:active {
    outline: none; /* hide dotted outline in Firefox */
}

a.show-hide-button span {
    outline: none; /* hide dotted outline in Firefox */
} 

a.show-hide-button:hover {
	background-position:bottom left;
    outline: none; /* hide dotted outline in Firefox */
}

a.show-hide-button:hover span{
	background-position:bottom right;
    outline: none; /* hide dotted outline in Firefox */
	color: white;
} 

/* Insert Button */

a.insert-button, a.add-button{
    display: block;
	float:right;
	padding:0px 0px 0px 505px;/* sliding doors padding */
    text-decoration: none;
	white-space:nowrap; 
	line-height: 26px;
    background:  url(img/admin/button/insert-button.png) no-repeat scroll top left;
	width:155px;
	color:#8e8847;
}

a.insert-button:active {
    outline: none; /* hide dotted outline in Firefox */
}

a.insert-button:hover, a.add-button:hover {
	background-position:bottom left;
    outline: none; /* hide dotted outline in Firefox */
	color:#464646;
}

.clear { clear: both; }

.admin_quickfile {
 clear: both;
 margin-left: 8px;
 padding-bottom: 30px;
 border-bottom: 1px solid #343536;
}

/*Calendar*/
div.calendar_head {
 background: #333;
 position: relative;
 width: 424px;
 padding: 0 0 10px;
}

div.calendar_head #current {
 display: block;
 color: #fff;
 font-size: 24px;
 text-align: center;
 line-height:40px;
 font-weight: bold;
 border-bottom: 1px #555 solid;
 margin: 0 2px;
}


div.calendar_head #next, div.calendar_head #prev {
 position: absolute;
 color: #fff;
 font-size: 12px;
 top: 10px;
 text-decoration: none;
}

div.calendar_head #prev { left: 15px; }
div.calendar_head #next { right: 15px; }


ul#calendar {
 display:block;
 list-style:none outside none;
 margin:0px 0 0 0px;
 padding:0px 2px 20px;
 height: 138px;
 width:420px;
 background: #333;
}

ul#calendar li.bottom_border {
 border-bottom: 1px #555 solid;
 clear:both;
 height:10px;
}

ul#calendar li.month a {
 display:block;
 float:left;
 height:40px;
 margin: 2px 0 0;
 padding:8px 0;
 width:60px;
 background:none repeat scroll 0 0 #343536;
 border: 5px #343536 solid;
 color: #fff;
 font-size: 20px;
 font-weight: bold;
 line-height: 32px;
 text-align:center;  
 text-decoration: none;
}

ul#calendar li.month.current a {
 background:none repeat scroll 0 0 #a0a0a0;
 color: #343536;
 border: 5px #fff solid;
}

ul#calendar li.month a:hover {
 color: #00933a;
 border: 5px #00933a solid;
 text-decoration: none;
}

ul#calendar li.month a div.e_date {
 color:white;
 font-size:10px;
 line-height: 14px;
 text-align:center;
}

ul#calendar li.month.current a div.e_date {
 color: #343536;
 font-size:10px;
 line-height: 14px;
 text-align:center;
}

div.listings h2 {
 color: white;
 background: #343536;
 padding: 5px;

}

p.listings span strong {
 font-style: normal;
 display: block;
}

p.listings span {
 font-size: 14px;
 font-style: italic;
}

p.listings img {
 float: right;
 margin-bottom:20px;
 margin-left:20px;
}