body { margin: 1em;
font-family: Futura, Arial, sans-serif;
line-height: 1.5;
background-image: url('Images/cloudSunburst.jpg');
background-position: top center;
background-attachment: fixed;
color: Indigo; font-size: 14px }

h1, h2, h3, h4, h5, h6, p, ul, ol, dir, menu, div, 
dt, dd, address, blockquote, pre, br, hr, form, dl { 
  display: block }

h1, h2, h3, h5, h6 { text-align: center }

h1, h2, h4, h6 {
	font-weight: bold;
	margin: 6px 36px 9px 36px;
}

h5 { font-style: italic }

 @font-face {
	font-family: "Montepetrum";
	src: url("fonts/Montepetrum bold.ttf") format("truetype");
}


/*This code works with Safari 4.0, but not Firefox 3.6. font-family also doesn't validate as CSS 2.1.*/
@font-face {
	font-family: "Algerian";
	src: url("http://www.cbl-productions.com/fonts/ALGER.TTF") format("truetype");
}
@font-face {
	font-family: Tusj;
	src: url("fonts/FFF_Tusj.ttf") format("opentype");
}

/* class to hide nested objects in IE */
/* hides the second object from all versions of IE */
* html object.hiddenObjectForIE { display: none; }

/* display the second object only for IE5 Mac */
/* IE Mac \*//*/
* html object.hiddenObjectForIE { display: inline; }
/**/


/* h1 { font-family: "Algerian", serif; font-size: 42px; color: Gold } */
h1 { font-family: "Montepetrum", Futura, sans-serif; font-size: 48px; color: Gold }
h2 { 
	font-size: 24px
}
h3 {
	font-family: "Montepetrum", Futura, sans-serif;
	font-size: 21px
}
h4 { font-size: 18px }
h5 { font-size: 14px; margin-bottom: 5px }
h6 { font-size: 12px }

b, strong, i, em, cite, var, tt, code, kbd, samp, 
img, span { display: inline }

li { display: list-item }

.site-center { margin: 0 auto; width: 750px; text-align: center }

#site_links {
	background: #fff; opacity: 0.75;
	margin:7px 0 0 0;
	height:900px;
}

#site_links ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 3px;
	list-style: none;
}

#site_links li {
	background-image: url(Images/CblIcon.gif);
	background-position: 0 0px;
	background-repeat: no-repeat;
	padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
}

#site_links h4 {
	margin: 0 0 10px 5px;
}

