/* BEGIN FORMATTING OF MAIN CONTENT */

/* for possible issues related to design */
html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}

/* more possible design issues addressed */
body	{
	height: 100%;
	max-height:100%;	
	overflow:hidden;
	margin: 0;
	padding: 0;
	border: 0;
}

/* centering in IE */
#center	{
	text-align: center;
}

/* main container centered */
#ifrm	{
	display:block; 
	overflow:auto;
	position: absolute;
	z-index: 4;
	top: 92px;
	bottom: 57px;
	width: 1024px;
	margin-left: -512px;
	left: 50%;
	background: white url(../images/layout/logo.jpg) no-repeat fixed center;
	/* .content center in IE */
	text-align: center;
}

/* indent txt in about.html */
#indFrm	{
	display:block; 
	overflow:auto;
	position: absolute;
	z-index: 4;
	top: 92px;
	bottom: 57px;
	width: 1024px;
	margin-left: -512px;
	left: 50%;
	background-color: white;
	/* .content center in IE */
	text-align: center;
}

/* IE Design Issue */
* html .ifrm #indFrm {
	top:0; 
	bottom: 0;
	height: 100%;
	width: 1024px;
	padding: 92px 0 55px 0;
	border-top: 92px none #0075ed; 
	border-bottom: 55px none red;
}

/* content containter and margin creator */
#content	{
	width: 1000px;
	text-align: left;
	/* containter center in FF */
	margin: 10px auto 10px auto;
}

/*index content container and margin creator */
#indexCont	{
	width: 750px;
	text-align: justify;
	/* containter center in FF */
	margin: 10px auto 10px auto;
	background-color: white;
	
}

/* Link Element */
a, a:link, a:visited	{
	color:blue;
	text-decoration:none;
}

/* Link Element */
a:hover, a:active	{
	color: orange;
	text-decoration: underline;
}

/* END FORMATTING OF MAIN CONTENT */



/* BEGIN GRAPHIC LAYOUT CONSTRUCTION */

/* top bg repeat */
#topSides	{
	position: absolute;
	background: url(../images/layout/topSides.gif) repeat-x scroll top;
	width: 100%;
	height: 80px;
	top: 0;
	z-index: 0;
}

/* top middle-bg repeat */
#topMiddle	{
	position: absolute;
	background: url(../images/layout/topMiddle.gif) repeat-x scroll top;
	left: 50%;
	margin-left: -512px;
	width: 1024px;
	height: 92px;
	top: 0;
	z-index: 5;
}

/* OLD IE FIX
* html #topMiddle {
	top:0; 
	width:1024px; 
	height:90px;
}
*/

/* Top Left Corner */
#topLeft	{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -591px;
	width: 79px;
	height: 92px;
	background: url(../images/layout/topLeft.jpg) no-repeat;
	z-index: 3
}

/* Top Right Corner */
#topRight	{
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -597px;
	background: url(../images/layout/topRight.jpg) no-repeat;
	width: 86px;
	height: 249px;
	z-index: 3;
}

/*Top Right Repeat Dots */
#topDots	{
	position: absolute;
	right: 0;
	background: url(../images/layout/topDots.jpg) repeat-x scroll left;
	top: 80px;
	height: 75px;
	width: 50%;
	z-index: 2;
}

/* bottom bg repeat */
#bottSides	{
	position: absolute;
	background: url(../images/layout/bottSides.gif) repeat-x scroll bottom;
	width: 100%;
	height: 274px;
	bottom: 0;
	z-index: 0;
}

/* bottom middle-bg repeat */
#bottMiddle	{
	position: absolute;
	background: url(../images/layout/bottMiddle.gif) repeat-x fixed bottom;
	left: 50%;
	margin-left: -512px;
	width: 1024px;
	height: 58px;
	bottom: 0;
	z-index: 5;
}

/* Old IE Fix
* html #bottmiddle {
	bottom: 0; 
	width: 1024px; 
	height: 58px;
}
*/

/* Bottom Left Corner */
#bottLeft	{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -596px;
	background: url(../images/layout/bottLeft.jpg) no-repeat;
	width: 84px;
	height: 354px;
	z-index: 3;
}

/* Bottom Right Corner */
#bottRight	{
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-right: -602px;
	background: url(../images/layout/bottRight.jpg) no-repeat;
	width: 91px;
	height: 277px;
	z-index: 3;
}

/* Bottom Left Repeat Dots */
#bottDots	{
	position: absolute;
	background: url(../images/layout/bottDots.jpg) repeat-x scroll right;
	bottom: 274px;
	height: 80px;
	width: 50%;
	z-index: 2;
}

/* END GRAPHIC LAYOUT CONSTRUCTION */


/* BEGIN MENU FORMATTING */

/* menu color and position */
#menuTop, #menuBott, #menuIndex	{
	position: absolute;
	color: #ADD8E6;
	width: 1024px;
	height: 14px;
	left: 50%;
	margin-left: -540px;
	text-align: center;
	z-index: 6;
}

