* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background: #93A7A6;
	font: .8em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	color: black;
	text-align: center;
}

input, select {
    border: 1px solid black;
}

#header {
	background: #ececec url(/media/homepage/images/header.jpg) repeat-x left top;
    height: 86px;
    padding: 0;
    margin: 0;
    text-align: center;
}

#topbar {
    background-color: #D5D1AB;
    height: 25px;
}

#topbar ul {
	float:left;
	margin-left:200px;
	list-style:none;
	}

	
#outside_container {
    background-color: #ECECEC;
}

#container {
	margin: 0 auto;
	text-align: left;
	width: 760px;
	font-size: 95%;
    background-color: white;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

#left-menu {
    font: 1.3em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    font-weight: normal;
    float: left;
    width: 180px;
    color: #063837;
    padding: 0;
    height: auto;
}

#left-menu-content {
    width: 170px;
    margin: 0 auto;
    padding-top: 10px;
}

#left-menu-content a:link, #left-menu-content a:visited, #left-menu-content a:active {
    text-decoration: none;
    color: #063837;
}

#left-menu-content a:hover {
    color: white;
    background-color: #063837;
}

#left-menu-content .menu-item {
    padding-left: 10px;
    cursor: pointer;
}

#left-menu-content .menu-item:hover {
    background-color: #063837;
    color: white;
}

#left-menu-content .menu-item:hover a{
    background-color: #063837;
    color: white;
}

#left-menu-content .menu-header {
    border-bottom: solid 2px #063837;
    font-size: 1.1em;
    margin-top: 10px;
    font-weight: bold;
}

#content {
    border-left: 1px solid gray;
    width: 570px;
    margin-left: 182px;
    padding: 0;
}

#content-content {
    width: 560px;
    padding-top: 5px;
    margin: 0 auto;
}

#content-content p {
    padding-bottom: 5px;
}

#center-menu {
    border-bottom: none;
    width: 560px;
    font-weight: bold;
}

.center-menu-item {
    float: left;
    font-size: 1.3em;
    text-align: center;
    color: white;
	background-color: #063837;
    width: 24%;
    border: 1px dotted white;
}

.center-menu-item a:link, .center-menu-item a:visited, .center-menu-item a:active {
    text-decoration: none;
    color: white;
}

.center-menu-item a:hover {
    color: white;
    background-color: #D5D1AB;
}

.center-menu-item:hover {
    background-color: #D5D1AB;
    color: white;
}

.center-menu-item:hover a{
    background-color: #D5D1AB;
    color: white;
}

#news-container {
    color: #063837;
    float: left;
    width: 276px;
	height:220px;
    border: 1px solid gray;
    text-align: center;
    font-size: 1.3em;
    padding-top: 10px;
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 0px;
}

#news-header {
    font-weight: bold;
}

#news-header:hover {
    color: white;
    background-color: #063837;    
}

#news-header a:link, #news-header a:visited, #news-header a:active {
    text-decoration: none;
    color: #333333;
}

#news-header a:hover {
    color: white;
    background-color: #063837;
}

#news-header:hover {
    background-color: #063837;
    color: white;
}

#news-header:hover a{
    background-color: #063837;
    color: white;
}

.news-item {
    font-size: .8em;
    text-align: left;
    padding: 4px;
    color: #333333;
    font-weight: normal;
}

.news-item:hover {
    color: white;
    background-color: #063837;    
}

.news-item a:link, .news-item a:visited, .news-item a:active {
    text-decoration: none;
    color: #333333;
}

.news-item a:hover {
    color: white;
    background-color: #063837;
}

.news-item:hover {
    background-color: #063837;
    color: white;
}

.news-item:hover a{
    background-color: #063837;
    color: white;
}

#events-container {
    color: #063837;
	border: 1px solid gray;
    padding-top: 10px;
    width: 280px;
	height:220px;
    text-align: center;
    font-size: 1.3em;
    float: left;
    font-weight: bold;
}

#events-header {
    font-weight: bold;
}

#events-header:hover {
    color: white;
    background-color: #063837;    
}

#events-header a:link, #events-header a:visited, #events-header a:active {
    text-decoration: none;
    color: #333333;
}

#events-header a:hover {
    color: white;
    background-color: #063837;
}

#events-header:hover {
    background-color: #063837;
    color: white;
}

#events-header:hover a{
    background-color: #063837;
    color: white;
}

.events-item {
    font-size: .8em;
    text-align: left;
    padding: 5px;
    color: #333333;
    font-weight: normal;
}

.events-item:hover {
    color: white;
    background-color: #063837;    
}

.events-item a:link, .events-item a:visited, .events-item a:active {
    text-decoration: none;
    color: #333333;
}

.events-item a:hover {
    color: white;
    background-color: #063837;
}

.events-item:hover {
    background-color: #063837;
    color: white;
}

.events-item:hover a{
    background-color: #063837;
    color: white;
}

#front-welcome {
	margin: 230px 0 0 0;
	border: none;
	text-align: center;
	padding: 10px 0 10px 0;
}

.clearer {
    clear: right;
    height: 50px;
    font-size: 1px;
}

#bottombar {
    background-color: #D5D1AB;
    height: 25px;
    clear: both;
}

.news-summary-title {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 5px;
}

.news-summary-title a:link, .news-summary-title a:visited, .news-summary-title a:active {
    text-decoration: none;
    color: #0A3C3B;
}

.news-summary-title a:hover {
    text-decoration: none;
    color: white;
    background-color: #0A3C3B;
}


