body{
	font: 600 1em "trebuchet ms", serif;
	text-decoration: none;
	font-size:100%;
	color:#f67ae6;
}

h1{
	color:red;
	font-size:110%;
	}

h2{
	font-size:105%;
	color:#4074e8;
}


p{
	margin:0px 2px 0px 2px;
	padding:4px;
}

i{
	color:#ffffff;
}


body{
	margin:0px;
	padding:0px;
}

#header{
height:200px;
background-image: url("img/header.jpg");
background-repeat: no-repeat;

}





#column-one{
	width:151px;
	margin:0px 0px -9999px 0px;
	float:left;

}

#column-one-inner-left{
	float:left;
	width:151px;
	padding:0px 0px 9999px 0px;
	margin:0px 0px -9999px 0px;
}



#column-two{
	margin:0px 0px 0px 151px;
}

#column-two-inner{
	float:left;
	width:100%;
}
#column-two-inner-inner{
margin:0px 200px 0px 0px;
background-image: url("img/mainback2.jpg");
background-repeat: no-repeat;
}


#column-three{
	float:left;
	width:151px;
	margin:0px 0px 0px -151px;

}

.clear-both{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}

#content{
	overflow:hidden !important;
	
	min-width:700px !important;
	/* IE Dynamic Expression to set the width */
	width:expression(document.body.clientWidth < 701 ? "700px" : "100%" );
}

/* Opera 9 fix to hide overflow */
@media all and (min-width:0px) {
    head~body #content{ 
			 position:relative !important;
		}
}


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}