@charset "utf-8";
/* CSS Document */

/*Layout Declarations*/
body {
    text-align:center;
    margin:0px;
    padding:0px 0 0 0;
	font-size: 16px;
	color:#252525;
	font-family:Times, Arial, Helvetica, sans-serif;
    background-color:#572600;
}
li, p, div,td {
	color:#252525;
	font-size: 16px;
	font-family:Times, Arial, Helvetica, sans-serif;
	text-align:justify;
}
#container{
	margin: 0 auto;
    width:910px;
	height:auto;	
}
#headercontent {
    padding: 0 20px;
}
#content{
/*    padding: 0 32px;*/
	background-image:url('/images/webpaper_bottom.jpg');
	background-position:bottom center;
	background-repeat:no-repeat;
	min-height:249px;
	position:relative;
	height:100%;
}
/* for Internet Explorer */
/*\*/
* html #content {
height: 289px;
}
/**/

#innerContent{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.innerBox {
    width:900px;
    background-image:url('/images/webpaper_background2.jpg');
    background-repeat:repeat-y;
	background-position:bottom center;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}
.innerBoxPlain {
    width:900px;
	color:#fff;
    margin-left:auto;
    margin-right:auto;
}

.headerleft {
	background-color:#eceff4;
	border:1px solid black;
}
#borderPattern {
	background-image:url('/images/borderpattern.gif');
	background-repeat:repeat-x;
	height:29px;
	width:810px;
    margin-left:auto;
    margin-right:auto;
}
#horizontalBar {
	border-top:1px solid #572600;
	width:860px;
	height:4px;
    margin-left:auto;
    margin-right:auto;
}
#verticalBar {
	background-image:url('/images/verticalbars.gif');
	background-repeat:repeat-y;
	background-position:center;
	width:9px;
    margin-left:auto;
    margin-right:auto;
	float:left;
}
td#verticalBar{
	float:none;
}
#highlightBox {
	float:left;
	background-image:url('/images/highlightbox.jpg');
	background-repeat:no-repeat;
	width:320px;
	overflow:hidden;
/*	height:188px;*/
}
#highlightBox img {
	float:left;
	position:relative;
	left:2px;
	top:1px;
	margin-right:13px;
}
#highlightMember {
	float:left;
	color:#fff;
	position:relative;
	top:16px;
	font-size:12px;
	width:153px;
/*	height:150px;*/
	padding-right:3px;
	background-color:#b5121b;
}
#highlightMember a:link, #highlightMember a:visited {
	color:#fdba31;
	text-decoration:none;
}
#highlightMember a:hover {
	color:#fff;
	text-decoration:underline;
}
#footer{	
	width:870px;
	overflow:auto;
	display: table-cell;
	vertical-align:bottom;
	position:absolute;
	bottom:30px;
    margin-left:auto;
    margin-right:auto;
}
.footerText {
	color:#572600;
	font-family:Times, Futura, Arial;
    font-size:13px;
}
#footer a {
	color:#572600;
}
#footer a:hover {
	color:#fff;
}
#left{
	width:150px;
    float:left;
    text-align:right;
    border-right:1px dashed #999999;
}
#right{
	width:250px;
    float:right;
    font-size:1.1em;
    padding: 0px 5px 0px 15px;
    border-left:1px dashed #999999;
}

#right, #right h4{
    color:#666;
}

#right h4{
	margin:0;
}

#right p{
	margin:0px 0px 10px;
}

.pad_top{
	margin: 35px 0 0 0;
}

#logo{
	width:150px;
    float:left;
    text-align:right;
	position:absolute;
}

#logo img{
	border-right:#FFFFFF 5px solid;
    border-top:none;
    border-bottom:none;
	padding-right:15px;
}

h1, h2, h3, h4 {
	font-family:'Arial Black', Helvetica, sans-serif;
    color:#000000;
    margin: 0px 0;
	text-align:left;
}

h1 {font-size: 1.8em;}	
h2 {
	font-size: 19px;
	text-transform: uppercase;
	color:#8a1e04;
	font-weight:normal;
	font-family:Trajan, Futura, Arial, sans-serif;
}
h3 {
	font-size: .9em;
	color:#8a1e04;
	font-size: 16px;
	font-weight:normal;
	text-transform: uppercase;
	font-family:Trajan, Futura, Arial, sans-serif;
}	    
h4 {font-size: .6em;}

