/* Start of CMSMS style sheet 'fqc-styles' */
/* CSS Document */
/*
	nav dark red: #200000
	red: #ff0000
	drk grey: #333333;
	
	These where originally in html, body.
	, ul, ol, li, p, form
*/

/*
html, body, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
}
*/

body {
	position: relative;
	margin: 0;
	padding: 0;
	/* text-align: center; */
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color: #f7f7f7;
	color: #000;
}

#wrap_table {
	/*  This is the bottom table element to align and set width */
	width: 780px;
	margin: 10px auto;

}
#content_footer {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	padding-top: 30px;
	padding-bottom: 15px;
	color: #999;
	clear:both;
	
}
#nowrap_footer {
	float: none;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666;
	font-size: 85%;
}
#wrap_border {
	border: 2px solid #fff;
	background-repeat:repeat-y;
	background-color: #e4e4e4;
}
#wrap_container {
	text-align: left;
	background-repeat: repeat-x;
	
	/*border: 2px solid #fff;*/
}
#wrap_watermark {
	/*border: 1px red solid;*/
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: top right;
}
#wrap_header {
	background-repeat: no-repeat;
}
#wrap_foot {
}
#wrap_cell {

}

/* CSS Document */
/*
	nav dark red: #200000
	red: #ff0000
	drk grey: #333333;
	
*/
 
body {
         background-image: url(/images/bg.jpg);
 
}
#wrap_border {
	background-image: url(/images/block_nav_bg.jpg);
}
#wrap_container {
        background-image: url(/images/wrap_bg.jpg);
}
#wrap_watermark{
        background-image: url(/images/watermark2.gif);
}
#wrap_header {
        background-image: url(/images/header.jpg);
}
#wrap_foot {
        /*background: url(http://fourquartercircle.1stbyte.com/images/watermark.jpg) bottom right no-repeat;*/
}
#wrap_cell {
 
}
 
#block_nav {
	background: url(/images/navbg.jpg) repeat-y;
}
#block_nav_footer {
	background: url(/images/nabbottom.jpg) no-repeat;
 
}
 
 
#block_content {
	}


#block_header {
	height: 15px;
	text-align: right;
	clear: both;
}
#block_nav {
	width: 222px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 95%;*/
	margin-left: 21px;
	margin-top: 22px;
	padding-top: 30px;
	/*background-color:#000043;*/
	
	/*border: 1px solid green;*/
}
#block_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	letter-spacing: 1px;
	margin-left: 16px;
	margin-right: 15px;
}

#block_content h3.pagetitle {
	padding-bottom: 5px;
	padding-top: 0px;
}
#body_table {
	margin-top: 215px;
}
#body_cell {
	vertical-align: top;
	text-align: left;
	width: 100%;
}
#nav_cell {
	vertical-align: top;
	text-align: left;
	width: 260px;
	
}


/* ====================================
	Links
*/
/* standard links */
a, a:link, a:visited {
	color: #cc0000;
	text-decoration:none;
}
a:hover, a:active {
	color: #cc0000;
	text-decoration: underline;
}


/* nav links */
div.contentlink {
	padding: 3px 0px 3px 40px;
	
}
a.nav, a.nav:link, a.nav:visited {
	color: #ccc;
	letter-spacing:1px;
	text-decoration:none;
	font-size: 85%;
}
a.nav:hover, a.nav:active {
	color: #fff;
	text-decoration: underline;
}
/* nav selected links */
div.contentlinksel {
	padding: 3px 0px 3px 40px;
	
}
a.navsel, a.navsel:link, a.navsel:visited {
	color: #fff;
	letter-spacing:1px;
	text-decoration:none;
	font-size: 85%;
}
a.navsel:hover, a.navsel:active {
	color: #fff;
	text-decoration: underline;
}




/* ------------------------------------------- */
/* =nav
----------------------------------------------- */
#nav {
	list-style: none;
	padding: 0;
	margin: 0 0 0 5px;
