@import "general.css";
@import "layout.css";
@import "tabset.css";
@import "accordion.css";

#wrapper .tabset {
    margin: 10px 0 28px;
}

#wrapper .accordion {
    margin-bottom: 10px;
}

#wrapper .black {
	color: #231F20;
}
#wrapper .semtitle {
	margin: 12px 0 0 0;
	padding: 0 10px 5px 10px;
	border-bottom: 2px solid #F78232;
}
#wrapper .semtitle .ttitle {
	margin: 0;
	padding: 0;
	border: none;
}
#wrapper .ttitle {
	margin: 12px 0 0 0;
	padding: 0 10px 5px 10px;
	border-bottom: 2px solid #F78232;
	font: normal 18px Arial;
}

#wrapper .dates {
	background: #EBEBEB;
	color: #6F909F;
}

#wrapper .tabset dt.visible a.year,
#wrapper .tabset dt.hidden a.month,
#wrapper .tabset dt.hidden a.slider {
	display: none;
}

#wrapper .tabset dt.visible a.month {
	padding: 0 6px;
}

#calendar .container {
    padding: 8px 0px 0px 0px;
}

#calendar .wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #ebebeb;
}
#calendar .additional-link {
	padding-top: 4px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 10px;
}
#calendar .additional-link a {
	margin-right: 20px;
    padding-left: 12px;
    line-height: 12px;
    background: url("../img/more.gif") no-repeat left center;
    color: #f58232;
}
#calendar .additional-link a:hover {
	text-decoration: none;
}

#calendar .strip {
    position: relative;
    width: 1000000px; /* need to be very large value */
    height: 164px;
    list-style: none;
}

#calendar .strip li {
    float: left;
    width: 436px;
    padding: 0 31px;
}

* html #calendar .strip li {
    width: 497px;
}

.calendar {
    width: 100%;
    border-collapse: collapse;
}

.calendar thead th {
    padding: 7px;
    color: #79909d;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    width: 16.4%;
}

.calendar thead th.monday {
    text-align: left;
    width: 9%;
}

.calendar thead th.sunday {
    text-align: right;
    width: 9%;
}

.calendar td {
    padding: 7px;
    color: #b8c4cb;
    text-align: center;
    border-top: 1px solid white;
    font-weight: bold;
    font-size: 10px;
}

.calendar td.monday {
    text-align: left;
}

.calendar td.sunday {
    text-align: right;
}

.calendar b, .calendar span.today, .calendar a.today {
    color: #f58232;
}

#staff {
    padding-left: 13px;
}

* html #staff {
    padding-left: 5px;
}

#staff dt {
    position: relative;
}

#staff dt img {
    position: absolute;
    left: 0px;
    top: 0px;
}

#staff dd {
    padding-left: 65px;
    min-height: 65px;
    margin-bottom: 20px;
}

* html #staff dd {
    height: 65px;
}

#staff h3 {
    font-weight: normal;
    font-size: 11px;
}

#staff p {
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    padding: 5px 0;
    color: #79909d;
}

p.more a {
    font-weight: bold;
    font-size: 10px;
    color: #f58232;
    padding-left: 12px;
    line-height: 12px;
    background: url("../img/more.gif") no-repeat left center;
}

#materials {
    background-color: #ebebeb;
    padding: 13px 13px;
    margin-top: 25px;
}

#materials h2 {
    font-family: Arial;
    font-weight: normal;
    font-size: 18px;
    background: url("../img/dots.gif") repeat-x left bottom;
}

#materials h3 {
    font-weight: bold;
    font-size: 11px;
    color: #f58232;
    padding: 5px 0 3px 0;
    margin-top: 2px;
}

#materials p {
    font-size: 10px;
    line-height: 16px;
}

#materials p a {
    color: #325060;
}
#materials p a:hover {
	text-decoration: none;
}

#materials p a img {
    vertical-align: middle;
}

#materials p.more {
    padding: 13px 0 9px;
}

dd.section .text img {
    float: left;
    margin-right: 5px;
}

dd.section .text cite {
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    color: #79909d;
}

dd.section p {
    clear: both;
}

dd.section p b {
    font-size: 11px;
}

a.register {
    font-weight: bold;
    font-size: 10px;
    padding-left: 12px;
    line-height: 12px;
    background: url("../img/more.gif") no-repeat left center;
    margin-right: 18px;
}