/* CSS Document */

body {
	text-align:center;
	margin:0px;
	padding:20px 0px 0px 0px;
	font-family:Helvetica, Arial, sans-serif;
	background-color:#e2e3e4;
	font-size:12px; line-height:125%;
	}

#container {
	width:800px;
	margin:0px auto;
	text-align:left;
	position:relative;
	}
	
#header {
	height:67px;
	margin:0px;
	padding:0px;
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#c52237;
	}
	
#main {
	padding:50px 74px 50px 50px;
	margin:0px;
	background-color:#FFFFFF;
	}
	
#columnLeft {
	float:left;
	width:400px;
	border:#999999 1px solid;
	height:400px;
	}
	
.box {
	width:130px;
	height:130px;
	margin:0px 5px 5px 0px;
	padding:0px;
	float:left;
	}
	
#columnRight {
	float:right;
	width:227px;
	}
	
#text {
	height:372px;
	}
	
#navLeft {
	height:28px;
	width:28px;
	float:right;
	text-align:right;
	margin:0px;
	padding:0px;
	}
	
#navRight {
	height:28px;
	width:28px;
	float:right;
	text-align:right;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	}
	
#footer {
	text-align:right;
	font-size:10px;
	color:#58595b;
	padding:5px 2px 5px 0px;
	}
	
#footer a {
	color:#58595b;
	text-decoration:none;
	}
	
#footer a:hover {
	color:#58595b;
	text-decoration:underline;
	}
	
#clearing {
	clear:both;
	height:1px;
	}
	
/*// text styles //*/

h1 {
	font-weight:bold;
	font-size:12px;
	margin:0px;
	padding:0px;
	}
	
h2 {
	color:#c52237;
	font-size:12px;
	margin:0px;
	padding:0px;
	font-weight:normal;
	}

p {
	color:#58595b;
	margin:0px;
	padding:0px;
	}

a {
	color:#58595b;
	text-decoration:none;
	}

a:hover {
	color:#58595b;
	text-decoration:underline;
	}

.header {
	padding:45px 0px 0px 50px;
	color:#FFFFFF;
	margin:0px;
	}
	
.header a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.header a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
/* thumbnail css */

.box{
z-index: 0;
}

.box a {
	text-decoration:none;
	}

.box a:hover {
	text-decoration:none;
	}

.box:hover{
background-color: transparent;
z-index: 50;
	text-decoration:none;
	}

.box span{ /*CSS for enlarged image*/
position:absolute;
background-color:#ffffff;
padding: 5px;
right: -2000px;
border:none;
display:none;
color: black;
text-decoration: none;
margin:0px;
}

.box span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.box:hover span{ /*CSS for enlarged image on hover*/
display: block;
position:absolute;
top: 487px;
right:45px; /*position where enlarged image should offset horizontally */
width:250px;
text-decoration:none;
}