p{
    margin: 4px 0;
}

a, a:visited	{
	color:#e42b2b;
    text-decoration:underline;
}

a:hover	{
	color:#8e3333;
    text-decoration:underline;
}

a.servicelink, a.servicelink:visited	{
	color:#000;
    text-decoration:underline;
}

a.servicelink:hover	{
	color:#ba2b25;
    text-decoration:underline;
}

/* Navigation */
#nav, #navon {
	float:left;
	padding:0px 2px 0px 2px;
	height:15px;
	font-family:Futura,sans-serif;
}

#navDivider {
	float:left;
	margin-right:2px;
}
.navTab {
	float:left;
}
.navBG {
	margin-top:-9px;
	margin-left:-6px;
	position:absolute;
	z-index:5;
	outline:none;
}
.navText {
	position:absolute;
	z-index:10;
	outline:none;
}
#navRight {
	font-family:Futura,sans-serif;
	float:right;
	margin-top:14px;
	color:#ba2b25;
	font-size: 13px;
	width:520px;
	text-align:right;
}
a {
	outline:none;
}
#nav a, #nav a:visited{
	text-align:center;
	font-size: 15px;
	color:#fdba31;
	text-decoration:none;
	text-transform: uppercase;
}

#nav a:hover {
	color:white;
}

#navon a, #navon a:visited {
	text-align:center;
	font-size: 15px;
	text-decoration:none;
	text-transform: uppercase;
	color:white;
}
#sidemenu{
    margin: 55px 0 0 15px;
	padding: 0;
	font-size:1.3em;
	list-style-type:none;
    line-height:16px;
    text-align:center;
}

#sidemenu li{
    margin:6px 10px 0px 0px;
	padding:3px;
}

#sidemenu a, #sidemenu a:visited
{

    display:block;
    text-decoration:none;
/*    color:#e42b2b;*/
    color:#000;
}

#sidemenu a:hover
{
    color:#e42b2b;
    background:none;
    border:#000000;
}

#sidemenu .on {
	font-weight:bold;
}

hr.cleaner{
	clear:both;
	height:1px;
	margin: -1px 0 0 0;
	padding:0;
	border:none;
	visibility: hidden;
}

hr {height: 1px; border-style: none; color: black; background:#572600; }


/*	Using 'class="alignrighft"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img
{
	text-decoration:none;
	border-style: none;
}

img.centered 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright 
{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft 
{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright 
{
	float: right;
}

.alignleft 
{
	float: left;
}

form {
	margin: 15px 0;
	padding: 0;
}

form label {
	cursor: pointer;
	margin:0 8px 9px 0;
	padding-bottom:3px;
	vertical-align:top;
	display:inline-block;
    color:#572600;
	text-align:left;
}

input, select, textarea, .inputbox {
/*	padding: 3px 5px;*/
	font-size: 100%;
}

.button {
	margin:5px 0 0 0;
	padding: 3px 5px;
	border: 1px solid #333333;
	background: url(/images/bg_menu_pink.gif) repeat-x center #333333;
	color: #fff;
	font-size: 85%;
	text-transform: uppercase;
}
.buttonSmall {
	margin:0px;
	padding: 1px 3px;
	border: 1px solid #333333;
	background-color:#333333;
	height:22px;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
}
.buttonRed {
	margin:0px;
	padding: 1px 3px;
	border: 1px solid #ffffff;
	background-color: #8e3333;
	height:22px;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
}

.button:hover, .button:focus, .buttonSmall:hover, .buttonSmall:focus, .buttonRed:hover, .buttonRed:focus {
	border: 1px solid #999999;
	background: #FFF;
	color:#8e3333;
	cursor:pointer;
}

* html .button {
	padding: 2px 0 !important; /*IE 6*/
}

*+html .button {
	padding: 2px 0 !important; /*IE 7*/
}

