/* Final Draft's cascading style sheet - fdstyle.css */ 
/* Author: Allan Bytheway */
/* Date created: 5th February 2007 */
/* Date last modified: 15th February 2007 */
/* Modified by: Allan Bytheway */

body {/* set background for the page */
	background-image:  url(images/fdMenubg.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}

#logo {/* configure company banner area */
	height: 132px;
	left:0px;
	top:0px;
	position:absolute;
	width: 810px;
}

#header {/* configure page title area */
	left:0px;
	top:135px;
	width: 850px;
	padding-left: 150px;
	color: #333399;
	font-size: 30px;
	position:absolute;
}

#menu { /* configure horizontal menu system area */
	clear: both;
	width: 810px;
	/*height:50px;*/
	position:absolute;
	left:0px;
	top:171px;
	padding-left: 125px;
	padding-top: 10px;
	font-family: Stylus BT;
	font-weight: bold;
	font-size: 16px;
	color: #999999;
}
/* configure drop down menu */
#menu ul {
	display:block;
	margin: 0; padding:0;
	list-style-type:none;
	line-height:normal;
	list-style-image:none; 
}

#menu1 {
	position:relative;
	list-style-type:none;
	width:100%; height:2em;
	font:100%/1 ;
}

#menu1 ul {
	display:block;
	margin: 0; padding:0;
	list-style-type:none;
	line-height:normal;
	list-style-image:none; 
}

.menuitem {
	position:absolute; top:1px;
	width: auto; height:1.2em;
	overflow:hidden;
}
		
#mi01 { left:0 }
#mi02 { left:3.6em }
#mi03 { left:9em ; width:7em }
#mi04 { left:16em }
#mi05 { left:20em }
#mi06 { left:25.4em }
#mi07 { left:31.5em }
#mi08 { left:38.2em }

.menuitem li { margin:0; padding:0 }
.submenu li { position:relative }

/* 2-class selector to have higher weight than ".menuitem ul" */

.submenu .subsubmenu {
	position:absolute; top:0; left:7em;
	width:7em;
	display:none;
}

.menuitem:hover {
	height:2em;
	overflow:visible;
}

.submenu li:hover {
	display:block;
}

#menu a {
	display:block;
	margin:0; padding: 0 0.5em;
	text-align:center;
	text-decoration:none;
	color:#0000cc;
}

#menu a:hover { background-color: #0259f8;}
.menuitem a { background:white }
.menuitem ul a { background:#66ccff; }

#menu a:link { /* unvisited link appear in the Final Draft mid blue */
	color: #0000cc;
	text-decoration: none;
}

#menu a:visited { /* visited link are underlined and appear in the Final Draft darker blue */
	color: #333399;
	text-decoration: underline;
} 

#menu a:active { /* selected link */
	color: #0000FF}   

#content { /* configure page content area */
	position:absolute;
	left:0px;
 	top:220px;
	width: 810px;
}

#main-content { /* configure page main content area */
	padding-left: 125px;
	padding-top: 20px;
	padding-bottom: 50px;
}

#forms { /* configure a form area */
	width: 95%;
	padding-left: 90px;
}

#footer { /* configure page footer area to appear in grey */
	position:absolute;
	width: 95%;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #999999;
	font-size: 10px;
	height: 50px;
}

#footer p {
	text-align: center;
	line-height: normal;
}

#footer img {
	align: center;
	float: left;
}

.red { /* for red text */
	color:#ff0000;
}

.grey { /* for grey text */
	color: #999999; 
	font-size: 10px;
}
.fd1 { /* for configuring 'Final' in company name appearing in a mid blue */
	font-family: Calligrapher;
	color:#0000cc;
	font-style: oblique;
	font-size: 16px;
}

.fd2 { /* for configuring 'DRAFT' in company name appearing in a mid blue */
	font-family: StopD;
	color:#0000cc;
	font-style: oblique;
	font-size: 16px;
}

.fd3 { /* for configuring text to appear in a mid blue in Stylus BT */
	font-family: Stylus BT;
	color:#0000cc;
	font-size: 18px;
	font-weight: bold;
}


.fdtitle { /* configure page title with the Final Draft mid blue*/
	font-family: Stylus BT;
	color:#0000cc;
	font-size: 32px;
	font-weight: bold;
}

.fdtable { /* for configuring a table with a grey border */
	border-style: solid;
	border-color: #eaeced;
	font-size: 12px;
}

.fdhr { /* for configuring a table header row with a pale blue background */
	font-family: Stylus BT;
	color:#333399;
	font-size: 14px;
	font-weight: bold;
	background-color: #66ccff;
}

ul { /* configure top level unordered lists */
	list-style-image:  url(images/pencil.gif);
	line-height: 200%;
}

.fdul1 { /* configure 2nd level unordered lists */
	list-style-image: url(images/triangle.gif);;
	padding-left: 20px;
	line-height: 150%;
}

.fdul2 { /* configure 3rd level unordered lists */
	list-style-image: url(images/compass.gif);;
	padding-left: 40px;
	line-height: normal%;
}

.fdfont { /* for using preferred font */
	font-family: Stylus BT;
	font-weight: bold;
}
/* The 3 header levels appear in the Final Draft darker blue */
h1 { /* header level 1 */
	color:#333399;
	font-size: 18px;
	font-family: Stylus BT;
	text-transform: uppercase
}

h2 { /* header level 2 */
	color:#333399;
	font-size: 16px;
	font-family: Stylus BT;
}

h3 { /* header level 3 */
	color:#333399;
	font-size: 14px;
	font-family: Stylus BT;
	text-decoration: underline;
}

a:link { /* unvisited link appear in the Final Draft mid blue */
	color: #0000cc;
	text-decoration: none;
}

a:visited { /* visited link are underlined and appear in the Final Draft darker blue */
	color: #333399;
	text-decoration: underline;
} 
a:hover { /* hover mouse over a link shows a pale blue background*/
	background-color: #0259f8;
}

a:active { /* selected link */
	color: #0000FF}