/* GENERAL PAGEWIDE HACKS */
* { padding: 0px; margin: 0px; }
a img { border: none; }
.clearBoth { clear: both; }
p { padding-bottom: 1em; }
td, th { vertical-align: top; }
h1, h2, h3, h4 { margin: 0.5em 80px 0.1em 0; }
h1 { font-size: 2.0em; padding: 0.2em 0; margin: 0; }

/* MAIN STRUCTURAL STYLES */
body { 
	background: #fff no-repeat left 182px; 
	margin: 0 auto; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000; 
}

#siteShell { 
	margin: 0px 0 50px 0; 
}

	div#header { 
		height: 140px; 
		background:url(images/headerBgnd.gif) left no-repeat; 
	}
	
		#headerSearch { 
			float: right; 
			margin: 10px 10px 0 0; 
			font-size: 1.5em; 
		}
		
	div#navigation { 
		height: 1em; 
		background-color: #eee; 
		padding: .5em 0; 
		margin-left: 257px; 
	}

    	div#navigation ul { 
    		list-style-type: none; 
    		margin: 0; 
    	}
    	
    	div#navigation li { 
    		float: left; 
    		white-space: nowrap; 
    		font-weight: bold; 
    		text-transform:uppercase; 
    	}
    	
    	#navigation a, 
    	#navigation a:visited, 
    	#navigation .currentPage { 
    		padding: .5em 1em; 
    		text-decoration: none; 
    		color: #333; 
    		font-size: 1em; 
    	}
    	
		#navigation .currentPage { 
			background-color:#d9001c; color: #FFF; background:url(images/headerBgnd.gif) right top no-repeat;  
		}
		
    	#navigation a:hover { 
    		background-color: #bbb; color: #fff;
    	}
    			
	#content { 
		margin: 5px 0; 
		clear: both;
	}
	
		#content td { 
			padding: 5px; 
		}
	
	    #contentLeft { 
	    	float: left; 
	    	width: 200px; 
	    	margin: -40px 10px 5px 20px; 
	    }
	    
	    #contentRight {
	    	float: right;
	    	width: 200px;
	    	border-left: solid 1px #eee;
	    }
	    
	    #contentMiddle {
	    	margin: 0 240px;
	    }
    
		#footerBusinessInfo {
		    clear: both;
		    margin: 10px 10px 0 225px;
		    border-top: solid 2px #f00;
		    padding: 5px 5px 30px 5px;
		}

/* #contentRight Components */


        div#newestCourses, div#comingEvents { 
        	margin: 0 10px 20px 10px; 
        }
        
	        div#newestCourses li, div#comingEvents li { 
	        	margin: 0; padding: 0; 
	        }
	
			div#newestCourses ul, div#comingEvents ul { 
				list-style: none; 
			}
						
			div#newestCourses li a, div#comingEvents li a { 
				display: block; 
				padding: 5px; 
				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; }

/* contentMiddleLeft */

	#contentMiddleLeft {
	    width: 200px;
	    float: left;
	}

		.contentMiddleLeftSmallItalic {
	        padding: 10px;
	        font-size: 0.9em;
	        font-style: italic;
	        background-color: #F2F2F2;
	        border-top: solid 2px #BFBFBF;
		}
	
	
	#contentMiddleRight {
	    margin: 0 80px 0 465px;
	}
			
	    div#contentMiddle div.pageOptions { float: right; }
	    .screenData li, .screenData p {
	        padding: 3px 2px;
	        margin-left: 20px;
	        margin-right: 100px;
	    }
	
		#contentMiddle li {
		    padding-left: 5px;
		    margin-left: 20px;
		}
		
/* PAGE SPECIFIC STYLES */

/* Homepage */

#frontImage {
    background-image:url(media/blurb_shopFront.jpg);
    background-repeat:no-repeat;
    height:200px;
    margin:0 0 20px;
    width:240px;
}

/* News */

#newsArticles {

}