#news-summary-header {
    font-size: 2em;
    text-align: center;
    margin-bottom: 20px;
}

.news-summary-publish-date {
    font-weight: bold;
}

.event-summary-title {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 5px;
}

.event-summary-title a:link, .event-summary-title a:visited, .event-summary-title a:active {
    text-decoration: none;
    color: #0A3C3B;
}

.event-summary-title a:hover {
    text-decoration: none;
    color: white;
    background-color: #0A3C3B;
}

#event-summary-header {
    font-size: 2em;
    text-align: center;
    margin-bottom: 20px;
}

.event-summary-publish-date {
    font-weight: bold;
}

.event-title {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}

.event-times {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
}

.news-title {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 5px;
}

.news-publish-date {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
}

.news-content {
    font-size: 1em;
}

.page-title {
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 10px;
}

.page-content {
    padding-left: 10px;
    padding-right: 10px;
}

li {
    list-style-position: inside;
}

.course-title {
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 10px;
}

.course-description {
    font-size: 1em;
}


.course-description a:link, .course-description a:visited, .course-description a:active {
    text-decoration: none;
    color: #0A3C3B;
}

.course-description a:hover {
    background-color: #063837;
    color: white;
}


.page-content a:link, .page-content a:visited, .page-content a:active {
    text-decoration: none;
    color: #0A3C3B;
    font-weight: bold;
}

.page-content a:hover {
    background-color: #063837;
    color: white;
}

.course-sections {
    font-size: 1.3em;
    width: 100%;
    color: black;
    margin-bottom: 15px;
    margin-top: 10px;
    clear: right;
}

.course-sections-semester {
    width: 100%;
    color: white;
    background-color: #063837;
    text-align: center;
    font-weight: bold;
}

.course-sections table {
    width: 100%;
    font-family: monospace;
    font-size: 12px;
}

.course-sections table th {
    border-bottom: 1px solid black;
    text-align: center;
}

.course-sections table td {
    font-weight: bold;
    border: 1px solid lightgray;
    text-align: center;
    cursor: default;
}

.course-sections table td a:link, .course-sections table td a:visited, .course-sections table td a:active, .course-sections table td a:hover {
    text-decoration: none;
    color: black;
}

.course-sections table tbody tr:hover {
    color: white;
    background-color: #063837;
}

.course-sections table tbody tr:hover a:link, .course-sections table tbody  tr:hover a:visited, .course-sections table tbody  tr:hover a:active, .course-sections table tbody  tr:hover a:hover {
    color: white;
    background-color: #063837;
}

.section-details {
    margin-top: 20px;
    width: 100%;
}

.section-details table {
    width: 100%;
    margin-bottom: 20px;
}

.section-details table a:link, .section-details table a:visited, .section-details table a:active {
    color: #063037;
}

.section-details table a:hover {
    background-color: #063037;
    color: white;
}


.staff-member-name {
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 10px;
}

.staff-member-photo {
    background-color: black;
    width: 200px;
    height: 300px;
    float: right;
    margin: 0px 10px 10px 10px;
}

.staff-member-info {
    padding: 0px 10px;
    margin-bottom: 10px;
}

.schedule-div td {
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    color: black;
}

.schedule-div th {
    border-bottom: 2px solid black;
}

.opening-title {
    font-weight: bold;
    font-size: 1.3em;
    color: #063037;
}

.opening-title a:link, .opening-title a:visited, .opening-title a:active {
    text-decoration: none;
    color: #063037;
}

.opening-title a:hover {
    text-decoration: none;
    color: white;
    background-color: #063037;
}
    
.opening-closing-date {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 20px;
}

.opening-div {
    margin-bottom: 10px;
}

.opening-div h3 {
    font-weight: bold;
    font-size: 1.2em;
}

.academic_calendar {
    width: 100%;
}

.academic_calendar th {
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    background-color: #063037;
    color: white;
}

.academic_calendar td {
    border-bottom: 1px solid black;
    padding: 5px;
}

.search-title {
    font-weight: bold;
    font-size: 1.3em;
    color: #063037;
}

.search-title a:link, .search-title a:visited, .search-title a:active {
    text-decoration: none;
    color: #063037;
}

.search-title a:hover {
    text-decoration: none;
    color: white;
    background-color: #063037;
}

.search-text {
    margin-bottom: 10px;
}

.search-recommendation {
    margin-bottom: 10px;
    font-size: 1.3em;
}

.search-recommendation a:link, .search-recommendation a:visited, .search-recommendation a:active {
    text-decoration: none;
    color: #063037;
}

.search-recommendation a:hover {
    text-decoration: none;
    color: white;
    background-color: #063037;
}

.directory-table a:link, .directory-table a:visited, .directory-table a:active {
    text-decoration: none;
    color: #063037;
}

.directory-table a:hover {
    text-decoration: none;
    color: white;
    background-color: #063037;
}

.statement-div {
    width: 100%;
    border: none;
}

.statement-div table {
    width: 100%;
}

.statement-div table caption {
    background-color: #063837;
    width: 100%;
    color: white;
    font-weight: bold;
}


.alternaterow {
    background-color: #cccccc;
}

.tool-tip {
	color: #fff;
	width: 400px;
	z-index: 13000;
}

.tool-tip table {
    width: 220px;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
    background-color: black;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
    background-color: black;
    text-align: left;
}
 
.custom-tip {
	color: #fff;
	width: 400px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

.tool-tip table {
    width: 100%;
}