#menuRes	{
	position: absolute;
	color: #ADD8E6;
	width: 1024px;
	height: 14px;
	left: 50%;
	margin-left: -560px;
	text-align: center;
	z-index: 6;
}

#menuBott	{
	bottom: 21px;
}

#menuTop, #menuIndex, #menuRes	{
	top: 52px;
}

#menuBott ul, #menuIndex ul	{
	display: inline;
	list-style-type: none;
	font: small-caps bold 16px sans-serif;
}

#menuTop ul, #menuRes ul	{
	display: inline;
	list-style-type: none;
	font: bold 15px sans-serif;
}

#menuBott li, #menuTop li, #menuIndex li	{
	display: inline;
	padding: 0 25px 0 25px;
}

#menuRes li	{
	display: inline;
	padding: 0 0 0 40px;
}

#menuBott a, #menuTop a, #menuIndex a, #menuRes a	{
	text-decoration: none;
}

#menuBott a:link, #menuBott  a:visited,
#menuTop a:link, #menuTop a:visited,
#menuIndex a:link, #menuIndex a:visited,
#menuRes a:link, #menuRes a:visited	{
	color: #ADD8E6;
	text-decoration: none;
}

#menuBott a:hover, #menuTop a:hover, #menuIndex a:hover,
#menuBott a:active, #menuTop a:active, #menuIndex a:active,
#menuRes a:hover, #menuRes a:active	{
	color: yellow;
}

/* END MENU FORMATTING */



/*BEGIN TITLE FORMATTING */

/* Title for Index */
#indexTitle1	{
	position: relative;
	text-align: center;
	color: white;
	width: auto;
	font: small-caps bold 40px serif;
	z-index: 6;
}

/*Shadow for Title1a */
#indexTitle2	{
	position: relative; 
	text-align: center;
	color: black;
	top: -42px;
	left: 3px;
	font: small-caps bold 40px serif;
	z-index: 2;
}

/* Title for All Pages */
#title1a	{
	position: relative;
	text-align: center;
	color: white;
	width: auto;
	font: bold 40px serif;
	z-index: 6;
}

/*Shadow for Title1a */
#title1b	{
	position: relative; 
	text-align: center;
	color: black;
	top: -42px;
	left: 3px;
	font: bold 40px serif;
	z-index: 2;
}

/*Sub Titles for All Pages */
.subTitle	{
	text-align: center;
	font: normal normal bold 20px sans-serif;
}

/*END TITLE FORMATTING */



/* BEGIN TABLE FORMATTING */

/* Image Centering in TD */
.bullsEye	{
	text-align: center;
	vertical-align: middle;
}

/* Table Centering */
.centerT	{
	margin: 0 auto 0 auto
}

/* Table Centering in FF */
.tCenter	{ 
	margin-left: auto; 
	margin-right: auto;
	background-color: #90c9ff;
}

/* Table Title */
.tTitle	{
	width: auto;
	text-align: center;
	background-color: #0075ed;
	font: bold 20px sans-serif;
	color: black;
}

/* Cell Padding for Image Tables */
.imgO	{
	padding:5px;
}

/* Image Link Rollover Transparency */
a.imgO img	{
	filter:alpha(opacity=75); /* IE Specific */
	opacity: .75; /* else */
	border: 2px solid white;
}

a.imgO:hover img	{
	filter:alpha(opacity=100);  /* IE Specific */
	opacity: 1; /* else */
}

/* END TABLE FORMATTING */



/* BEGIN PAGE SPECIFIC FORMATTING */

/* Resume Table Cell Align Right and Top */
.rCellD	{
	display: block;
	vertical-align: top;
	width: 225px;
	text-align: right;
}

/* Resume Table Cell Align Right and Bottom */
.rCellL	{
	display: block;
	text-align: right;
	vertical-align: bottom;
}

/* Resume Title Small Caps */
.rTitle	{
	font: small-caps bold larger serif;
}

/* Dialogue in Screenplay Pages */
.dialogue	{
	position: relative;
	left:20%;
	width: 300px;
}

/* Logo in About and Index Pages */
#logo	{
	float: left;
}

/* END PAGE SPECIFIC FORMATTING */


/* BEGIN TEDIOUS FORMATTING */

/*  removes <br> before <ul> element */
.list	{
	position: relative;
	top: -15px;
}

/*  removes double <br> when .list is used */
.list2	{
	position: relative;
	top: -30px;
	width:800px;
}

/* Alternative to align="center" */
.center	{
	text-align: center;
}

/* When Something Shouldn't be Centered in a Centered Container */
.notCenter	{
	text-align: left;
}

/* END TEDIOUS FORMATTING */



/* BEGIN VARIOUS WIDTHS FOR DIFFERENT ELLEMENTS */

.w400	{
	width: 400px;
}

.w550	{
	width: 550px;
	text-align:justify;
}

.w800{
	width: 800px;
}

/* END VARIOUS WIDTHS FOR DIFFERENT ELLEMENTS */