/*
 * Style for Richard McCord Design
 *
 * C23A3E = 194, 58, 62
 */


body {
	background-color: #ffffff;
	color: #000000;
	font: normal 100%  Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	color: #C23A3E;
}

a:visited {
	color: #C23A3E;
}

a:hover {
	color: #444444;
}

a:hover:visited {
	color: #444444;
}

hr {
	height: 1px;
	color: #444444;
	background: #444444;
	border: 0px none !important;
}

h1, h2, h3, h4, h5, h6 {
	color: #444444;
}

img.imgborder1 {
	border: 1px solid black;
}

img.imgborder3 {
	border: 3px solid black;
}

.mcred {
	color: #C23A3E;
}

.centering {
	text-align: center;
}

.smallerfont {
	font-size: 90%;
}

.largerfont {
	font-size: 110%;
}

.donotshow {
	display: none;
}


/* Content Wrap */
#contentWrap {
	margin: 0;
	padding: 0;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: ".";				/* the period is placed on the page as the last thing before the div closes */
	display: block;				/* inline elements don't respond to the clear property */
	height: 0;					/* ensure the period is not visible */
	clear: both;				/* make the container clear the period */
	visibility: hidden;			/* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */



/* nav section */
div#nav {
	width: 273px;
	position: relative;
	float: left;
	margin: 0;
	height: 100%;
	background: url("images/ball.jpg") no-repeat 0 0;
	/*border: 1px dashed #666;*/
}
div#nav img.logo {
	border: 0;
}



/* navlinks */
div#navlinks {
	margin: 365px 0 0 0;
	/*border: 1px dashed #666;*/
}
div#navlinks p {
	margin: 0 0 4px 30px;
	font-size: 70%;
	width: 100%;
}
div#navlinks a:link {
	text-decoration: none;
}
div#navlinks a:visited {
	text-decoration: none;
}
div#navlinks a:hover {
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
}
div#navlinks a:hover:visited {
	text-decoration: none;
}



/* lower part of nav */
div#navlower {
	margin: 20px 0 0 15px;
	font-size: 80%;
	color: #C23A3E;
	/*border: 1px dashed #666;*/
}



/* Content */

div#content {
	width: 500px;
	height: 100%;
	padding: 40px 10px 0 0px;
	margin-left: 310px;
	font-size: 85%;
	/*border: 1px dashed #666;*/
}

p.statement {
	width: 490px;
	padding: 0px 0 5px 0;
}

.listcircle li {
	padding-bottom: 5px;
	list-style-image: url("images/circle.gif");
}


/* Footer */
div#footer {
	min-height: 40px;
	height: auto;
	_height: 40px;
	margin: 50px 0 0 0;
	text-align: center;
	font-size: 70%;
}

#footer p {
	padding: 6px 0 0 0;
}


/* Gallery table */
table.gallery td img {
	border: 1px solid black;
}
tr.thumbnail  td {
	text-align: center;
}
tr.description td {
	padding-bottom: 12px;
	text-align: left;
	font-size: 80%;
}


/* Other web sites table */
.othersites td {
	vertical-align: bottom;
	padding-top: 10px;
}
td.photolink {
	text-align: right;
	padding-right: 15px;
}


/* contact info placement*/
div#contactinfo {
	padding-top: 40px;
	margin-left: 20px;
}