* { padding: 0px; margin: 0px; }
p { margin-bottom: 1em; }
td { vertical-align: top; }
h1, h2, h3 { margin: 0.5em 0 0.2em 0; }
h1 { font-size: 2.0em; padding: 0.2em 0; margin: 0; }
body {
	background-image: url(images/bodyBgnd.png);
	background-color: #E9E9E9;
	background-repeat: repeat-y;
	background-position: center;
	padding: 0 0 10px 0;
	margin: 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.clearFix { clear: both; }
.tabledRecordContainer { margin: 5px 10px 25px 5px; padding: 5px; width: 80%; background-color:#FDFFEB; display: none; }
.tabledRecordContainer tr { border-bottom: solid 1px #CCFFCC; }
.search { color: #454545; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100px; }
.searchText { background-color: #FFEBBF; font-style: italic; font-weight: bold; }
.textEntry { border-bottom: solid 1px #f1f1f1; border-right: solid 1px #f1f1f1; border-left: none; border-top: none; font-size: 0.8em; padding: 2px; background: url(images/textEntry.jpg) top left; }
	.textEntryLong { width: 200px; }
	.textEntryExtraLong { width: 300px; }
	
.textarea { height: 200px; width: 300px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }



div#header {
    background-image: url(images/headerBgnd.jpg);
    background-repeat: no-repeat;
    height: 99px;
    width: 770px;
    margin: 0 auto;
}




div#navigation { height: 24px; margin: 56px 0 0 20px; text-align: left; }

    div#navigation ul { list-style-type: none; margin: 0; }
    div#navigation li { float: left; white-space: nowrap; font-weight: bold; text-transform:uppercase; }
    div#navigation a:link, #navigation a:visited { padding: 2px 3px; text-decoration: none; color: #808080; font-size: 0.85em; }

    div#navigation a:hover { background-color: #bbb; color: #fff; padding-bottom: 9px; }
    div#navigation .currentPage { background-color: #808080; color: #fff; font-size: 0.85em; padding: 3px 5px 9px 5px; }
    div#searchBox { width: 160px; }

    #afterNavLinks { float: left; margin-top: 51px; text-align: right; }

div#content { width: 770px; margin: 5px auto; }
div#content td { padding: 5px; }

    div#contentLeft { float: left; width: 156px; margin-top: 0 0 5px 0; }
	.courseHeading { margin: 12px 0 10px 0; }
	.courseInformation { margin: 0 0 0 20px; }
	.currentSessions { margin: 5px 5px 15px 5px; padding: 3px; background-color: #FFFDE9; width: 80%; }
    /*
	div#contentLeft a:link, div#contentLeft a:visited { display: block; text-decoration: none; text-transform:uppercase; font-size: 0.95em; font-weight: bold; color: #fff; width: 119px; margin: 0 auto 10px auto; padding: 4px 5px; background-color: #6dc59d; }
    div#contentLeft a:hover { background-color: #AADDC6; }
    */
	div.courseCategories {
	}
	div.courseCategories ul { list-style-type: none; margin: 0 0 0 5px; padding: 0; }
	div.courseCategories li { margin: 0 0 5px 0; }

	div.courseCategories a { text-transform:uppercase; padding: 5px; text-align: center; color: #FFFFFF; padding: 3px 5px; font-size: 0.9em; text-decoration:none; font-weight: bold; display: block; width: 135px; background-color: #02a061; border-top: solid 1px #01b970; border-left: solid 1px #01b970; border-right: solid 1px #037044; border-bottom: solid 1px #037044; }
    div.courseCategories a:hover, .currentCategoryButton { background-color: #f26522; border-top: solid 1px #fb8f5c; border-left: solid 1px #fb8f5c; border-right: solid 1px #dc5515; border-bottom: solid 1px #dc5515; }
    div.courseCategories a:active { background-color: #e25d1e; border-right: solid 1px #fa783a; border-bottom: solid 1px #fa783a; border-top: solid 1px #d3561b; border-left: solid 1px #d3561b; }
    div.courseCategories a .currentCategoryButton {
        background-color: #e25d1e; border-right: solid 1px #fa783a; border-bottom: solid 1px #fa783a; border-top: solid 1px #d3561b; border-left: solid 1px #d3561b;
    }

    div#contentMiddle { margin: 0 10px 5px 190px; }
    div#contentMiddle div.pageOptions { float: right; margin-left: 20px; }

    div.pageOptions a:hover { border-bottom: solid 3px #d2da42; }


    div#content div.formContainer { margin: 0 0 0 20px; }

        div.formContainer div.row{ padding: 5px 0; clear: right; }
            div.row label { display: block; width: 150px; float: left; font-weight: bold; }
            div.row div.entryBoxExtended { margin-left: 150px; display: block; }
            div.row img { margin: 5px; border: solid 1px #D2D2D2; }
            div.row div.specialNote { display: block; padding: 2px 5px; background-color:#EBFECF; font-size: 0.75em; margin: 5px 0; }

    .classSession { padding: 2px; margin: 2px 0; }


.leftLinksCategoryHeading { font-weight: bold; color: #fff; text-transform: uppercase; margin: 10px 5px 0 5px; }
.leftLinksCategory { margin: 5px 10px 10px 10px; }
#leftLinks ul { margin: 0; padding: 0; list-style-type: none; }
#leftLinks li { }

#leftLinks li a, #leftLinks li a:visited { display: block; padding: 2px 5px; text-decoration: none; color: #F4FFD5; margin: 2px 5px 0 5px; font-weight: bold; }
#leftLinks li a:hover { text-decoration: underline; }

.galleryImageBox { margin: 5px; height: 140px; width: 140px; float: left; }

.galleryImageBoxImg { border-top: solid 5px #eee; border-left: solid 5px #ccc; border-bottom: solid 5px #ccc; border-right: solid 5px #eee; }
.galleryImageHeading { font-size: 1.2em; font-weight: bold; }
.gallerySummary { margin: 5px 10px; }

.startHidden { visibility: hidden; }

div#footer { width: 770px; margin: 30px auto 10px auto; padding: 5px 0; }
	div#footerLeft { float: left; }
	div#footerRight { float: right; width: 40px; }

btnSearchBox {
    margin: 0;
    float: left;
}
#courseInfo ul {
    margin: 10px;
}
#courseInfo li {
    margin: 1em 3em;
}
    div#contentRight { float: right; margin: 0 0 0 20px; border-left: solid 1px #eee; width: 170px; }


        div#newestCourses, div#comingEvents, div#quickLinks { margin: 0 10px 15px 10px; }

            #quickLinks {
                padding: 15px 0 0 0;
                background-image: url(images/heading_quickLinks.png);
                background-position: left top;
                background-repeat: no-repeat;
            }


            #quickLinks a {
                margin: 2px 0;
                display: block;
                background-color: #2991c6;
                padding: 5px;
                text-align: center;
                font-weight: bold;
                text-decoration: none;
                color: #fff;
            }
            
            #quickLinks a:hover {
                background-color: #71BAE1;
            }

            div#newestCourses ul, div#comingEvents ul { list-style: none; }

            div#newestCourses li, div#comingEvents li { }

            div#newestCourses li a, div#comingEvents li a { display: block; padding: 3px 4px; text-decoration: none; border-bottom: dotted 1px #E4E4E4; }

            div#newestCourses li a:hover, div#comingEvents li a:hover  { background-color: #E9E9E9; border-bottom: solid 1px #fff; }

            .courseName { font-weight: bold; color: #000; }

            .courseDate { font-size: 0.75em; color: #000; }

.newsImage {
    margin: 3px 20px 5px 0;
}

.categoryCourseBlock {
    padding: 5px 0;
    height: 35px;
}
.categoryCourseBlock:hover {
    background-color: #EBFFCC;
}

.categoryCourseBlock .courseTitle {
    width: 85%;
    float: left;
    padding-top: 3px;
}
.categoryCourseBlock .courseMoreInfo {
    float: left;
    width: 40px;
}

a img {
    border: none;
}

#testimonials {
 margin-top: 30px;
}


.courseTestimonial {
    padding: 10px 10px 20px 10px;
}

    .courseTestimonial .entry {
        padding: 0 30px;
        background-image: url(images/quoteLeft.gif);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .courseTestimonial .person_name {
        margin-top: -30px;
        padding: 22px 30px 0 30px;
        background-image: url(images/quoteRight.gif);
        background-position: right top;
        background-repeat: no-repeat;
        height: 25px;
        font-weight: bold;
    }

    .courseMoreInfo {
        height: 32px;
    }

#matchingCourses, #matchingCoursesNone {
	padding: 5px 10px 10px 10px;
	margin:  5px;
	background-color: #e3fae9;
}

	.logoutRight {
		margin:  5px 10px;
		text-align: right;
	}

#matchingCoursesNone {	
	background-color: #f9e3e3;
}

/* CONTNETMIDDLE TABLE AND RECORD DISPLAY */
#contentMiddle table { border-collapse: collapse; }
#contentMiddle td th { padding: 0.3em; }
#contentMiddle th { text-align: top; padding-top: 0.15em; font-weight: bold; vertical-align:top; }
#contentMiddle thTop { border-bottom: solid 2px #ccc; }
#contentMiddle .thLeft { width: 150px; padding: 0.2em; vertical-align: top; }
#contentMiddle div.recordSet { padding: 10px; display: block; width: 90% }
#contentMiddle td { border-bottom: dashed 1px #ccc; }


#contentMiddle .thLeft  { width: 120px; vertical-align: top; }


	.recordSet .th { font-weight: bold; }
	.recordSet .title { width: 150px; display: block; }
	.recordSet .titleShort { width: 50px; }
	.recordSet .info { width: 300px; }
	.recordSet .options { width: 100px; text-align: center; }
	.recordSet .hightlight { background-color:#C8D9B7; }

/* TUTOR ADMIN STYLES */

#tutorAdminDetailsTopRight { background-color: #eee; float: right; margin: -5px -8px 0 0; padding: 10px 10px 10px 20px; }
#contentMiddle ul, #contentMiddle ol { margin: 10px 0 20px 15px; }
#contentMiddle .newsItem { margin-bottom: 20px; }

#contentMiddle th { text-align: left; }

.CSStable { margin: 10px; }

.subSectionData {
	padding: 10px 20px 40px 10px;
}

.noRecords {
	padding: 10px;
	background-color:#D5F6D1;
}
.formMsgToUser {
	padding: 5px;
	background-color:#D5F6D1;
	font-size: 0.9em;
	margin: 5px 0 0 0;
}