/* GENERAL STYLES */
body, html, div, form {
	margin: 0px auto;
	padding: 0px;
	font: normal 8pt/11pt sans serif;
	text-align: left;
	}

/*
div {
    overflow: hidden;
    } */
	
img {
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-width: 0px;
	}

body {
    background-image: url('/image/Background.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #38484d;
    }
    
#x0-wrapper {
    width: 100%;
    background-image: url('/image/TopRepeatSlice.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    text-align: center;
    float: left;
    }
    
#y0-wrapper {
    width: 950px;
    text-align: center;
    }
    
#x1-wrapper {
    width: 100%;
    background-image: url('/image/BottomRepeatSlice.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #060808;
    text-align: center;
    float: left;
    }
    
#y1-wrapper {
    width: 950px;
    background-image: url('/image/BottomPen.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    text-align: left;
    overflow: hidden;
    }

#y2-wrapper {
    width: 950px;
    text-align: right;
    }
    
    
/* Nav Bar */
div.nav-bar-container {
    height: 45px;
    text-align: right;
    padding: 0px 46px 0px 0px;
    margin: 0px;
    }
    
div.nav-bar-element {
    display: inline;
    overflow: hidden;
    }
    
    
/* Header Section */
div.header-container {
    width: 950px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }
    
div.header-left, div.header-right {
    width: 645px;
    float: left;
    overflow: hidden;
    display: inline;
    }
    
div.header-left {
    width: 305px;
    clear: left;
    }
    
    
/* Notebook Background */
div.notebook-container {
    width: 950px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }
    
div.notebook-slice, div.notebook-top, div.notebook-bottom {
    width: 950px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }
    

/* Upcoming Events Section */
div.left-panel-header, 
div.events-container, 
div.quick-links-container-sub, 
div.calendar-container, 
div.calendar-instructions-container, 
div.calendar-instructions, 
div.calendar-instructions-sub, 
div.calendar-instructions-admin {
    width: 249px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }

div.calendar-instructions-sub {
    padding: 8px 0px 0px 0px;
    }

div.calendar-instructions-admin {
    height: 600px;
    }
    
div.left-panel-header {
    height: 42px;
    }
    
div.left-panel-header-left, div.left-panel-header-right {
    width: 100px;
    height: 42px;
    float: left;
    overflow: hidden;
    display: inline;
    padding: 0px;
    margin: 0px;
    }
    
div.left-panel-header-left {
    width: 149px;
    clear: left;
    }
    
div.events-container {
    background-color: #d7fff6;
    padding: 0px;
    margin: 0px 0px 8px 0px;
    }
    
div.quick-links-container-sub {
    width: 247px;
    background-color: #04795c;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
    }
    
div.events-container-left, div.events-container-right, 
div.quick-links-container-left-sub, div.quick-links-container-right-sub {
    width: 189px;
    float: left;
    overflow: hidden;
    display: inline;
    text-align: left;
    }
    
div.quick-links-container-right-sub {
    width: 188px;
    }
    
div.events-container-left {
    width: 60px;
    clear: left;
    }
    
div.quick-links-container-left-sub {
    width: 59px;
    clear: left;
    }
        
div.cal-page-container, div.cal-page, 
div.link-icon-container, div.link-icon {
    width: 41px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }
    
div.link-icon-container, div.link-icon {
    width: 44px;
    }
  
div.cal-page-container {
    padding: 9px 9px 0px 10px;
    margin: 0px;
    }
    
div.link-icon-container {
    padding: 7px 6px 0px 10px;
    margin: 0px;
    }
    

/* Content Section */
#content-container-left, #content-container-right {
    width: 645px;
    float: left;
    overflow: hidden;
    display: inline;
    }
    
#content-container-left {
    width: 305px;
    clear: left;
    }
    
div.content-left, div.content-left-content, div.content-left-sub, 
div.content-right, div.content-right-content, div.content-right-sub {
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }
    
div.content-left, div.content-left-content, div.content-left-sub {
    width: 249px;
    }
    
div.content-left {
    padding: 29px 28px 42px 28px;
    margin: 0px;
    }
    
