@charset "utf-8";
/* CSS Document */

/* Stylesheet file for the Classes page.  Website created and designed by Daniel W Dechert of Digital Warrior Design 2008
	 Any questions or help contact me at dwdechert@digitalwarriordesign.com */

  * { margin: 0;
      padding: 0;
	   }
	   
  body { background-color: #91530b;
         min-width: 810px;
		 margin-top: 5px;
		 font-family: Arial, Helvetica, sans-serif;
		  }
  
  #header { width: 800px;
            margin: 0 auto;
			background-image: url(../images/header_classes_background.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-attachment: scroll;
			 }
			 
			#utilityNav { float: right;
						  display: inline;
			              margin-top: 62px;
			              margin-right: 73px;
			               }
			
			#utilityNav ul li { display: inline;
			                    list-style-type: none;
								font-size: 14px;
								padding: 3px;
								color: #ffffff;
								 }
								 
								#utilityNav a:link { text-decoration: none;
						                     		 color: #ffffff;
											  		  }
						
								#utilityNav a:visited { text-decoration: none;
						                        		color: #ffffff;
												 		 }
												 
								#utilityNav a:hover { text-decoration: underline;
						                      		  color: #ffffff;
											   		   }
			
			#header h1 img { padding-top: 26px;
							 margin-left: 21px;
			                  }
							  
			#mainNav { margin-top: 74px;
					   margin-left: 173px;
					   padding-bottom: 20px;
			            }
			
			#mainNav ul li { display: inline;
							 list-style-type: none;
							  }
			
			#header a:link img, #header a:visited img, #header a:hover img { border: none;
	               															  }
																						  										   
  #middle { width: 800px;
  			margin: 0 auto;
			background-image: url(../images/middle_calendar_background.jpg);
			background-repeat: repeat;
			background-attachment: scroll;
			 }
			
			#left { float: left;
					display: inline;
					width: 230px;
					margin-left: 66px;
					background-image: url(../images/left_background.gif);
					background-repeat: no-repeat;
					background-position: top;
					background-attachment: scroll;
					border: none;
					 }
					
					#left a:link img, #left a:visited img, #left a:hover img { border: none;
	               																    }
																						  
					#left h2 { margin-top: 30px;
							   margin-left: 40px;
							    }
								
					#left h3 { margin-top: 10px;
							   margin-left: 52px;
					            }
											 
					#left #upcoming { margin-top: 30px;
									  margin-left: 40px;
								       }
									   
					#left ul { margin-top: 10px; 
							   margin-left: 60px;
								}
								
					#left ul li { list-style-type: none;
								  font-size: 12px;
								  line-height: 18px;
								  color: #ffffff;
								   }
												
								  #left .event { padding-left: 6px;
											  	 padding-bottom: 7px;
											      }
			
								  #left .lastEvent { padding-left: 6px;
								  					 padding-bottom: 90px;
													  }
													 
													 #left a:link { text-decoration: underline;
													 				color: #ffffff;
																	 }
																	 
													 #left a:visited { text-decoration: underline;
													                   color: #ffffff;
																	    }
																		
													 #left a:hover { text-decoration: none;
													 				 color: #ffffff;
																	  } 
																	  
			#right { width: 465px;
				     float: right;
					 display: inline;
					 margin-right: 25px;
					 border: none;
					  }
			 
			 		 #classNav { float: right;
					 			 display: inline;
								  }
										 
										#classNav ul li { list-style-type: none;
														  font-size: 12px;
														  display: inline;
														  padding: 2px;
														  color: #462801;
														   }
														   
					 #calendarNav { float: right;
					 			    display: inline;
									margin-right: 22px;
								     }
										 
										#calendarNav ul li { list-style-type: none;
														     font-size: 12px;
														     display: inline;
														     padding: 2px;
														     color: #462801;
														      }
														     
															 #calendarNav a:link { text-decoration: underline;
																				color: #990000;
																     			 }
																		 
															 #calendarNav a:visited { text-decoration: underline;
																	      		   color: #990000;
																		   			}
																			
													    	 #calendarNav a:hover { text-decoration: none;
																	    		 color: #990000;
																	     		  }
														   
			 		 #right .opener { font-size: 13px;
					                  line-height: 17px;
							          color: #462801;
							          padding-bottom: 5px;
							           }
									  
			 		 #right h3 { margin-top: 4px;
							     padding-bottom: 10px;
					              }
								 
								 #classList p { font-size: 13px;
					                  		    line-height: 17px;
							          		    color: #462801;
							          		    margin-bottom: 10px;
												margin-left: 10px;
											     }
								 
								 #classList h4 { font-size: 14px;
								 				 color: #990000;
												 font-weight: 700;
												 margin-top: 15px;
												 margin-bottom: 10px;
								                  }
												  
								 #classList h5 { font-size: 11px;
								 				 line-height: 17px;
								 				 color: #462801;
												 font-weight: 100;
												 margin-left: 10px;
												  }
												
								 #classList #materials h6 { margin-left: 10px;
														    font-size: 11px;
														    line-height: 16px;
															font-weight: 100;
														    color: #462801;
								                             }
								 
								 #classList #materials2 h6 { margin-left: 10px;
														     font-size: 11px;
														     line-height: 16px;
															 font-weight: 100;
														     color: #462801;
								                              }
															 
														 #classList .item { padding-left: 7px;
													                         }
																		
														 #classList .lastItem { margin-bottom: 10px;
												                        		 }
																		
														 #classList .lastItem2 { margin-bottom: 10px;
														 						 padding-left: 7px;
																				  }
																				  
								 #classList ul { margin-top: 5px;
								    			 margin-left: 20px;
												  }
														  
								 #classList ul li { list-style-type: none;
								 					font-size: 12px;
													line-height: 16px;
													color: #462801;
													 }
													 
								 #classMenu { float: right;
								 			  margin-top: 10px;
								               }
								 
								 #classMenu ul li { display: inline;
								 					list-style-type: none;
													padding: 2px;
													color: #462801;
													 }
								   
								   					#right a:link { text-decoration: underline;
																	color: #990000;
																     }
																		 
													#right a:visited { text-decoration: underline;
																	   color: #990000;
																		}
																			
													#right a:hover { text-decoration: none;
																	 color: #990000;
																	  }
																		
						#middle #calendar { 
											margin-left: 66px;
										     }
										  	   
			#bottom { clear: both;
			           }
					   
  #footer { width: 800px;
            margin: 0 auto;
			background-image: url(../images/footer_calendar_background.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-attachment: scroll;
			text-align: center;
			color: #ffffff;
			 }
			 
			#footer ul { padding-top: 40px;
						  }
			
			#footer ul li { display: inline;
							list-style-type: none;
							padding: 2px;
							font-size: 12px;
							 }
			
							#footer ul li a:link { text-decoration: none;
			                       				   color: #ffffff;
								    				}
									
							#footer ul li a:visited { text-decoration: none;
									  				  color: #ffffff;
									   				   }
									   
							#footer ul li a:hover { text-decoration: underline;
			                        				color: #ffffff;
									 				 }
									 
			#footer p { padding-top: 45px;
						padding-bottom: 10px;
						font-size: 11px;
			             }