/* Cascading Style Sheet				*/
/* Site:			AmrapaliOnline.com	*/
/* Copyright by:	Bernard Letendre    */
/* Last Modified:	July 1st, 2010  	*/



#bigbox {
	position: absolute;
	width: 950px;
	height: 600px;
	top: 50%;
	margin-top: -300px;
	left: 50%;
	margin-left: -475px;
	}
	
#background{
	position:absolute;
	left:0px;
	top:0px;
	width:950px;
	height:550px;
	z-index:1;
	visibility:visible;
	}

#textbox {
	position:absolute;
	left:390px;
	top:150px;
	width:515px;
	height:350px;
	padding-right:10px;
	z-index:3;
	visibility: visible;
	color: #FFFFFF;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	}
	
#articlebox {
	position:relative;
	width: 550px;
	left: 47%;
	margin-left: -275px;
	padding-left:20px;
	padding-right:25px;
	padding-top:20px;
	padding-bottom:20px;
	background-color: white;
	}

#subform {
	position:absolute;
	text-align:center;
	top:140px;
	color:#DD0000;
	}
	
#vidgallerybox {
	position:absolute;
	left:350px;
	top:150px;
	width:550px;
	height:350px;
	padding-right:15px;
	z-index:3;
	visibility: visible;
	color: #000000;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	}

/* Video Frame Dimensions

Video Size (4:3)   - 320px x 240px 
Player Size (4:3)  - 330px x 270px
Player on Page     - 403px x 330px

Video Size (16:9)  - 384px x 216px
Player Size (16:9) - 394px x 246px
Player on Page     - 528px x 330px                      */


#videobox {                         /*  Legacy  ID - To Eliminate  */
	position:absolute;
	left:480px;		  
	top:180px;		 
	width:403px;     
	height:330px;     
	z-index:1;
	}

#video4x3 {
	position:absolute;
	left:480px;		  
	top:180px;		 
	width:403px;     
	height:330px;     
	z-index:1;
	}
	
#video16x9 {
	position:absolute;
	left:380px;
	top:180px;
	width:528px;
	height:330px;
	z-index:1;
	}
		
#videoreturn {
	position: absolute;
	left:600px;
	top:520px;
	z-index:1;
	color:#9900FF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}

#tickerwidth {
	 width:490px;
	 }
	 
#newsflash {
	position:absolute;
	left:420px;
	top:500px;  normally 440px
	height:50px;
	z-index:5;
	visibility:visible;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:white;
	text-align:left;
	}
	
#navigation {
	position:absolute;
	left:50%;
	margin-left:-475px;
	margin-top:260px;
	top:50%;
	width:950px;
	height:30px;
	z-index:4;
	visibility: visible;
	background-color: #009999;
	color: #FF3333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	vertical-align:middle;
	}
	
	

/*	This set of ID's is for the menu bar without the "LINKS" section:  */

/*
#actor 
	{position:absolute; left:10px; width:95px; height:30px;}
	
#dancer 
	{position:absolute; left:105px; width:101px; height:30px;}
	
#choreographer
	{position:absolute; left:206px; width:184px; height:30px;}
	
#photos
	{position:absolute; left:390px; width:115px; height:30px;}
	
#videos
	{position:absolute; left:505px; width:112px; height:30px;}
	
#press
	{position:absolute; left:617px; width:86px; height:30px;}

#news
	{position:absolute; left:703px; width:88px; height:30px;}
	
#contact
	{position:absolute; left:791px; width:119px; height:30px;}
	
*/


/*  This set of ID's is for the menu bar with the "LINKS" section:  */

#actor
	{position:absolute; left:0px;}
	
#dancer 
	{position:absolute; left:82px;}
	
#choreographer
	{position:absolute; left:163px;}
	
#classes
	{position:absolute; left:322px;}
	
#photos
	{position:absolute; left:457px;}
	
#videos
	{position:absolute; left:545px;}
	
#press
	{position:absolute; left:625px;}

#news
	{position:absolute; left:699px;}
	
*#links
	{position:absolute; left:770px;}
	
#contact
	{position:absolute; left:845px;}
		


#max2
	{width:285px;}

#pagenav {
	position: absolute;
	left: 25px;
	top: 400px;
	width: 305px;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	}
	
#gallery {
	position: absolute;
	height: 390px;
	width: 320px;
	top: 120px;
	left: 35px;
	overflow: auto;
	z-index:1;
	}

#picture {
	position:absolute;
	left:395px;
	top:33px;
	width:480px;
	height:480px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	z-index:2;
	visibility: visible;
	}

#credits {
	position:absolute;
	text-align: center;
	top:726px;
	width: 950px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	z-index:5;
	left: 50%;
	margin-top:-100px;
	margin-left:-475px;
	}
	
#pressbox {
	position:absolute;
	left:780px;
	top:370px;
	width:110px;
	height:149px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:white;
	text-align:center;
	visibility:visible;
	z-index:2;
	}
	
#contactbox {
	position:absolute;
	left:360px;
	top:200px;
	width:550px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:black;
	z-index:1;
	}
	
#noscript {
	position:absolute;
	left:500px;
	top:50px;
	width:400px;
	height:100px;
	z-index:1;
	background-color:#000000;
	opacity:.5;
	}
	
#form {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black; 
	z-index:5;
	}	
	
.faded {
	color:#CCCCCC;
	}
	
.active {
	color:#FFFFFF;
	}	
	
.vertical {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	height:100%;
	z-index:1;
	}
	
.horizontal {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 87px;
	width:100%;
	z-index:1;
	}
	
.article {
	height:150px;
	}
	
.resumetitle {
	font-size: 13.5px;
	color: white;
	font-weight:600;
	}

.resumecontent {
	font-size: 13px;
	color: white;
	}

.regulartext
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: white;
	}

.resumesection {
	font-size: 17px;
	font-weight: bold;
	color: #EE9731;
	}

.videosection {
	font-size: 16px;
	font-weight: bold;
	color:#444444;
	}

.smallcr
	{
	font-size: 1px;
	}

.medcr
	{
	font-size: 10px;
	}

.largecr
	{
	font-size: 20px;
	}

.videocaption {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight:bold;
	vertical-align:top;
	text-align:center;
	}

body {
	background-color: #FF8468;
	}
	
img {
	border: none;
	}
	
a:link {
	text-decoration:none;
	color:white;
	}

a:visited {
	text-decoration:none;
	color:white;
	}

a:active {
	text-decoration: none;
	color:white;
	}