@import url(../css/IPTV_base.css);

/* THIS CLEARS ALL DEFAULT MARGINS, PADDING AND BORDERS (makes it easier to control presentation across browsers) */

*
{
    margin: 0;
    padding: 0;
    border: 0px;
    border-collapse: collapse;
}

/* Base Elements */

body
{
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	background: #000  url("../images/bg_body.jpg") no-repeat top left;
}
body, #homeContent a
{
	color: #000;
}
#pageWrapper span.hidden, #homeWrapper span.hidden
{
	display: none;
}
#sddm, #subnav, #secondnav, #footer, #homePhotos
{
	clear: both;
}
#homeWrapper, #pageWrapper 
{
    margin: 10px 0px 0px 50px;
	width: 770px;
}
#homeWrapper
{
	background: #8c8c8c url("../images/bg_home.jpg") no-repeat top left;
}
#pageWrapper
{
	background: #8c8c8c url("../images/bg_page.jpg") no-repeat top left;
}
#homeContentWrapper
{
	padding: 65px 22px 0px 22px;
}
#homeContent
{
	float: left;
	width: 320px;
	line-height: 16px;
	font-family: georgia, times, serif;
	text-align: left;
	padding: 70px 50px 6px 18px;
}
#homeContent .intro
{
	font-weight: bold;
	color: #790000;
}
#homeContentR
{
	float: right;
}
#pageContentWrapper
{
	padding: 84px 40px 20px 40px;
}
#pageContent
{
	width: 642px;
	padding: 24px 24px 12px 24px;
	text-align: left;
	background: #d9d9d9 url("../images/bg_content.jpg") no-repeat top left;
}
#pageContent a, .quote, #sitemap a
{
	color: #62430e;
}
p
{ 
    margin-bottom: 12px;
} 
p.gallery a
{ 
    text-decoration: none;
} 
p.gallery a:hover
{ 
    text-decoration: underline;
} 
.quote
{
	font-family: georgia, serif;
}
#siteSection
{
	font-size: 11.5px;
	font-weight: bold;
	padding-bottom: 2px;
}
.credit
{
	font-size: 9.5px;
    font-style: italic;
}
.pageLinks
{
	margin-top: 24px;
	border-top: 1px dotted #75634b;
	padding-top: 10px;
}

.shiftright
{
margin-left:30px;
}


/* Home Highlights */

.highlightBox
{
	width: 151px;
	background: #d0c9bd;
	border: 1px solid #75634b;
	text-align: center;
	margin-bottom: 14px;
}
.highlightBox img
{
	vertical-align: bottom; /* for IE6 */
}
.highlight
{
	padding: 14px 14px 8px 14px;
	text-align: left;
}
.highlight h4
{
	color: #62430e;
	margin: 6px 0px;
}
.highlight p
{
	margin: 0px;
}

/* Forest of Names box in article-09.cfm */

.woodcarversBox
{
	width: 363px;
	background: #f2f5fa;
	border: 1px solid #75634b;
	text-align: center;
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
}

.woodcarversText
{
	padding: 10px 0px 0 10px;
	text-align: left;
}

/* Drop Down Menu, SubNav, and Secondary Nav */

#subnav, #secondnav
{
	padding: 3px 0px 0px 0px;
}
#subnav
{
	background: url("../images/bg_subnav.jpg") no-repeat top left;
	height: 20px;
}
#subnav li, #secondnav li
{
	display: inline;
}
#subnav li
{
	padding: 0px 6px 0px 8px;
}
#secondnav li
{
	padding: 0px 0px 0px 8px;
}
#subnav img
{	
	margin-left: 4px;
}
#subnav a
{	
	color: #ffecae;
}
#subnav a:hover
{	
	color: #fff;
}
#subnav a, #sddm li a
{	
	font-weight: bold;
	text-decoration: none;
}
#subnav a, #sddm li a, #secondnav li a
{	
	font-size: 11px;
}
#secondnav a
{	
	color: #62430e;
}
#menu
{
	width: 100%;
	height: 23px;
	line-height: 12px;
}
#menu 
{
	background: #e3ba6a  url("../images/bg_nav.jpg") no-repeat top left;
}
#sddm
{	
	z-index: 30;
}
#sddm li, #subnav li, #secondnav li, #homePhotos li
{	
	list-style: none;
}
#sddm li
{	
	float: left;
}
#sddm li a
{	
	padding: 6px 6px 5px 8px;
	display: block;
	color: #000;
	text-align: center;
}
#sddm li a.item
{	
	border-top: 1px solid #74736f;
}
#sddm li a:hover
{	
	color: #760000;
}
#sddm div
{	
	position: absolute;
	visibility: hidden;
	background: #d0c9bd;
}
#sddm div a
{	
	position: relative;
	display: block;
	width: auto;
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
	background: #d0c9bd;
}
#sddm div a:hover
{	
	background: #e3ba6a;
	color: #790000;
}
#sddm li div a
{	
	padding: 5px 6px 5px 8px;
}
#sitemap li
{	
	padding: 0px 0px 6px 0px;
	line-height: 150%;
}
#sitemap li a
{	
	display: block;
}
div.spacer
{	
	height: 61px;
}