div.content-left-sub {
    padding: 0px 28px 42px 28px;
    margin: 0px;
    }

div.content-left-content table.events {
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }
    
div.content-right, div.content-right-content, div.content-right-sub {
    width: 584px;
    }
    
div.content-right {
    padding: 35px 33px 42px 28px;
    margin: 0px;
    }
    
div.content-right-sub {
    padding: 0px 33px 42px 28px;
    margin: 0px;
    }
    
    
/* Upcoming Events Calendar */
div.calendar-container {
    width: 249px;
    padding: 0px;
    margin: 5px 0px 10px 0px;
    }

div.calendar-slice, 
div.calendar-top, 
div.calendar-bottom {
    width: 249px;
    float: left;
    clear: left;
    overflow: hidden;
    display: inline;
    }

div.calendar-slice {
    background: url('/image/CalendarMiddleBkgd.jpg') repeat-y top center;
    }

div.calendar-top {
    background: url('/image/CalendarTopBkgd.jpg') no-repeat top center;
    }

div.calendar-bottom {
    background: url('/image/CalendarBottomBkgd.jpg') no-repeat bottom center;
    }
    
div.calendar {
    width: 209px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    padding: 7px 20px 19px 19px;
    margin: 0px;
    }
    
div.calendar-content {
    width: 209px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    padding: 0px 0px 0px 1px;
    }
    
div.calendar-date, div.calendar-days, div.first-row-container, div.second-row-container, div.third-row-container, div.fourth-row-container, div.fifth-row-container, 
div.first-row, div.second-row, div.third-row, div.fourth-row, div.fifth-row {
    width: 205px;
    height: 17px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }
    
div.calendar-days {
    height: 20px;
    }
    
div.first-row-container, div.second-row-container, div.third-row-container, div.fourth-row-container, div.fifth-row-container, 
div.first-row, div.second-row, div.third-row, div.fourth-row, div.fifth-row {
    width: 203px;
    height: 23px;
    padding: 0px 0px 2px 2px;
    margin: 0px;
    }
    
div.fifth-row-container {
    padding: 0px 0px 0px 2px;
    }
    
div.first-row, div.second-row, div.third-row, div.fourth-row, div.fifth-row {
    padding: 0px;
    }
    
div.first-day-container, div.second-day-container, div.third-day-container, div.fourth-day-container, div.fifth-day-container, div.sixth-day-container, div.seventh-day-container, 
div.first-day, div.second-day, div.third-day, div.fourth-day, div.fifth-day, div.sixth-day, div.seventh-day {
    width: 27px;
    height: 23px;
    float: left;
    overflow: hidden;
    display: inline;
    padding: 0px 2px 0px 0px;
    margin: 0px;
    }
    
div.first-day-container {
    clear: left;
    }
    
div.first-day, div.second-day, div.third-day, div.fourth-day, div.fifth-day, div.sixth-day, div.seventh-day {
    padding: 0px;
    }
    
div.calendar-off {
    height: 23px;
    width: 27px;
    background-position: center; 
    background-repeat: no-repeat;
    background-image: url('/image/DateSquare.jpg');
    text-align: center;
    }

div.calendar-on {
    height: 23px;
    width: 27px;
    background-position: center; 
    background-repeat: no-repeat;
    background-image: url('/image/DateHoverSquare.jpg');
    text-align: center;
    }

div.calendar-today {
    height: 23px;
    width: 27px;
    background-image: url('/image/DatePresentDay.jpg');
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    }
    
div.calendar-left, div.calendar-middle, div.calendar-right {
    height: 17px;
    float: left;
    overflow: hidden;
    display: inline;
    }
    
div.calendar-left {
    width: 16px;
    clear: left;
    text-align: left;
    }
    
div.calendar-middle {
    width: 173px;
    text-align: center;
    }
    
div.calendar-right {
    width: 16px;
    text-align: right;
    }

div.calendar-container gridview {
    padding: 0px;
    margin: 0px;
    }
    

/* Calendar Instructions */


/* Administration Panel */
div.admin-panel-container, 
div.user-panel-container {
    width: 249px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }

div.user-panel-container {
    height: 625px;
    }
    
    