.row { display: table-row; opacity: 1.0; z-index: 100 }
.col1 { display: table-cell; width: 25%; background-color: #fffff; }
.col2 { display: table-cell; width: 25% }
.col3 { display: table-cell; width: 25% }
.col4 { display: table-cell; width: 25% }

div.l1 { background: #fff; opacity: 0.75; z-index: 100; padding: 9px }
div.l2 { opacity: 1.0; z-index: 200 }


b, strong { font-weight: bolder }  /* relative to the parent */
i, cite, em, var, address { font-style: italic }
pre, tt, code, kbd, samp { font-family: monospace }

pre { white-space: pre }

address { margin-left: 3em; text-align: right }
blockquote { margin-left: 3em; margin-right: 3em }

ul, dir { list-style: disc }
ol { list-style: decimal }
li { margin-left: 1em }

dt { margin-bottom: 0 }
dd { margin-top: 0; margin-left: 3em }

menu { margin: 0em;
text-align: left;
padding: 2px }

div#menu { margin: 1em;
text-align: left;
padding: 2px }

p { font-size: 12px; text-align: left; margin: 6px }

p.indent { text-indent: 18px; text-align: justify }

p.justify { text-align: justify; margin: 6px 36px 9px 36px; }

p.center { text-align: center }

p.right { text-align: right; margin: 6px }

p.thumbcaption { 
	text-align: center;
	font-size: 9pt }

p.dropcap { font-family: Times, Serif; font-size: 17px; text-align: justify; line-height: 1; margin: 12px 24px 12px 24px }

p.dropcap:first-letter {
	font-size: 2em;
	background-color: #7dacf0;
	color: #99cccc;
	float: left;
	border: solid 1px blue;
	padding: .1em;
	margin: 0 .2em .2em 0 }

.bolditalics {
	font-style: italic;
	font-weight: bold
}
	
.white-text { color: white }
.red-text { color: red }

.header {
margin: 1em;
padding: 3px;
background-image: url('Images/header.jpg')
}

.indent-highlight {
	margin: 2em;
	text-align: center;
	padding: 10px;
	background-image: url('Images/sky.jpg');
	border: 3pt solid;
	border-top-color: #abc9f5;
	border-left-color: #c1d8e7;
	border-right-color: #c1d8e8;
	border-bottom-color: #c1d8e9
}

.footer-highlight { padding: 5px;
background-color: #abc9f5;
margin: 1em;
border: 3pt solid;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-top-color: rgb(65%, 75%, 100%);
border-left-color: rgb(60%, 70%, 95%);
border-right-color: rgb(50%, 60%, 90%);
border-bottom-color:rgb(45%, 55%, 85%) }

.inner-film { border-top: 5px dashed white;
border-bottom: 5px dashed white;
padding: 4px;
background-image: url('Images/Film.gif');
text-align: center }

.outer-film { background-color: black;
padding: 7px; margin: 6px }

.sky { background-image: url('Images/sky.jpg');
padding: 12px }

.cloud { background-image: url('Images/skyClouds.jpg');
	background-position: bottom;
	padding: 12px }

.swirl { background-image: url('Images/CBLlogoGlossyTV88x78.png');
	background-color: rgb(0, 85, 255);
	background-position: 24px 15px;
	background-repeat: no-repeat;
	padding: 12px }

table { margin: 12px auto; text-align: center; vertical-align: middle;
	background-color: #abc9f5;
	border: 5px solid;
	border-top-color: rgb(65%, 75%, 100%);
	border-left-color: rgb(55%, 65%, 95%);
	border-right-color: rgb(50%, 60%, 90%);
	border-bottom-color:rgb(45%, 55%, 85%);
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

tr.studio {
	background-color: black;
	valign: middle
}

td.one { text-align: right;
}

td.three { text-align: center;
	align: center
}

table#prevnext { 
	border-color: rgb(50%, 80%, 50%) rgb(22%, 52%, 22%) rgb(25%, 55%, 25%) rgb(40%, 70%, 40%);
	border-width: 5px; 
	padding: 1px;
	background-color: #a7e6a5;
}

table#prevnext p { font-size: 18px }

caption { text-align: center }
th { font-weight: normal; padding: 4px; text-align: center }
td { text-align: center }

.title { background-color: #a7e6a5 }

.title-highlight { margin: 2em 1em 2em 1em;
border-style: solid;
border-color: rgb(50%, 80%, 50%) rgb(25%, 55%, 25%) rgb(22%, 52%, 22%) rgb(40%, 70%, 40%);
border-width: 5px; 
padding: 1px;
background-color: #a7e6a5;
text-align: center }

.Adbox1 { position: absolute;
	top: 160px; left: 20px; width: 130px; height: 610px; }
.Adbox2 { position: absolute;
	top: 160px; left: 850px; width: 130px; height: 610px; }
.Moviebox { position: absolute;
	top: 160px; left: 150px; width: 650px; height: 490px; background-color: black; }

hr { 
background-color: #5681e4;
height: 5px;
width: 85%;
margin: 1em auto; }


div#links {
	position: absolute;
	top: 340px; left: 100px; width: 260px; height: 260px; font: 14px Futura, sans-serif; z-index: 100 }

div#links a { display: block; text-align: right; padding: 3px; margin: 0 0 1px;
	text-decoration: none; color: #6633ff; background-image: url('Images/SkyButton.jpg'); border: 2px blue }

div#links a:hover { color: #ffffff;
	background-image: url('Images/SkyButton.jpg');
	background-position: 100px 0px }

div#links a span { display: none }

div#links a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 280px;
	width: 200px;
	height: 200px;
	text-align: center;
	padding: 5px;
	margin: 0px;
	z-index: 100;
	color: #991111;
	font: 18px Futura, sans-serif
	}

div#links2 {
	position: absolute;
	top: 340px; left: 100px; width: 260px; height: 260px; font: 14px Futura, sans-serif; z-index: 100 }

div#links2 a { display: block; text-align: left; padding: 3px; margin: 0 0 1px;
	text-decoration: none; color: #6633ff; background-image: url('Images/SkyButton.jpg'); border: 2px blue }

div#links2 a:hover { color: #ffffff;
	background-image: url('Images/SkyButton.jpg');
	background-position: 100px 0px }

div#links2 a span { display: none }

div#links2 a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 280px;
	width: 200px;
	height: 200px;
	text-align: center;
	padding: 5px;
	margin: 0px;
	z-index: 100;
	color: #991111;
	font: 18px Futura, sans-serif
	}

a {
text-decoration: none }

a:link { color: #663366 }          /* unvisited link */
a:visited { color: #d53d45 }        /* visited links */
a:active { color: #d53d00 }        /* active links */
a:hover { 
	color: #d50d40;
	background-color: #FFFFFF;
	text-decoration: none }

/* setting the anchor border around IMG elements
   requires contextual selectors */

a:link img { border: 1px solid blue }
a:visited img { border: 1px solid red }
a:active img { border: 1px solid lime }
a:hover img { border: 1px solid #d53d40 }