BODY { margin: 0em;
font-family: Futura, Arial, sans-serif;
line-height: 1.5;
background-image: url('Images/sky.jpg');
background-position: top center;
color: #875656; font-size: 12px }

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;
}

H3, H5 { font-style: italic }

/* @font-face {
	font-family: "Lucida Blackletter";
	src: url("Lucida Blackletter") format("truetype");
}
*/

/*This code works with Safari 4.0, but not Firefox 3.6*/
@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");
}

H1 { font-family: "Algerian", serif; font-size: 44px; color: #991111 }
H2 { 
	font-size: 24px
}
H3 {
	font-family: Tusj, Times New Roman, serif;
	font-size: 30px
}
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_links {
	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 {

}

.colA {
	float: left;
	padding: 0 15px 25px 10px;
	width: 424px;
	height: 136px;
}

.colB {
	float: left;
	width: 424px;
	height: 136px;
}

.col1 {
	float: left;
	padding: 0 15px 25px 10px;
	width: 212px;
	height: 136px;
}

.col2 {
	float: left;
	width: 212px;
	height: 136px;
}

.col3 {
	float: left;
	width: 212px;
	height: 136px;
}

.col4 {
	float: left;
	width: 212px;
	height: 136px;
}

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 }

P { font-size: 12px; margin: 6px 36px 9px 36px; text-align: left }

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

P.justify { text-align: justify }

P.center { text-align: center }

P.right { text-align: right }

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 }
	
.white-text { color: white }
.red-text { color: red }

.indent-highlight {
	margin: 2em;
	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: 10px;
background-color: #abc9f5;
margin: 2em;
border: 3pt solid;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
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%) }

.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 }

.title-highlight { margin: 2em 1em 2em 1em;
border-style: solid;
border-color: rgb(50%, 80%, 50%) rgb(40%, 70%, 40%) rgb(22%, 52%, 22%) rgb(25%, 55%, 25%);
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; }

table { margin: 20px; text-align: center; vertical-align: middle; }
caption { text-align: center; }
td {text-align: center }
.title { background-color: #a7e6a5 }


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: #991111 }

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: 20px 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: #991111 }

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: 20px 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: 2px solid blue }
a:visited IMG { border: 2px solid red }
a:active IMG { border: 2px solid lime }
a:hover IMG { border: 2px solid #d53d40 }