/* Home Photos with Rollovers */

#homePhotos li
{
	display: inline; 
	list-style:none;
}
#homePhotos li a
{
	float: left;
	display:block;
	height: 129px;
}
#homePhotos li a img
{
	vertical-align:bottom; /* for IE6 */
}
#homePhotos li a:hover
{
	visibility:visible;
}
#homePhotos li a:hover im
{
	visibility:visible;
}
#homePhotos li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
#one, #two, #three, #four
{
	margin-bottom: 20px;
}
#one
{
	background:url(../images/home_photo-01-over.jpg) no-repeat left bottom;
}
#two
{
	background:url(../images/home_photo-02-over.jpg) no-repeat left bottom;
}
#three 
{
	background:url(../images/home_photo-03-over.jpg) no-repeat left bottom;
}
#four
{
	background:url(../images/home_photo-04-over.jpg) no-repeat left bottom;
}


/* Headings */

h1, h2, h3, h4
{
	font-family: georgia, serif;
}
h1, h5
{
    color: #790000;
}
h3
{
    color: #62430e;
}
h2, h3, h4
{
    font-style: italic;
	margin-bottom: 6px;
}
h1
{
    font-variant: small-caps;
    font-size: 26px;
	margin-bottom: 12px;
}
h2, h3
{
    font-size: 16px;
}
h4
{
    font-size: 14px;
}
h5
{
    font-size: 13px;
}


/* COMMISSIONER PHOTOS WITH CAPTION AND OTHER SIMILAR USES */
/* Consecutive Row of Photos with Brief Captions Underneath (Text is Centered, Fixed Width--so that multiple rows line up evenly) */

.photoCap
{
	margin: 0px 25px 15px 0px;
	padding: 3px 0px 0px 0px;
    font-size: 10px;
	text-align: center;
	width: 100px;
	float: left;
}
.photoCap h5
{
    font-size: 11px;
    color: #000;
}

/* WRAPS FOR CALL-OUT BOXES WITHIN AN ARTICLE THAT HAVE PHOTO AND TEXT */
/* Photo and/or Text is Aligned Left or Right--so that the text of an article, etc. wraps around it. */
/* No width is specified SO IF THE TEXT INSIDE THIS CLASS IS LONG--IT COULD CAUSE A WEIRD WRAP (you may need to put in hard breaks or other CSS to get the look you want) */
/* You can style elements inside the floats with new or existing classes--use inline styles sparingly for ease of management sitewide */

.wrapR p, .wrapL p
{
    margin: 0px 0px 3px 0px;
	text-align: left;
}
.wrapR p.credit, .wrapL p.credit
{
    margin: 0px;
}
.wrapR img, .wrapL img
{
    margin-bottom: 3px;
}
.wrapL, .wrapR
{
	border: 1px solid #75634b;
	padding: 8px;
}
.wrapL
{
	margin: 0px 20px 12px 0px;
	float: left;
}
.wrapR
{
	margin: 0px 0px 12px 20px;
	float: right;
}


/* Images */

.imgR
{
	float: right;
	margin: 0px 0px 6px 12px;
}
.imgL
{
	float: left;
	margin: 0px 12px 6px 0px;
}