/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvv BEGIN MAIN STYLES vvvvvvvvvvvvvvvvvvvvvvvvvvv**/

html { 
	scrollbar-arrow-color:#555555; 
	scrollbar-track-color:#000000; 
	scrollbar-face-color:#666666; 
	scrollbar-highlight-color:#000000; 
	scrollbar-3dlight-color:#444444; 
	scrollbar-darkshadow-color:#444444; 
	scrollbar-shadow-color:#000000; 
}

/* main body styles. background color of the skin. bg image overrides color. */
body {
	margin:0px;padding:0px;
	font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#FFFFFF;
	background-color:#000000;
}
h1 {margin:0px;padding:0px;font-size:16px;color:#bcbec0;}
h2 {margin:0px;padding:2px 0px;font-size:12px;font-style:italic;color:#bcbec0;}
h3 {margin:0px;padding:0px;font-size:18px;color:#bcbec0;}

/* global link styles */
a:link, a:visited {color:#B1BCD1;text-decoration:none;}
a:hover, a:active {color:#FFFFFF;text-decoration:underline;}
.whitetext {color:#000000;}
.whitetext a, .whitetext a:visited {color:#000000;text-decoration:none;}
.whitetext a:hover, .whitetext a:active {color:#000000;text-decoration:underline;}

/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ END MAIN STYLES ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/
/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/
/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/
/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/**vvvvvvvvvvvvvvvvvvvv BEGIN TEMPLATE ELEMENT LAYOUT STYLES vvvvvvvvvvvvvvvvvv**/

/* size and location of the background image */
/* position of bg is defined from each element's page */
#bgHolder {
	position:absolute;z-index:1;overflow:hidden;
	margin:0px;padding:0px;
	width:1000px;height:660px;
	background-image:url(background.jpg);
}

/* size and position of the video element */
#videoLayer {
	position:absolute;z-index:5;
	left:10px;top:-1px;width:320px;height:304px;
	border:1px solid #666666;
}

/* size and position of the region2 element */
#r2Layer {
	position:absolute;z-index:10;overflow:auto;
	left:10px;top:22px;width:320px;height:145px;
	border:1px solid #000000;background-color:#222222;
	clip:rect(0px 322px 147px 0px);
}

/* size of slide background layer. default style
   creates a 1px white border around slide. */
#slidebgLayer {
	position:absolute;z-index:15;
	width:642px;height:482px;
	background-color:#000000;
}

#footer {
	position:absolute;z-index:15;
	bottom:0px;height:28px;width:100%;
	padding-left:10px;
	line-height:28px;color:#999999;
	border-top:1px solid #000000;background-image:url(footer_bg.gif);}

/**^^^^^^^^^^^^^^^^^^^^ END TEMPLATE ELEMENT LAYOUT STYLES ^^^^^^^^^^^^^^^^^^^^**/
/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/
/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/
/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/**vvvvvvvvvvvvvvvvvvvvv BEGIN META REGION ELEMENT STYLES vvvvvvvvvvvvvvvvvvvvv**/

/* styles for the navigation tabs */
#r2tabs {
	position:absolute;z-index:5;
	left:10px;top:0px;width:320px;
	border:1px solid #555555;background-color:#000000;
}
#r2tabs ul {margin:0;padding:0;list-style:none;}
#r2tabs li {margin:0;padding:0;float:left;}
#r2tabs a {
	display:block;padding:4px 10px;
	color:#000000;text-decoration:none;
	background-color:#999999;
}
#r2tabs a:link,
#r2tabs a:visited {color:#ffffff;background-color:#222222;font-size:10px;}
#r2tabs a:hover,
#r2tabs a:active {color:#FFFFFF;background-color:#777777;}
#r2tabs .current {padding:4px 10px;color:#FFFFFF;background-color:#000000;}
#r2tabs .current a {color:#FFFFFF;background-color:#000000;}

/* meta data styles */
.r2Meta {width:280px;}
.metaLabel {
	width:100%;float:left;margin-right:-200px;
	font-weight:bold;color:#CCCCCC;
}
.metaData {width:200px;font-weight:normal;color:#9DDDFF;float:right;}
/***************************** END META ELEMENT STYLES **************************/
/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/
/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/
/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/********************* BEGIN TABBED CONTROLS ELEMENT STYLES *********************/
#slideTabs {display:inline;}
#slideTabs dl {padding:0px;margin:0px;}
#slideTabs dt {
	float:left;display:inline;
	height:29px;
	background-image:url(tab_bg.gif);
}
/*#slideTabs dt:first-child {margin-left:6px;}*/
/*#slideTabs dt:last-child {margin-right:6px;}*/

#slideTabs a,
#slideTabs a:hover {padding:0px 6px;font-weight:bold;text-decoration:none;}
#slideTabs a span,
#slideTabs a:hover span {padding:0px 6px;line-height:29px;}
/*#slideTabs a,
#slideTabs a span {display:block;float:left;cursor:pointer;}*/

/* Hide from IE5-Mac \*/
#slideTabs a, #slideTabs a span {float:none;}
/* End hide */
/*********************** END TABBED CONTROLS ELEMENT STYLES *********************/
/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/