html { overflow: -moz-scrollbars; }
img { border:0; }	
h1 { font-size:12px; padding:0; margin:0 0 10px 0; border-bottom:1px solid #900; }
h2 { font-size:12px; padding:0; margin:0 0 10px 0; clear:both; }

a {
	color:#1560a4;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

body {
	margin:0;
	padding:0;
	background:url('../images/background.gif') repeat top left;
	text-align:center;
	font-family:Verdana, sans-serif;
	font-size:11px;
}

body div#contentArea { 
	width:888px;
	height:0px;
	margin:5px auto;
	text-align:left;
}

	body div#contentArea table#container td#topLeft {
		width:457px;
		height:326px;
		font-size:0px;
	}
	
		body div#contentArea table#container td#topLeft img {
			display:block;
		}
	
	body div#contentArea table#container td#bottomLeft {
		width:457px;
		height:393px;
		vertical-align:top;
		background:transparent url('../images/main_bl.gif') top left no-repeat;
	}
	
		body div#contentArea table#container td#bottomLeft div#blogLink {
			position:relative;
			top:15px;
			left:40px;
		 }		
	body div#contentArea table#container td#right div#content {
			width:385px;
			height:470px;	/* This should be set to 699px. To make everything look nice */
			text-align:left;
			padding:10px;
			font-size:11px;
			overflow:auto;
		}
		
	body div#contentArea table#container td#right {
		width:431px;
		height:300px;
		text-align:center;
		vertical-align:middle;
		background:transparent url('../images/main_r.gif') top left no-repeat;
	}
	
	
		
			body div#contentArea table#container td#right div#content div#thumbnails a img {
				float:left;
				margin:0 16px 10px 0;
				border:none;	/* default: "border:1px solid #666;"... for no border: "border:none;" */
			}