/*

Name: 		Murray Chapman
Email: 		muzoid@yahoo.com

Last Edit:	2011-07-04

*/

/* LAYOUT HACKS */
* { 
	padding: 0px; 
	margin: 0px; 
}

a img {
    border: none;
}

.clearFix { 
	clear: both; 
}

/* ARCHITECTURAL STRUCTURE */

body {
	background: url(images/behindTopRightBgnd.png) #fff repeat-x left top; 
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif; 
}

td { 
	vertical-align: top; 
}

p { /* Needed when the margin and padding were removed off all elements in LAYOUT HACKS */
	padding-bottom: 1em; 
}

/* BOX MODEL STRUCTURE */

#siteShell {
	margin: 0px auto;
	width: 1000px;
}

	#header { 
		height: 140px; 
		background:url(images/headerBgnd.gif) left no-repeat; 
	}

		#headerSearch { 
			float: right; 
			margin: 10px 10px 0 0; 
			font-size: 1.5em; 
			width: 220px;
		}
		
			.search { 
				color: #454545; 
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				width: 100px; 
			}
			
			.topSearchText {
				float: left;
				margin: 5px 10px 0 0;
				padding: 0px 5px 0 10px;
				color: #666;
				font-size: 1.1em;
				letter-spacing: 0.1em;
				word-spacing: 0.2em;
				width: 150px;
				border: none;
				height: 29px;
				background: url(images/topSearchTextBgnd.png) no-repeat;
			}
			
			.topSearchButton {
				float: left;
				background:url(images/edit-find.png) no-repeat;
			    cursor:pointer;
			    width: 32px;
			    height: 32px;
			    border: none;
			    margin: 3px 0 0 0;
			}

	#navigation { /* NAVIGATION STYLES - TOP HORIZONTAL */
		height: 1em; 
		background-color: #eee; 
		padding: .5em 0; 
		margin-left: 257px; 
	}

    	#navigation ul { 
    		list-style-type: none; 
    	}
    
    		#navigation li { 
    			float: left; 
    			white-space: nowrap; 
    			font-weight: bold; 
    			text-transform:uppercase; 
    		}
    		
    			#navigation a:link, #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;
    			}
    			

    			#afterNavLinks { 
    				float: left; 
    				margin-top: 51px; 
    				text-align: right; 
    			}
    			
    #content { /* CONTENT STYLES */
    	margin: 5px auto; 
    }
    
    	/* CONTENT WIDE STYLES */
    
		h1, h2, h3, h4 { 
			margin: 0 80px 0 0;
			padding: 0.5em 0 0.1em 0;
		}
		
		h1 { 
			font-size: 2.0em; 
		}
		
		h2 {
			font-size: 1.6em;
		}
		
		#content td { 
			padding: 5px; 
		}
		    
		.pageOptions { 
			float: right; 
		}

		    .pageOptions a:hover { 
		    	border-bottom: solid 3px #ccc;  
		    	background:url(images/headerBgnd.gif) right top no-repeat #fff !important; 
		    }
			    
	    #contentLeft { /* CONTENT LEFT STYLES */
	    	float: left; 
	    	width: 200px; 
	    	margin: -40px 10px 5px 20px; 
	    }
	    
	    	#officeHours {
	    		margin: 30px 0 0 0;
	    	}
	    
			#courseCategories { /* COURSE CATEGORY STYLES */
				clear: left; 
				margin-top: 15px;
			}
			
				#courseCategories ul { 
					list-style-type: none; 
					margin: 0 0 0 5px; 
				}
			
					#courseCategories li { 
						margin: 0 0 2px 0; 
					}
		
						#courseCategories a, #courseCategories .currentCategory { 
							background-color:#eee; 
							padding: 6px 10px; 
							font-size: 1em; 
							text-decoration:none; 
							font-weight: bold; 
							display: block; 
						}
						
						#courseCategories .currentCategory { 
							background-color: #f00; 
							color: #fff; 
							padding: 10px; 
							cursor:default; 
							background:url(images/headerBgnd.gif) right top no-repeat;  
						}
						
							#courseCategories a:hover { 
								background-color: #ccc; 
							}
							
		
				.leftLinksCategory { 
					margin: 5px 10px 10px 10px; 
				}
					.leftLinksCategoryHeading { 
						font-weight: bold;
						padding: 5px; 
						color: #666; 
						text-transform: uppercase; 
						margin: 10px 5px 0 5px; 
					}
			

			#leftLinks {
			
			}
				#leftLinks ul { 
					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;
				        }
		
		
		#contentMiddleRight {  /* CONTENT MIDDLE and RIGHT COMBINES STYLES */
			margin: 0 20px 5px 262px; 
		}
		
		#contentMiddle {  /* CONTENT LEFT STYLES */
			margin: 0 200px 5px 262px; 
		}
		

			#contentMiddle li {
			    padding-left: 5px;
			    margin-left: 20px;
			}

		#contentRight { 
			float: right; 
			margin: 0 0 0 20px; 
			border-left: solid 1px #eee; 
			width: 170px; 
		}

	        #newestCourses, #comingEvents { 
	        	margin: 0 10px 20px 10px; 
	        }
	        	
	            #newestCourses ul, #comingEvents ul { 
	            	list-style: none; 
	            }
		
	            #newestCourses li a, #comingEvents li a { 
	            	display: block; 
	            	padding: 3px 4px; 
	            	text-decoration: none; 
	            	border-bottom: dotted 1px #E4E4E4; 
	            }
	
	            #newestCourses li a:hover, #comingEvents li a:hover  { 
	            	background-color: #E9E9E9; 
	            	border-bottom: solid 1px #fff; 
	            }


	    .breadCrumbs {
	    	font-size: 0.9em;
	    	background-color: #eee;
	    	padding: 2px;
		}
		

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


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

    .screenData li, .screenData p {
        padding: 3px 2px;
        margin-left: 20px;
        margin-right: 100px;
    }



    #content .formContainer { 
    	margin: 0 0 0 20px; 
    }
    
    	.formContainer .row{ 
    		padding: 5px 0; clear: right; 
    	}
    	
            .row label { 
            	float: left; 
            	display: block; 
            	width: 150px; 
            	font-weight: bold; 
            }
            
            .row .entryBoxExtended { 
            	margin-left: 150px; 
            	display: block; 
            }
            
            .row img { 
            	margin: 5px; 
            	border: solid 1px #D2D2D2; 
            }
            
            .row .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; }



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

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

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

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

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


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


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


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

#footerBusinessInfo {
    clear: both;
    margin: 10px 10px 0 225px;
    border-top: solid 2px #f00;
    padding: 5px 5px 30px 5px;
}
    
    
/* PAGE SPECIFIC STYLES */    
 
#contentMiddleCourses { /* COURSE CATEGORY PAGE STYLES */
	margin: 0 20px 5px 262px; 
} 
   
	#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 0 0 225px;
	}
	
		#courseCategorySummary {
			margin: 0 80px 0 0;
			padding: 10px 0 0 0;
			
		}
	
		.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);
		    }



.searchResult { /* SEARCH PAGE STYLES */
    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
		}

			.searchText { 
				background-color: #EEFAFF; 
				border-bottom: solid 1px #8ADCFF; 
				font-weight: bold; 
				padding: 2px 10px; 
			}
			
/* CONTACT PAGE STYLES */


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

.handyWebForm {
	padding: 10px 0 15px 0;
}
#contactForm {

}