width: 208px;
	overflow:hidden;
}
#nav li {
	padding-left: 35px;
	display: block;
	width: 208px;
	margin-bottom: 10px;
	
}
#nav li:hover, #nav li:focus {
	cursor:pointer;
	cursor:hand;
}
#nav li a {
	color: #000000;
	letter-spacing:1px;
	font-size: 100%;
	font-weight: bold;
	display: block;
}
* html #nav li a {
	padding-top: 2px;
}

#nav li a.menuactive  {
	/* background: url(../images/layout/bullet.gif) no-repeat 0 50%; */
	color: #891F1F;
	text-decoration: underline;
}

#nav li a:hover, #nav li a:focus {
	text-decoration: underline;
	
}
#nav ul {
	/* background: url(/images/layout/nav-ul-bg.png) repeat-y; */
	padding: 0;
	margin: 0 0 5px 0;
	list-style: none;
	height: auto;
}
#nav ul li {
	margin: 3px 0 3px 0px;
	padding: 0;
	background: none;
}
#nav ul li a {
	margin: 0;
	color: #000;
	font-weight: bold;
	border: 0;
	font-size: 80%;
	padding: 3px 0 3px 14px;
	display: block;
}
#nav ul li ul {
margin: 0 0 15px 0;
}
#nav ul li ul li {
	margin: 3px 0 3px 0px;
}
#nav ul li ul li a {
	margin: 0;
	color: #000;
	font-weight: bold;
	border: 0;
	font-size: 80%;
	padding: 3px 0 3px 24px;
	display: block;
}

/*
#topnav {
	position: absolute;
	left: 330px;
	top: 157px;
	z-index: 1000;
	list-style: none;
	padding: 0;
	margin: 0;
}
#topnav li {
	float: left;
	padding: 0;
	margin: 0;
}
#topnav li a {
	text-align: center;
	margin-left: 15px;
	display: block;
	width: 115px;
	height: 33px;
	padding-top: 10px;
	line-height: 1.5;
	color: #FFF;
	font-weight: bold;
	border: 0;
	font-size: 12px;
	background: url(../images/layout/topnav.jpg) no-repeat;
}
#topnav li a:hover {
	background: url(../images/layout/topnav-hover.jpg) no-repeat;
	text-decoration: underline;
}
*/
/*  end new menu ------------------------------- */




#block_nav_footer {

		clear: both;

		width: 222px;

		font-family: Verdana, Arial, Helvetica, sans-serif;

		font-size: 95%;

		margin-left: 0px;

		height: 38px;

		background-repeat: no-repeat;


		margin-bottom: 0px;

		/* background: url(http://www.fourquartercircle.com/images/bgnavlower.jpg) top left no-repeat;
		*/
	}


#block_below_nav {
margin-left:28px;
padding-top: 35px;
text-algin:center;
background-color: None ;
}



/* *******************************************
CLEARFIX
These items needed to clearfix the divs 
that overflow when not supposed to.

Put this wrapper around the problem areas:
<div class="clearfix">

****************************************** */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
/*background-color:white;*/
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*  END CLEARFIX */



/* ****************************************  testing image gallery */
.thumbPicCaption {
		text-align: center;
		font-size: smaller;
		margin: 0 1px 0 0;
		padding: 0;
		width: 124px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	/* Image Gallery - Big Images */
	.bigPic {
		margin: 10px 0 5px 0;
		padding: 0;
		line-height: normal;
	}

	.bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */
		text-align: center;
		font-weight: bold;
		font-variant: small-caps;
		font-weight: bold;
		margin: 0 1px 0 0;
		padding: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	.bigPic img{ /* Big Image settings */
		width: 350px; /* Width of Big Image */
			height: auto;
		display: inline;
		padding: 18px; /* Image padding to form photo frame. */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /* Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc; 
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none; 
		text-align: left;
	}

	.bigPicNav { /* Big Image information: 'Image 1 of 4' and gallery navigation */
		margin: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		padding: 0;
		color: #000;
		font-size: smaller;
		line-height: normal;
		text-align: center;
		/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */
	}



/* End of 'fqc-styles' */