@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html, body {
	background-color:#B43137;
}

/* Removes gaps under images in IE6 */
img {
	vertical-align:bottom;
}

/* Ensures contained DIVs strech container DIVS */
.clearFix {
	clear:both;
	visibility:hidden;
}


/* For hiding preloaded images */
.hiddenPic {display:none;}


#page-container {
	width: 966px;
	margin: auto;
	background-image:url(../images/back978.jpg);
	background-repeat:repeat-y;
	padding: 0 6px 0 6px;

}

#foot-container {
	clear:both;
	height:99px;
	width:978px;
	background-image:url(../images/full_bottom978.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin:auto;
} 

#logo {
	float:left;
}

#menu {
	padding-top:105px;
	background-color:#FFFFFF;
	height:39px;
	width:564px;
	float:left;
}

/* Left edge of the menu bar. */
.leftImg {
	float: left;
}

#mid-container, #mid-container-black {
	width: 966px;
	background-repeat:repeat-y;
	float:left;
}

#mid-container {
	background-image:url(../images/faux_col.gif);
}

#mid-container-black {
	background-image:url(../images/faux_col_black.gif);
}

#left-container {
	float:left;
	width:756px;
	

}

#banner {
	float:left;

}

#headline, #headline-black {
	float:left;
	width:756px;
	height:186px;
	background-repeat:no-repeat;


}

#headline {
	background-image:url(../images/general_head.gif);
}

#headline-black {
	background-image:url(../images/general_head_black.gif);
}

#headline img, #headline-black img {
	float:right;
}

#headline p, #headline-black p {
	padding-left:200px;
	padding-top:20px;
}

#left-content {
	width:230px;
	float:left;
}

#main-content {
	width:500px; /*was 390  for some reason */
	float:left;
}

#main-content form{
	color:#FFFFFF;
}

#main-content input, #main-content textarea {
	border-style:inset;
	border-width:medium;
}

#main-content input.button {
	border-style:none;
}

#Error {
	color:#FF0000;
}	

/* This was the CSS for a neat little bordered box with a curved edge. Handy little thing... 
.t for top, .b for bottom etc. we are creating our own borders so we can use a curved corner at the bottom left(.bl) 

.t {
	float:right;
	background:url(../images/hdot.gif) 0 0 repeat-x; 
	background-color:#B43136;
	color:#DCDDDF;
	width: 192px;
}

.b {background: url(../images/hdot.gif) 0 100% repeat-x}
.l {background: url(../images/vdot.gif) 0 0 repeat-y}
.r {background: url(../images/vdot.gif) 100% 0 repeat-y}

.bl {
 	background: url(../images/red_box_bottom.gif) 0 100% no-repeat; 
 	padding:15px;
}

*/

#right-container {
	float:left;
	width:160px;
	height:159px;
	background-image:url(../images/red_box.gif);
	background-repeat:no-repeat;
	padding-top:50px;
	padding-left:10px;
	padding-right:40px;
	position:relative;
	

}

#right-bot-container {
	background-image:url(../images/gray_box.gif);
	background-repeat:no-repeat;
	float:left;
	width:170px;
	height:159px;
	padding:10px;
	padding-right:20px; 
	color:#FFFFFF;
}

p {
	padding-bottom:1em;
}


.bulletlist
{
	margin-left: 10px;
	list-style: none;
}

.bulletlist li {
	margin:0.8em;
	padding-left:2em;
	background-image:url(../images/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 0 0%;
}

.bulletlist1
{
	margin-left: 10px;
	list-style: none;
}				

.bulletlist1 li {
	margin:0.4em;
	padding-left:2em;
	background-image:url(../images/bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

#bottom-image-container {
	margin-left: 162px;
/*	float:left; IE6 didn't like for some reason??? */
}


#footer {
	height: 30px;
	padding-top:15px;
	padding-left:300px;
	font-size:9px;
}

#footer a:link, #footer a:visited {
	color:#B61018;
	text-decoration:none;
}

#footer a:hover {
	background-color:#A7A9AC;
	color:#FFFFFF;
}

#cleari {
	font-size:10px;
	padding-top:13px;
	padding-left:40px;
}

#cleari a:link, #cleari a:visited {
	color:#0000FF;
}

#cleari a:hover {
	color:#FFFFFF;
}

.thumbnail span.boxtext, .thumbnail span.hovpic{ /*CSS for enlarged image*/
	position: absolute;
	visibility:hidden;
	left:-3000px; 
/*	display:none; */ 
	color:black;
	text-decoration:none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
}



a:hover.thumbnail, .thumbnail:hover span.boxtext{ /*CSS for enlarged image*/
	visibility: visible; 
/*	display:inline; */
	width:210px;
	height:159px;
	background-image:url(../images/gray_box.gif);
	background-repeat:no-repeat;
	top: 209px;
	left: 0px; /*position where text should offset horizontally */
	z-index: 50;
}

a:hover.thumbnail {
	background-image:none; 
}


.thumbnail:hover span.hovpic{ /*CSS for enlarged image*/
	visibility: visible; 
/*	display:inline; */
	top: 50px;
	left: -175px; /*position where should offset horizontally */
}


.bodylist {
	margin-left: 30px;
	padding-bottom: 10px;
}