/* Footer With Two Content Sections */
div.footer-container {
    width: 950px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    padding: 0px 0px 48px 0px;
    margin: 0px;
    }
    
div.footer-left, div.footer-right {
    width: 314px;
    float: left;
    overflow: hidden;
    display: inline;
    }
    
div.footer-left {
    width: 636px;
    clear: left;
    }

div.footer-right {
    background: url('/image/BottomRightTop.jpg') top center no-repeat;
    }
    
div.tabs-slice, div.tabs-bottom, div.tabs-top, div.tabs-content-container {
    width: 636px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }
    
div.tabs-slice {
    background-image: url('/image/BottomSlice.jpg');
    background-position: top center;
    background-repeat: repeat-y;
    }
    
div.tabs-bottom {
    background-image: url('/image/BottomBottom.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    }
    
div.tabs-top {
    background-image: url('/image/BottomTop.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    }

div.tabs-content-left, div.tabs-content-right {
    width: 316px;
    float: left;
    overflow: hidden;
    display: inline;
    text-align: left;
    }
    
div.tabs-content-left {
    clear: left;
    }
    
div.tabs-left-content, div.tabs-right-content, div.tabs-content {
    width: 266px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }
    
div.tabs-left-content, div.tabs-right-content {
    padding: 15px 25px 18px 25px;
    margin: 0px;    
    }
    

/* Search Section */
div.search {
    width: 266px;
    height: 45px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    background-image: url('/image/SearchBar.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    }
    
div.search-element {
    width: 157px;
    float: left;
    clear: left;
    display: inline;
    padding: 1px 0px 0px 83px;
    }
    
div.search-button {
    float: left;
    display: inline;
    padding: 1px 0px 0px 0px;
    }
    

/* User Login Section */
div.login-header {
    width: 266px;
    height: 20px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }
    
div.username, div.password, div.extra-container, div.three-buttons {
    width: 266px;
    height: 30px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }
    
div.three-buttons {
    height: 36px;
    }
    
div.username {
    background-image: url('/image/UsernameBar.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    }
    
div.password {
    background-image: url('/image/PasswordBar.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    }
    
div.login-element {
    width: 152px;
    float: left;
    clear: left;
    display: inline;
    padding: 1px 0px 0px 104px;
    }
    
div.extra-info, div.login-button {
    width: 26px;
    height: 30px;
    float: left;
    overflow: hidden;
    display: inline;
    }
    
div.extra-info {
    width: 240px;
    clear: left;
    padding: 3px 0px 0px 0px;
    margin: 0px;
    }
    

/* HTML CSS and Site Map Buttons */
div.three-buttons-left, div.three-buttons-middle, div.three-buttons-right {
    float: left;
    overflow: hidden;
    display: inline;
    padding: 25px 0px 0px 0px;
    margin: 0px;
    }
    
div.three-buttons-left {
    clear: left;
    }
    
    
/* Contact Us Section */
div.contact-header {
    width: 266px;
    height: 34px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }
    
div.name, div.email, div.comments {
    width: 266px;
    height: 30px;
    float: left;
    clear: left;
    overflow: hidden;
    display: block;
    }
    
div.name {
    background-image: url('/image/NameBar.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    }
    
div.email {
    background-image: url('/image/EmailBar.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    }
    
div.comments {
    height: 79px;
    background-image: url('/image/CommentsBar.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    }
    
div.name-email-element {
    width: 170px;
    float: left;
    clear: left;
    display: inline;
    padding: 1px 0px 0px 86px;
    }
    
div.comments-element {
    width: 159px;
    float: left;
    clear: left;
    overflow: hidden;
    display: inline;
    padding: 1px 0px 0px 104px;
    }

div.more-ways-container, div.more-ways {
    width: 201px;
    height: 21px;
    float: left;
    clear: left;
    overflow: hidden;
    display: inline;
    }

div.more-ways {
    display: block;
    }

div.submit-container, div.submit-button {
    width: 266px;
    height: 21px;
    float: left;
    overflow: hidden;
    display: block;
    }

div.submit-container {
    clear: left;
    }
    
div.submit-button {
    width: 65px;
    display: inline;
    }

/* EDITOR PROPERTIES */