.tabledRecordContainer { margin: 5px 10px 25px 5px; padding: 5px; width: 80%; background-color:#eee; border: solid 1px #ccc; border-bottom-width: 2px; border-top-width: 2px; display: none; }
.tabledRecordContainer tr { border-bottom: solid 1px #CCFFCC; }
.search { color: #454545; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100px; }
.searchText { background-color: #EEFAFF; border-bottom: solid 1px #8ADCFF; font-weight: bold; padding: 5px 10px; }
.textEntry { padding: 2px; width: 200px; background:transparent url(images/textEntry.jpg) repeat scroll left top; border-color:-moz-use-text-color #ccc rgb(241, 241, 241) -moz-use-text-color; border:#ccc solid 1px; }
.textArea { height: 200px; width: 300px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }





	.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 2px 0; }

	div.courseCategories a, div.courseCategories .currentCategory { background-color:#eee; padding: 6px 10px; font-size: 1em; text-decoration:none; font-weight: bold; display: block; }
	div.courseCategories .currentCategory { background-color: #f00; color: #fff; padding: 10px; cursor:default; background:url(images/headerBgnd.gif) right top no-repeat;  }
	div.courseCategories a:hover { background-color: #ccc; }

    


    div.pageOptions a:hover { border-bottom: solid 3px  background:url(images/headerBgnd.gif) right top no-repeat; }


    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; }


/* Tabular Records Listings */
.tabularRecords { padding: 10px; border-collapse: collapse; }
	.tabularRecords th { padding: 5px; text-align: left; border-bottom: solid 1px #ccc; vertical-align: top; }
	.tabularRecords td { padding: 5px; border-bottom: solid 1px #ccc; vertical-align: top; }
	.tabularRecords .title { float: left; width: 150px; display: block; }
	.tabularRecords .info { float: left; width: 200px; }
	.tabularRecords .options { float: left; width: 180px; }


.leftLinksCategoryHeading { font-weight: bold;  padding: 5px; background-color: #CDCDCD; 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; font-size: 0.9em; padding: 2px 5px; text-decoration: none; color: #0505A9; margin: 2px 5px 0 5px; font-weight: bold; }

    #leftLinks a:hover {
            background-color:#DDDDDD;
        }

.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; }


btnSearchBox {
    margin: 0;
    float: left;
}
#courseInfo ul {
    margin: 10px;
}
#courseInfo li {
    margin: 1em 3em;
}


.currentCategory { background-color: #FF0000; }

#pageHeading {
    margin: 20px 0 0 0;
    color: #ff1010;
    height: 56px;
    background-repeat: no-repeat;
    background-position: left;
}
.courseImg {
    float: left;
    margin: 0 10px 10px 0;
}
.courseOutline {
    margin: 0 0 0 215px;
}


#courseLeftColumn {
    float: left;
    width: 210px;
}


.courseInformationTable {
    width: 200px;
    border-top: solid 2px #aaa;
    border-bottom: solid 2px #aaa;
    background-color: #eee;
    font-size: 0.9em;
}

    .courseInformationTable th, .courseInformationTable td {
        text-align: left;
        vertical-align: top;
        padding: 5px 5px 10px 5px;
    }

    .courseInformationTable th {
        width: 70px;
    }

    .courseInformationTable td {
        padding-top: 0px;
    }

#map {
    width: 400px;
    height: 420px;
    margin-left: 260px;
}
#contactDetails {
    height: 180px;
    width: 250px;
    margin: 0 50px 0 0;
    float: left;
}
#contactForm {
    clear: left;
}

.colOptions {
    width: 200px;
}



#newsSpecialEvents {
    margin-right: 80px;
}

.backToTop {
    clear: both;
    padding: 10px 10px 10px 0;
    text-align: right;
}
    .backToTop a {
        padding: 2px 3px;
        background-color: #eee;
        text-decoration: none;
        font-size: 0.9em;
        color: #000;
    }

     .backToTop a:hover {
        background-color: #bbb;
        color: #fff;
    }
.breadCrumbs {
    font-size: 0.9em;
    background-color: #eee;
    padding: 2px;
}

.searchResult {
    margin: 0.5em 40px 0 20px;
    background-color: #F7F7F7;
    padding: 2px 5px;
    border-left: solid 2px #ccc;

}
    .searchResult:hover {
        background-color: #EEFAFF;
    }

.searchResultsNone {
    margin: 20px 5px;
    padding: 5px;
    background-color: #FFEAEA;
    border-left: solid 2px #FF2222
}
.entryDate {
    padding: 2px 0 15px 0;
    font-size: 0.7em;
}

.entryGalleryImages {
    padding: 0 0 5px 0;
}

    .entryGalleryImages a {
        margin-right: 10px;
    }


    .entryGalleryImages img {
        border-top: solid 5px #eee;
        border-right: solid 5px #eee;
        border-bottom: solid 5px #ddd;
        border-left: solid 5px #ddd;
    }

    .entryGalleryImages img:hover {
        border-top: solid 5px #ddd;
        border-right: solid 5px #ddd;
        border-bottom: solid 5px #ccc;
        border-left: solid 5px #ccc;
    }

.blurbImage {
    /*float: left;*/
    margin: 10px;
}


.courseOneLiner {
    padding: 5px 0 0 5px;
    margin: 0 100px 0 0;
}
.categoryCourses {
    margin: 0 0 0 20px;
}
    .categoryCourses ul {
    }


    .categoryCourses li {
        margin: 0 0 20px 0;
        list-style-image: url(images/redBullet.gif);
    }

#newsSpecialEvents {
}

	#newsSpecialEvents .entry {
		padding: 10px 10px 20px 10px;
		width: 90%;
		float: left;
		display: block;
		margin: 20px 0 0 0;
		
	}

	#newsSpecialEvents .entry .dateBox {
		float: left;
		width: 140px;
		padding-top: .7em;
		font-weight: bold;
	}
	
	#newsSpecialEvents .text {
		float: left;
		margin-left: 20px;
	}