@charset "utf-8";
/* Web Design by Robert Krames */

/* General Elements 
---------------------------------------------------*/
*{margin: 0; padding: 0;}
body {
	margin: 10px;
	padding: 0;
	text-align: center;
	background: #fff;
}
a, p, div, ol, ul, li, h1, h2, h3, h4, h5, h6, form {margin: 0;}
p, li, h2, h3, h4, h5, h6 {padding: 10px 0 0 0;}
p {padding: 10px 0 0 0;}
img {border: none;}

h1 {
	font: normal 24px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5b331a;
}
h2 {
	font: normal 18px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5b331a;
	padding-bottom: 10px;
}
h3 {
	font: bold 16px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5b331a;
	padding-top: 15px;
}
h4 {
	font: bold 14px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5b331a;
}
p, div {
	font: normal 13px/1.5em Arial, Helvetica, sans-serif;
	color: #000;
}
a, a:link, a:visited {
	color:#5a9a98;
}
a:hover, a:active {
	color:#accccb;
}

/* Layout 
---------------------------------------------------*/
#masterCtnr {
	text-align:left;
	width:800px;
	position:relative;
	margin: 0 auto 0 auto;
	background: #000 url(images/TMP-contentBG.gif) repeat-y left;
}
#leftColumn {
	float:left;
	width:160px;
	padding: 0;
	margin: 0;
}
#leftColumn ul {
	list-style:none;
	padding: 0;
	margin: 0;
}
#leftColumn ul li {
	padding: 0;
	margin: 0;
}
#leftColumn ul li a{
	color: #000;
	font: normal 15px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	padding: 12px;
}
#leftColumn ul li a:hover, #leftColumn ul li a:active {
	color: #000; 
	background:#fff;
}
#leftColumn div{
	color: #000;
	font: normal 18px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 80px 5px 15px 5px;
	text-align:center;
}
#contentCtnr {
	margin: 0 0 0 170px;
	padding: 15px 10px 10px 0px;
	color: #fff;
	text-align:center;
}
#HOMEftrCtnr {
	background-color:#000;
	padding: 10px 0 10px 0;
	text-align:center;
}
#ftrCtnr {
	color: #fff;
	background:url(images/TMP-ftrBG.gif);
	padding:14px 15px 5px 15px;
	height:26px;
	text-align:left;
	font-weight:bold;
}
.floatBlocker {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0;
}

/* Navbar Menus
---------------------------------------------------*/
#aboutus, #family, #groups, #media, #connect {
	position:absolute;
	top:213px;
	z-index:1;
	background-color: #fff;
	visibility: hidden;
	width:148px;
	padding:5px;
	border:1px solid #917e66;
}
#aboutus {left:0;}
#aboutus ul {list-style: none;}
#aboutus ul, #aboutus li {margin: 0; padding: 0;}
#aboutus li a, #aboutus li a:link, #aboutus li a:visited {
	color: #000;
	font: normal 15px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px;
	text-decoration:none;
	border-left:3px solid #fff;
}
#aboutus li a:hover, #aboutus li a:active {
	color: #fff;
	background:#239c8f;
	border-left:3px solid #917e66;
}
#family {left:160px; width:160px;}
#family ul {list-style: none;}
#family ul, #family li {margin: 0; padding: 0;}
#family li a, #family li a:link, #family li a:visited {
	color: #000;
	font: normal 15px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px;
	text-decoration:none;
	border-left:3px solid #fff;
}
#family li a:hover, #family li a:active {
	color: #fff;
	background:#239c8f;
	border-left:3px solid #917e66;
}
#groups {left:320px;}
#groups ul {list-style: none;}
#groups ul, #groups li {margin: 0; padding: 0;}
#groups li a, #groups li a:link, #groups li a:visited {
	color: #000;
	font: normal 15px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px;
	text-decoration:none;
	border-left:3px solid #fff;
}
#groups li a:hover, #groups li a:active {
	color: #fff;
	background:#239c8f;
	border-left:3px solid #917e66;
}
#media {left:480px;}
#media ul {list-style: none;}
#media ul, #media li {margin: 0; padding: 0;}
#media li a, #media li a:link, #media li a:visited {
	color: #000;
	font: normal 15px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px;
	text-decoration:none;
	border-left:3px solid #fff;
}
#media li a:hover, #media li a:active {
	color: #fff;
	background:#239c8f;
	border-left:3px solid #917e66;
}
#connect {left:640px;}
#connect ul {list-style: none;}
#connect ul, #connect li {margin: 0; padding: 0;}
#connect li a, #connect li a:link, #connect li a:visited {
	color: #000;
	font: normal 15px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px;
	text-decoration:none;
	border-left:3px solid #fff;
}
#connect li a:hover, #connect li a:active {
	color: #fff;
	background:#239c8f;
	border-left:3px solid #917e66;
}

/* General Content Style Elements 
---------------------------------------------------*/
.picsRight {
	padding: 0 0 0 5px;
	float:right;
}
.picsLeft {
	padding: 0 10px 0 0;
	float:left;
}
.Txt10px{font-size:10px;}
.redTxt{color:#F00;}
.ar{text-align:right;}
.al{text-align:left;}
.ac{text-align:center;}
.fr {float:right;}
.blackBrdr{border:1px solid #000;}

/* 33/33/33% Columns
---------------------------------------------------
.leftCol33{width:225px;float:left;}
.midCol33{margin: 0 235px 0 235px;}
.rightCol33{width:225px;float:right;}

.leftCol33Form{width:225px;float:left;text-align:right;padding:6px 0 0 0;}*/

/* 50% Columns
---------------------------------------------------
.leftCol50{width:343px;float:left;}
.rightCol50{margin: 0 0 0 353px;}

.leftCol50Form{width:343px;float:left;text-align:right;padding:6px 0 0 0;}*/

/* 33/66% Columns
---------------------------------------------------
.rightCol66{margin: 0 0 0 235px;}

.rightCol66Form{margin: 0 0 0 235px;padding:6px 0 0 0;}*/