/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color: black;
	background-color:#0068b3;
	line-height: 1.25em; /* no units allows for font size scale by user; 
						but FF 1.x on OSX has bug so add em to fix line-height and lose scaling */
	background-image: url(images/bkgd.gif);
	background-repeat:no-repeat;
}

h1 { /* main pages' subtitle */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-top: 10px;
}

h2 { /* home title */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: black;
	margin-top: 5px;
}

h3 { /* main pages' title */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top: 5px;
}

h4 { /* character's section heading */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top: 40px;
	margin-bottom: 3px;
	text-align:center;
}

h5 { /* scene name */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom: 16px;
	text-align:center;
}

p {
	margin-top: 8px;
	margin-bottom: 6px;
}

ul {
	margin-top: 25px;
}
	
li {
	margin-bottom:	15px;
	line-height: 1.4em;
}

form {
	margin: 4px 0 0 0;
}

.home_base {
	position:absolute;
	left: 265px;
	width:515px;
	height:405px; 
	font-size:11px;
	text-align:center;
	line-height: 1.1em;
	color:#003366;
}

.home_logo {
	position:relative;
}

.home_nav {
	position:absolute;
	left: 100px;
	top: 70px;   /* 205 */
	width:700px;
	height:430px;  /* 280 */
	line-height: 1.1em;
	/* border: 1px solid yellow; */
}

.home_contact {
	position:relative;
	margin-top: 80px;
	font-weight:bold;
	color: black;
}

.base {
	position:relative;
	left: 222px;
	width:612px;
	font-size:12px;
	text-align:center;
	line-height: 1.1em;
}

.logo {
	position:relative;
}

.main {
	position:relative;
	padding: 0 0 0 10px;
	text-align:left;
	background-color:#FFF;
	border: #000 solid 1px;
}

/* hack for IE6 \*/
* html .main { height: 600px; }
/* End hack */ 

.mainCol {
	position:relative;
	float:left; 
	width: 357px;
	line-height: 1.4em;
}

.mainCol#col2 {
	margin-left: 12px;
	margin-right: 0;
	width: 231px;
	text-align:center;
	font-size:13px; 
	font-weight:bold; 
	color: #fe4110;
}
.mainSingleCol {
	width: 100%;
	text-align:center;
	font-size:13px; 
}

#quote {
	padding-left:15px;
	padding-right:15px;
}
#quoter {
	font-size:12px;
	line-height: 1.3em;
	font-weight:normal;
}

#leftQuote {
	font-size:72px;
	font-weight:bold;
}

/* Sample Scene */
#direction {
	font-size:12px;
	text-align:center;
	line-height: 1.5em;
}
#lyrics {
	margin: 15px 0 15px 20px;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	text-align:left;
	line-height: 1.5em;
}
#lines {
	font-size:12px;
	line-height: 1.5em;
}

.songList {
	position:relative;
	margin-top: 16px;
}
.songNum {
	position:relative;
	float:left;
	margin-bottom: 12px;
	margin-right: 2px;
	width: 15px;
}
.speaker {
	position:relative;
	float:left;
	margin-top: -10px;
	margin-bottom: 12px;
	margin-right: 5px;
	width: 32px;
}
.song {
	position:relative;
	float:left;
	margin-bottom: 12px;
	margin-right: 5px;
	width:290px; 
}
.instructions {
	position:relative;
	margin-top: 20px;
	float:left;
	width:290px; 
}

/* Nav */
.main_nav {
	position:absolute;
	left: 122px;
	top: 180px;
	width:105px;
	height:200px; 
	text-align:right;
	line-height: 1.1em;
}
#right {
	left: 830px;
}
#home {
	left: 743px;
	top: 120px;
}
/* end nav */

.contact {
	position:relative;
	clear:left;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size:11px;
	font-weight:bold;
	color: black;
}

/* Nav */
#btn_home {
	position:relative;
	width: 105px;
	text-align:center;
	font-size:12px;
}

#btn {
	position:relative;
	margin: 0;
	width: 105px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}


/* Links */

a:link, a:visited {
	font-size:11px;
	color:black;
	text-decoration: underline;
}
a:hover {
	font-size:11px;
	color:#b83d00;
	text-decoration: underline;
	font-weight:bold;
}

a.nav:link, a.nav:visited {
	font-size:12px;
	font-weight:bold;
	color: #000;
	text-decoration: none;
}
a.nav:hover {
	font-size:12px;
	font-weight:bold;
	color:#b83d00;
	text-decoration: none;
}

a.mail:link, a.mail:visited {
	font-size:11px;
	color: #000;
	text-decoration: underline;
}
a.mail:hover {
	font-size:11px;
	color:#b83d00;
	text-decoration: underline;
	font-weight:bold;
}