body{
			
			background: #f1f2f1;
			
		}



		#wrapper {
 		
		 	width: 500px;
 			margin: 10px;
 			padding: 0;
 			position: relative;
		}
	
	
		#holidayFormDropDown{
			
			display:  block;
			float: left;
			position: relative;
			padding-bottom: 0px;
		}
		
		#showCalendar{
			
			width: 500px;
			float: left; 
			position: relative;
			display:  block;
			padding-top: 0px;
		}
		
		#calendar_window{
			
			display:  block;
			position: relative;
		}
	
		#loadCalendar{
			
			float: left;
			width:695px;
		}
	
		#commentForm{
			
			float: left; 
			padding-top: 10px; 
			position: relative; 
			text-align: center;
			width: 500px;
		}
		
		#commentPosition{
			
			position: relative; 
			clear: left;
			width: 750px;
		}
		
		#pad{
		 	padding-top: 5px;
		    padding-right: 10px;
			
		}	
		
			html>body #pad{
		  
		 	 padding-top: 10px;
		     padding-right: 5px;
			
		}
		.red{
			
			font-family: verdana;
			font-size: 70%;
			font-weight: bold;
			color: #CC0000;
		}
		
		.title{
		font-family: Arial, Helvetica, san-serif;
		font-size: 90%;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		font-style: italic;
		}
		
		.rform{
			
			font-family: verdana;
			font-size: 70%;
			font-weight: bold;
			color: #CC0000;
		}
		
		.form{
			
			font-family: verdana;
			font-size: 70%;
			font-weight: normal;
			color: #000000;
		}
		
		.content_white{
			
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 75%;
			font-weight: normal;
			color: #ffffff;
		}
		
		.content{
			
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 75%;
			font-weight: normal;
			padding: 10px;
			color: #6D6F71;
		}
		
		.content ul{
			
			list-style-type: square;
			padding-left: 15px;
		}
		
		.content a{
	
			color: #006F99;
		}
		
		.content a:hover{
	
			color: #559942;
		}
		
		.content2{
		font-family: Arial, Helvetica, san-serif;
		font-size: 70%;
		color: #6D6F71;
		}
		
		.content2 ul{
			
			list-style-type: square;
		}
		
		.calendarClass{
			
			font-family: arial, helveitca, sans-serif;
			font-size: 70%;
			font-weight: normal;
			color: #000000;

		}
		
		
		.calendarClassBorder{
	
		
			border:solid 1px #1fa4cb;
		
	}
	
	.calendarClassHeader{
		
			font-family: arial, helveitca, sans-serif;
			font-size: 80%;
			font-weight: normal;
			border:solid 1px #1fa4cb; 
			background: #1fa4cb;
			padding: 10px;
			color:#FFFFFF;
			text-align: center;
	}
		
		.calendarClassWhite{
			
			font-family: arial, helveitca, sans-serif;
			font-size: 70%;
			font-weight: normal;
			color: #000000;
			border:solid 1px #1fa4cb;  
			background:#FFFFFF;

		}
		
		.calendarClassYellow{
			
			font-family: arial, helveitca, sans-serif;
			font-size: 70%;
			font-weight: normal;
			color: #000000;
			border:solid 1px #1fa4cb ;  
			background:#FFFFFF;
			border:solid 1px #1fa4cb; 
			background:#ffffcc;

		}
		
		.calendarClassGray{
			
			font-family: arial, helveitca, sans-serif;
			font-size: 70%;
			font-weight: normal;
			color: #000000;
			border:solid 1px #1fa4cb ;  
			background:#FFFFFF;
			border:solid 1px #1fa4cb; 
			background:#cccccc;
		}
		
	.calendarClassHolidayFont{
		
		color: #398f17;
		font-weight: bold;
	}
	
	.calendarClassCommentTable{
			
			border-collapse:collapse; border:solid 1px #1fa4cb ; background: #ffffff
		}
		
.content2 a{
		text-decoration: none;
		color: #006F99;
		}
		
.content2 a:visited{
			text-decoration: none;
			color: #006F99;
		}
		
.content2 a:hover{
			text-decoration: none;
			color: #559942;
		}
		
.content2 a:active{
			text-decoration: none;
			color: #559942;
		}
		
		h1{
		font-family: Arial, Helvetica, san-serif;
		font-size: 110%;
		color: #006699;
		text-decoration: none;
		margin-top: 5px;
		margin-bottom: 5px;
		padding-left: 10px;
		}	
		
	h2{
		font-family: verdana;
		font-size: 95%;
		font-weight: bold;
		color: #559942;
		text-decoration: none;
		margin-top: 2px;
		margin-bottom: 5px;
		padding-left: 10px;
		}
	
	h2 a{
		
		color: #559942;
		text-decoration: underline;
	
		}
	
	h2 a:hover{
	
	color:  #006F99;
	text-decoration: underline;
	
	}

h3{
	font-family: Arial, Helvetica, san-serif;
	font-size: 85%;
	color: #000000;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;

		}
		
h3 a{
	
	color: #559942;
	text-decoration: underline;
	
	}

h3 a:hover{
	
	color: #006F99;
	text-decoration: underline;
	
	}
		
		#text ul{
		
			list-style-type: square;
			
			
		}
		
		html>body #text ul{
		  
		  
		  	list-style-type: square;
			padding-left: 15px;
			
		  }
		
		.content li{
		
			padding-top: 10px;
			padding-bottom: 5px;
		
		}
		
		html>body .content li{
		
			padding-top: 15px;
			padding-bottom: 5px;
		
		}
		
	.dropdown{
		color: #581010;
		background-color: #DBD8D8;
		font-weight: bold;
		font-size: 70%;
		}	
		
		.caption{
		font-family: Arial, Helvetica, san-serif;
		font-size: 65%;
		color: #000000;
		font-style: italic;
		}
		
		hr{
	margin-bottom: 5px;
	margin-top: 5px;
	height: 2px;
	padding: 0;
	background-color: #fff;
		}
		

.norcal_blue{
	
	color: #11a0db;
	font-weight: bold;
	font-size: 125%;
}

.calendar_table{
	
	border-collapse: collapse; border:solid 2px #1fa4cb; width: 500px;
}

.category_title{
	
	color: #0a83b6;
	font-weight: bold;
}

.blue_title{
	
	color: #0a83b6;
	font-weight: bold;
}

.green_title{
	
	color: #62AC38;
	font-weight: bold;
}

.norcal_green{
	
	color: #62AC38;
	font-weight: bold;
	font-size: 125%;
}


		
.error{
		color: #cc0000;
		text-decoration: none;
		font-weight: bold;
			}
		
		.footer{
		font-family: Arial, Helvetica, san-serif;
		font-size: 65%;
		color: #000000;
		text-decoration: none;
		}