body 
{
	font-family: Franklin Gothic Medium, "Times New Roman", Times, serif;
	background: #b6b690 url( images/background.jpg) repeat-x top left;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

#allWrap
{
	width: 1024px;
	background: Transparent;
	margin: 0 auto;
}
#allContainer
{
	/*background: url(./images/shadow.png) repeat-y top center;*/
}
#shadowCap 
{
	/*background: url(./images/shadowCap.png) no-repeat bottom center;*/
	padding-top: 27px;
}
* HTML #allContainer, * HTML #shadowCap { background: none; padding: 0; }
#banner
{
	background: white url( images/banner.jpg) repeat-x top left;
	height: 187px;
	
	
}

#banner-top 
{
    background: white url( images/banner-top.jpg) repeat-x top left;
	height: 150px;
}

#banner-menu 
{
    max-height: 27px;
    overflow: hidden;
    text-align: right;
    background-color: #6e1a2a;
    color: #fff;
    border: solid 1px #9b4c5b;
}


#banner-bottom 
{
    background: white url( images/banner-bottom.jpg) repeat-x top left;
	height: 10px;
}

#heading
{
    font-family: "Book Antiqua", "Palatino Linotype", Palatino, serif;
    font-style:italic;
    font-weight: bold;
    
    position: absolute;
    right:80px;
    text-align:right;
	display: block;
	font-size: 325%;
	
	letter-spacing: 0.1ex;
	color: #fff;
}
#slogan
{
     
    font-family: Franklin Gothic Medium, "Times New Roman", Times, serif;
    
    font-size: 125%;
    color: #acab84;
    position: absolute;
    right:80px;
    top: 45px;
    text-align:right;
	display: block;
	
	
	font-size: 200%;
	
	/*margin-top: 0.5em;*/
}


/* column structure */

.columnContainer 
{
	overflow: hidden;
	zoom: 1;
	line-height: 150%;
	background-color: #FFF;
}
#leftBG .columnContainer
{
	padding-left: 218px;
}
#rightBG .columnContainer
{
	padding-right: 230px;
}
.column
{
	float: left;
	position: relative;
}
#mainColumn
{
	width: 100%;  /* needed by IE for somr reason */
	padding-bottom: 1em;
}
#leftColumn
{
	width: 218px;
	margin-left: -218px;
	padding-bottom: 141px;
}
#rightColumn
{
	width: 230px;
	margin-right: -230px;
	padding-bottom: 1em;
}

/* workaround for ie6 */
* html #leftColumn {
  left: 200px;  /* RC width */
}

.narrow.column
{
	color: black;
	font-size: 90%;
}

#leftBG, #rightBG
{
	/*background: url(./images/leftBG.png) repeat-y left top;*/
	height: 1%; /* IE 6&7 workaround */
}

#lowerImageBox { position: relative; }
#lowerImageBox .deco
{
	position: absolute;
	bottom: -10px;
	left: 0px;
}

/* z-index corrections, for deco at bottom of left col */

#banner, #navBorder { z-index: 10; position: relative; }
#lowerImageBox { z-index: 1 }

/*

==============( FOOTER )======

*/

#footerContainer
{
    border: solid 1px #FFF;
}
#footer
{
    
	font: 90%;
	text-align: center;
	margin-top: 1px;
	padding: 0.3em 1em;
	font-family: Georgia;
	background-color:#666;
	color: #FFF;
}
.footerNav
{
    
    background: #6e1a2c url( images/footer.jpg) repeat-x top left;
    font-family: Georgia;
    text-align: center;
    background-color: #fff;
	color: #fff;
	font-size: 90%;
	padding: 1.5em 1.0em;
	background-color: #54141f;
	
}
.footerNav a
{
	color: white;
	background-color: Transparent;
	text-decoration: none;
	margin-top: 20px;
	padding: .5em .5em .5em .5em;
}
.footerNav a:hover
{
	color: #afac84;
	text-decoration: underline;
}
#footerLogos
{
	padding: 1em;
	text-align: center;
	background-color:Transparent;
}


/*

==============( CONTENT STYLING )======

*/
a { color: #6e1a2a; }
a:hover{ color: Black; }

#mainColumn
{
	font: normal 9pt;
}
/* the color:inherit  in these is to automatically give contentTitle the right color,
even when it's turned into a link by a collector */
#mainColumn .content .contentTitle
{
	color: inherit;
	font: normal 250% "Book Antiqua", "Palatino Linotype", Palatino, serif;
	padding-bottom: 0.25em;
	margin-bottom: 0.1em;
}
#leftColumn .content
{
	color: black;
	padding: 1.6em;
	margin: 8px;
}
#leftColumn .content .contentTitle
{
	color: inherit;
	font: bold 150% "Book Antiqua", "Palatino Linotype", Palatino, serif;
	text-align: left;
	
	padding: 0.6em 0;
	margin-bottom: 0.1em;
}
#leftColumn .field.LinkBuilder, #leftColumn .boxedContent, #leftColumn .contentFeedback
{
	color: inherit;
	border: none;
}
#rightColumn .content .contentTitle
{
	color: inherit;
	font: bold 150% "Book Antiqua", "Palatino Linotype", Palatino, serif;
	text-align: left;
	
	padding: 0.6em 0;
	margin-bottom: 0.1em;
}

/* fix for ie6 */
* html #leftColumn .content img
{
	max-width: 149px;
}

/*

==============( NAVIGATION )======

*/

div#banner-menu  a 
{
    
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 1px;
  
}


div#banner-menu a:hover, div#banner-menu li.current a
{
    color: #afac84;
    
}

div#banner-menu li
{
    border-left: solid 1px #9b4c5b;
}

div#banner-menu li.home
{
    border-left: none;
}

div#banner-menu li 
{
}

div#banner-menu 
{
    font-size: 12pt;
	font-family: Franklin Gothic Medium, "Times New Roman", Times, serif;
	color: #fff;
}

div#leftColumn ul.nav
{
	font-size: 12pt;
	font-family: Franklin Gothic Medium, "Times New Roman", Times, serif;
	background: #8a2034;
	
	padding-bottom: 60px;
	background: #8a2034 url( images/leftnavbottom.jpg) repeat-x bottom left;
}
* HTML ul.nav a   /* workaround for IE6 */
{
	position: relative;
	height: 1%;
}

div#leftColumn ul.nav A
{
	display: block;
    margin: 0px 12px 4px 12px;
    padding: 10px;
    border: 1px solid #9b4a5b;
    background-color: #6e1a2a;
    color: #fff;
    text-decoration: none;
    /*
	padding: 0.6em 1em;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;
	border-bottom: 1px solid white;
    */
}

div#leftColumn ul.nav A:hover, div#leftColumn ul.nav .current A
{
	color: #afac84;
	
}
/* this is awkward...we have to undo the preceding rule for nested links because we can't use CSS2 in IE6 */
div#leftColumn ul.nav .current ul A
{
	background: transparent;
}

/* subnav */

div#leftColumn ul.nav ul
{
	padding: 0 0 0.6em 1em;
}



div#leftColumn ul.childPages a, div#leftColumn ul.nav li.current ul li a
{
	color: #fff;
	border: none;
	background: #8a2034;
	padding: 0.6em 0 0 0;
}
div#leftColumn ul.nav ul li.current > a, div#leftColumn ul.nav ul li.current a:hover
{
    border: none;
	background: #8a2034;
	color: #afac84;
}

/* for Last Edit Date in Content Title */
.contentEditDate
{
	font-size: 50%;
}