/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvv BEGIN MAIN STYLES vvvvvvvvvvvvvvvvvvvvvvvvvvv**/

html { 
	scrollbar-arrow-color:#999999; 
	scrollbar-track-color:#ffffff; 
	scrollbar-face-color:#d7d7d7; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-3dlight-color:#aaaaaa; 
	scrollbar-darkshadow-color:#aaaaaa; 
	scrollbar-shadow-color:#ffffff; 
}

/* 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:#000000;
	background-color:#ffffff;
}
h1 {margin:0px;padding:0px;font-size:16px;color:#333333;}
h2 {margin:0px;padding:2px 0px;font-size:12px;font-style:italic;color:#555555;}
h3 {margin:0px;padding:0px;font-size:12px;color:#333333;}

#titleLayer h3 {color:#fff;margin:0px;padding:0px;font-size:14px;}

/* global link styles */
a:link, a:visited {color:#4b4b4b;text-decoration:none;}
a:hover, a:active {color:#000;text-decoration:underline;}
.whitetext {color:#ffffff;}
.whitetext a, .whitetext a:visited {color:#ffffff;text-decoration:none;}
.whitetext a:hover, .whitetext a:active {color:#ffffff;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:40px;top:-1px; width:320px; height:240px;
}

/* size and position of the region2 element */
#r2Layer {
	position:absolute;z-index:10;overflow:auto;
	left:11px;top:36px;width:384px;height:137px;
	background-color:#ffffff;
	clip:rect(0px 384px 137px 0px);
}

/* size of slide background layer. default style
   creates a 1px white border around slide. */
#slidebgLayer {
	position:absolute;z-index:15;
	/*width:582px; height:442px;*/
	width:594px; height:412px;
}

#footer {
	position:absolute;z-index:15;
	bottom:0px;height:28px;width:100%;
	padding-left:10px;
	line-height:28px;color:#fff;
	border-top:1px solid #ffffff;
  background-image:url(footer_bg.gif);
  }
	
#footer a {
  color:#fff;
}	

/**^^^^^^^^^^^^^^^^^^^^ 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:5px;top:14px;width:382px;
  background-color:#e4e4e4;
}
#r2tabs ul {margin:0;padding:0px;list-style:none;}
#r2tabs li {margin:0;padding:0;float:left;background-color:#fff;}
#r2tabs a {
	display:block; padding:4px 10px;
	color:#4b4b4b;text-decoration:none;
	background-color:#cccccc;
}
#r2tabs a:link,
#r2tabs a:visited {color:#4b4b4b;background-color:#e4e4e4;font-size:11px;}
#r2tabs a:hover,
#r2tabs a:active {color:#ff0033;background-color:#cccccc;}
#r2tabs .current {padding:4px 10px;color:#ff0033; font-size:11px; font-weight:bold;}
#r2tabs .current a {color:#ff0033;}

/* meta data styles */
.r2Meta {width:370px; border-bottom:1px solid #ccc; height:22px; line-height:22px;}
.metaLabel {
	width:100px; float:left; 
	font-size:11px; font-weight:bold; color:#000;
	height:20px; line-height:20px;
}
.metaData {width:260px;font-weight:normal;color:#000;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 *********************/
/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/

/* WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW */
/* --------------------------------------------------------------------------- */
/* 								THUMBNAILS PAGE			        	  	       */ 
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* Thumbnail box */
.thumbox {
	position:relative;
	display:inline;
	padding:1px;
}
#navigation {
	position:relative;
	padding:16px 0 14px 0;
}

/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* Top Navigation Section */
#navigation {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; padding:16px 0;}
#navigation ul {margin:0px; padding:0px; text-align: center;}
#navigation li {display:inline; position:relative;}

#navigation li a { 
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #969BA5; 
	padding:4px;
	margin-bottom:20px;
	display:inline;
	border:1px solid #e4e4e4;
}

#navigation li a:hover  {
	background-image:url(btnBkg.gif); 
	background-repeat:repeat-x;
	color:#e4e4e4; 
	text-decoration:none;
	font-weight:bold;
	background-color:#CCCCCC;
}

#navigation li select {
	margin-bottom:-3px
} 