.inputbox {
	height:23px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
	background: #eaeaea;
	color:#000000;
}
.editbox {
    text-align:right;
    float:right;
 	background-color:#8a1e04;
    color:#ffffff;
    text-decoration:none;
    padding:2px 8px;
    font-weight:bold;
    margin-right:20px;
}
a.editboxlink:link, a.editboxlink:visited {
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}
.editboxleft {
	position:absolute;
    float:left;
 	background-color:#8a1e04;
    color:#ffffff;
    text-decoration:none;
    padding:2px 8px;
    font-weight:bold;
}
.alert {
    color:#cc0000;
    font-weight:bold;
}

#subnav {
	height:26px;
	background-color:#8a1e04;
	border-top:2px solid #fff;
	width:890px;
}
#innersubnav {
	float:left;
	padding:5px 5px 0px 10px;
}
#innersubnavOn, #innersubnav:hover {
	float:left;
	padding:5px 5px 0px 10px;
	background-image:url('/images/navbg.gif');
	background-repeat:no-repeat;
	background-position:5px 0px;
}

#leftborder {
	position:absolute;
	float:left;
	margin-left:-13px;
	margin-top:30px;
}
#rightborder {
	position:absolute;
	float:right;
	margin-top:30px;
	margin-left:968px;
	text-align:right;
}
li {
	margin: 0em;
	padding: 0em;
} 
ul {
	margin:0px;
	padding-left: 12px;
}
.redText {
	color:#b5121b;
}
.smallTitle, .smallTitleRed {
	padding-top:2px;
	text-transform: uppercase;
	font-family:Futura,sans-serif;	
	font-size:14px;
}
.smallTitleRed {
	color:#b5121b;
}
.headerPhoto {
	width:890px;
	position:absolute;
	z-index:30;
}
.headerPhoto img {
	border-top:3px solid #fff;
	border-bottom:2px solid #fff;
}
.subFrameOn {
	float:left;
	margin-left:10px;
	background-image:url('/images/subframe_color.png');
	width:160px;
	height:133px;
	background-repeat:no-repeat;
}
.subFrame {
	float:left;
	margin-left:10px;
	background-image:url('/images/subframe_sephia.png');
	width:160px;
	height:133px;
	background-repeat:no-repeat;
}
.subFrame img, .subFrameOn img {
	margin-top:1px;
	margin-left:2px;
}
#column1 {
	float:left;
	width:45%;
}
#column2 {
	float:left;
	width:45%;
}
#pageTitle {
	background-image:url('/images/titlebg.png');
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:60px;
	text-align:center;
}
#pageTitle img {
	margin-top:20px;
}
.column {
	width:300px;
	float:left;
}
.columns {
	-moz-column-count:2;
	column-count:2;
	-webkit-column-count: 2;
	text-align:justify;
}
div.bordershadow {
	background-image:url('/images/imageshadow.png');
	background-position:bottom right;
	width:130px;
	overflow:auto;
}
.bordershadow img {
	border-top:10px solid #fff;
	border-left:10px solid #fff;
	border-bottom:3px solid #fff;
	border-right:3px solid #fff;
	margin-right:5px;
	margin-bottom:5px;
	position:relative;
	top:-7px;
	left:-7px;
}
.hoverBox {
    padding:3px;
    position:absolute;
    display:none;
    background-color: #dbdfe8;
    border:1px solid black;
    filter:alpha(opacity=90);
	z-index:40;
}
.hoverBoxClose {
	width:100%;
	background-color:#000;
	text-align:right;
	padding:1px;
	margin-bottom:3px;
}
.hoverBoxClose a {
	color:#fff;
	text-decoration:none;
	padding-right:5px;
	font-weight:bold;
}
#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1.7px;
	top: -1.7px;
}
 
	#shadow-container .shadow1 {
		background: #d4c29a;
	}
 
	#shadow-container .shadow2 {
		background: #b09d72;
	}
 
	#shadow-container .shadow3 {
		background: #a79d7a;
	}
 
	#shadow-container .container {
		background: #ffffff;
		border: 3px solid #ffffff;
		padding: 0px;
	}
.photoAlbumTitle {
	color:#8a1e04;
	font-size: 17px;
	font-weight:bold;
	text-transform: uppercase;
	font-family:Trajan, Futura, Arial, sans-serif;
}
a.photoSlideshow {
	color:#8a1e04;
	text-decoration:none;
	font-size: 16px;
	font-family:Futura, Arial, sans-serif;
}
a.alphabet:link, a.alphabet:visited {
	text-decoration:none;
}
