body {
background-color:#FFFFFF;
}

#container {
	margin-left: -380px;
	position: absolute;
	width: 760px;
	left: 50%;
	top: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
#header{
position:absolute;
top:0px;
left:0px;
width: 760px;
height:115px;
border: 1px solid #000000;
text-align:center;
background-image:url(images/print/headerBg.gif);
background-repeat:no-repeat;
background-position: 180px 15px;
}

#header h1,
#header h2{
display:none;
}

#contentcontainer{
position:absolute;
top:120px;
left:0px;
width: 760px;
}
.maincol{
position:absolute;
top:0px;
left:10px;
width:740px;
z-index:3;
border: 1px solid #999999;
}
		.maincol .innermaincol{
		margin: 0px 30px 0px 25px;
		}
				.innermaincol #breadcrumb{
				display:none;
				}
		
	/* BLOGS */
		.blog{
		margin-bottom:5px;
		}
		.blog .blogtext{
		margin: 0px 0px 0px 5px;
		font-size:12px;
		text-align:justify;
		}
		.blog .blogtext a, #comments ol li a{
		color:#666666;
		text-decoration: underline;
		}
		.blog .blogtext a:hover, #comments ol li a:hover{
		color:#D58000;
		text-decoration:none;
		}

		.blog .bloginfo a:hover{
		color:#D58000;
		}		
		.blog h2{
		margin: 0px 0px 5px 0px;
		color: #D58000;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 22px;
		font-weight:400;
		}
		.blog h2.date{
		text-align:right;
		margin: 10px 0px 0px 0px;
		color:#999999;
		font-size: 30px;
		font-weight:400;
		}
		.blog .blogtext h3, .blog .blogtext h3 a, .normal .text h3, .normal .text h3 a{
		color: #D58000;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight:600;
		}
		.blog .blogtext h4, .blog .blogtext h4 a, .normal .text h4, .normal .text h4 a{
		color: #D58000;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		font-weight:500;
		margin: 5px 0 0px 0;
		}
		.blog .blogtext p, .normal .text p{
		margin: 5px 0 8px 0;
		}
	
		/* NORMAL BORING IMAGES - trying to cover my back on old blogs */
				.blog .blogtext img, .normal .text img{
				clear:both;
				border: 1px solid #999999;
				padding: 4px;
				margin: 10px;
				background-color:#FFFFFF;
				max-width:95%;
				}
				.blog .blogtext img:hover, .normal .text img:hover{
				border: 1px solid #333333;
				}	
				.blog .blogtext a img:hover, .normal .text a img:hover{
				border: 1px solid #333333;
				background-color: #efefef;
				}	
				
							
		/* SPECIAL IMAGES & THUMNAIL PANELS - with no float to take up full width, and spans for captions */
				/* the containers */
						.blog .blogtext .imgleft{
						/*normal lefty*/
						clear:both;
						margin: 10px 0 10px 0;
						border: 1px solid #999999;
						padding: 4px;
						background-color:#FFFFFF;
						text-align:center;
						position:relative;
						}
						.blog .blogtext .imgright{
						/*normal righty*/
						clear:both;
						float:right;
						margin: 10px 10px 10px 10px;
						border: 1px solid #999999;
						padding: 4px;
						background-color:#FFFFFF;
						text-align:center;
						}
						.blog .blogtext .imgthumb{
						/*thumbnail panel*/
								float:left;
								margin: 5px;
								border: 1px solid #999999;
								padding: 4px 0 4px 0;
								background-color:#FFFFFF;
								text-align:center;
								position:relative;
								width: 210px;
						}
						.blog .blogtext .imgthumb a{
						padding:0;
						margin:0;
						}
				/* MAGNIFIER GLASS for thumbnail links */
									.blog .blogtext .imgleft a span, 
									.blog .blogtext .imgright a span{
									display:block;
									width:50px;
									height:50px;
									position:absolute;
									top:10px;
									left: 20px;
									background-image:url(Images/hoamk2/imagelink.png) !important;
									background-image:url(Images/hoamk2/imagelink.gif);
									background-position: bottom right;
									background-repeat:no-repeat;
									z-index:100;
									cursor:pointer;
									}
								    .blog .blogtext .imgthumb a span{
									/* no need on thumb panels */
									display:none;
									}
									
				.blog .blogtext .imgleft:hover, 
				.blog .blogtext .imgright:hover, 
				.blog .blogtext .imgthumb:hover{
				border: 1px solid #333333;
				}				
				.blog .blogtext .imgleft img, 
				.blog .blogtext .imgright img, 
				.blog .blogtext .imgthumb img{
				/* to get rid of default image style */
				vertical-align:middle;
				border: none;
				padding: 0;
				margin: 0 auto;
				background-color:#FFFFFF;
				}
				.blog .blogtext .imgleft img:hover, 
				.blog .blogtext .imgthumb img:hover, 
				.blog .blogtext .imgright img:hover{
				/* to get rid of default image style */
				border: none;
				}
			    .blog .blogtext .imgleft span,
				.blog .blogtext .imgthumb span, 
				.imgright span{
				/* captions */
				display:block;
				font-size:12px;
				font-family:Georgia, "Times New Roman", Times, serif;
				color:#999999;
				margin: 4px 0 0 0;
				}				
				
		/* DIALOG STYLES */
				.blog .blogtext dl.dialogue{
				clear:both;
				margin: 5px 0 5px 10px;
				}
				.blog .blogtext dl.dialogue dt{
				font-size:12px;
				font-weight:bold;
				}
				.blog .blogtext dl.dialogue dd{
				font-size:12px;
				}
				.blog .blogtext dl.dialogue dd q{
				font-style:italic;
				}
		


	
		.blog .bloginfo{
		margin: 10px 0px 30px 0px;
		text-align:right;
		font-size:12px;
		font-weight:400;
		color:#999999;
		clear:both;
		}
		.blog .bloginfo ul{
		margin:0;
		padding:0;
		}
		.blog .bloginfo li{
		display:inline;
		margin:0;
		padding:0;
		}
		.blog .bloginfo a{
		margin:0px 3px 0px 3px;
		padding:0;
		color:#999999;
		font-style:italic;
		}			
		
		
	/* COMMENTS */
	#comments{
	clear:both;
	}
		#comments h2{
		margin: 0px 0px 5px 0px;
		color:#006699;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 22px;
		font-weight:400;
		}	
		
		#comments ol{
		width: 440px;
		margin-left: 3px;
		background-color: #f2f2f2;
		padding: 10px;
		border: 1px solid #ddd;
		}
		#comments ol li{
		border: 1px solid #e8e8e8;
		background-color: #f0f0f0;
		color: #999999;
		font-size:22px;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin: 20px 0 0 0;
		padding: 10px;
		list-style-position: inside;
		}
		#comments ol li:hover{
		background-color: #ededed;
		border: 1px solid #e0e0e0;
		}
		#comments ol li:first-child{
		margin-top: 0;
		}		
		#comments ol li h3, #comments ol li h3 a{
		display:inline;
		margin: 0px 0px 5px 0px;
		color:#006699;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		font-weight:400;
		text-decoration:none;
		}	
		#comments ol li h4{
		margin: 5px 0px 0px 0px;
		color:#006699;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		font-weight:400;
		text-decoration:none;
		}
		#comments ol li h3 a:hover{
		border-bottom: 1px solid #999999;
		}	
		#comments ol li .commenttext{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333333;
		margin: 5px 0 0 0;
		}
		#comments ol li .commentinfo{
		margin: 5px 0 0 0;
		font-size:12px;
		color:#999999;
		}	
		
		#comments form{
			display:none;
		}
		#comments .commentformerror {
		width: 440px;
		margin: 0 0 5px 3px;
		background-color: #f2f2f2;
		padding: 10px;
		border: 1px solid #f00;
		font-size:12px;
		color:#FF0000;
		}		
		#comments .commentforminfo {
		display:none;
		}		
	/* ARCHIVES */
		#archive dl{
		margin: 0 0 0 10px;
		}
		#archive dt.year{
		margin: 0 0 0 5px;
		color:#663366;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 26px;
		font-weight:500;
		}
		#archive dt.month{
		margin: 0 0 0 20px;
		color:#663366;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		font-weight:400;
		}
		#archive dt.day{
		margin: 0 0 0 40px;
		color:#663366;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		font-weight:400;
		}
		#archive dd{
		margin: 0 0 0 50px;
		font-size:14px;
		}
		#archive a{
		color:#666666;
		text-decoration:none;
		}
		#archive a:hover{
		color:#D58000;
		text-decoration:none;
		}
	/*ADMIN PAGES */
		#admin h2{
		margin: 0px 0px 5px 0px;
		color:#006699;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 22px;
		font-weight:400;
		}
		#admin form{
			padding-bottom: 40px;
		}
		#admin form div.row{
			clear: both;
			padding-top: 10px;
		}
		#admin form label{
			float: left;
			width: 25%;
			text-align: right;  
			font-size:12px;				
		}
		#admin form .formelem{
			float: right;
			text-align: left;
			width:74%;  				
		}
		#admin form input, #admin form textarea, #admin form select{
			border: 2px solid #999999;
			background-color:#CCCCCC;
			font-family:Verdana, Arial, Helvetica, sans-serif;	
			font-size: 14px;			
		}
		#admin form input:focus, #admin form textarea:focus, #admin form select:focus{
			border: 2px solid #000000;
			background-color:#FFFFFF;
		}
		
		#admin ul li{
		font-size:14px;
		color:#333333;
		}
		#admin ul li a{
		color:#000000;
		}

		
	/* MAIN COL FOOTER */
		.maincol .maincolfooter{
		display:none;
		}


		
/* hide the sidecol */		
.sidecol{
display:none;
}
