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

				/*added by Jerry to style dynamic left column data*/
					#left h4 { color:#FFFFFF;
								margin-top: 10px; 
								margin-left: 60px;
								font-size: 12px;
								}
					
					
					#left #uptitle { margin-top: 30px;
									  margin-left: 40px;
								       }
									   
					#left ul { margin-top: 40px; 
							   margin-left: 60px;
							   padding-bottom: 130px;
								}
								
					#left ul li { list-style-type: none;
								  font-size: 12px;
								  line-height: 17px;
								  letter-spacing: 1px;
								  color: #ffffff;
								  padding: 3px;
								   }
												
								   #left #classclear { height: 75px;
											            }
																   
								  				     #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 h4 { font-size: 14px;
								 				 			  color: #990000;
												 			  font-weight: 700;
												 			  margin-top: 15px;
												 			  margin-bottom: 10px;
								                  			   }
												  
											   #classList ul { margin-top: 5px;
								    			 			   margin-left: 10px;
												  				}
														  
								 			   #classList ul li { list-style-type: none;
											   					  font-weight: 700;
																  font-size: 13px;
																  line-height: 17px;
																  color: #462801;
													 			   }
													 
													 			  #classList .event_time { font-weight: 100;
																  						   padding-top: 5px;
																						   font-size: 11px;
																						   line-height: 17px;
																						   color: #462801;
																                       }
																					   
																  #classList .event_location { font-weight: 100;
																  							   font-size: 11px;
																							   line-height: 17px;
																							   color: #462801;
																							   padding-bottom: 5px;
																                                }
																								
																  #classList .event_content { font-weight: 100;
																  							  font-size: 13px;
																							  line-height: 17px;
																							  color: #462801;
																							  padding-bottom: 5px;
																                               }
																							   
											  #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_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;
			             }