@charset "UTF-8";
A:link {text-decoration: none; color:#0066FF;}
A:visited {text-decoration: none; color:#0066FF;}
A:active {text-decoration: none; color:#0066FF;}
A:hover {text-decoration: none; color:#0066FF; background: #FFFF33; text-decoration:none;}

body {
	font-size:14px;
	font-family: georgia, serif;
	color:#CCC;
	background:url(images/bg3.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: bottom center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}
	
a img
{  border-style: none;
}

h2 
{
font-family: georgia, serif;
font-size: 16px;
font-style: italic;

}

#header {
width:932px;
padding-bottom:15px;
text-align:left;
}
	
#wrap {
	width: 938px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background: #FFFFFF;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-top: 33px;
	margin-left: auto;
	margin-right:auto;
	
}

#content_container {
	width: 932px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background: #FFFFFF;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	float:left;
}

#content{
	width: 310px;
	height:200px;
	text-align:left;
	vertical-align:middle;
	position:relative;
	float:left;
	overflow:hidden;
}

#middleit{
	width: 270px;
height:180px;
 display: table-cell;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

#content_image a{
display:block; height:192px; width:304px; overflow:hidden;
}

#content_image a:hover{
display:block; text-indent:-304px;
opacity:0.9;
filter:alpha(opacity=90);
}

#side_container {
	padding-top:5px;
	width: 274px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background: #FFFFFF;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	float:right;
}

#side_container a:hover {
background: #FFFF33; text-decoration:none;
}

.transparency
{
	opacity:0.7;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	background-color:#FFFFFF;
	width:274px;
	height:150px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
}

.content
{
	padding:10px 5px 5px 10px;
	width:259px;
	position:relative;
	color:#000000;
}

#wrap #header {
	font-size: 16px;
}
#wrap #header {
	font-size: 14px;
}