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

/* 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:#ff6600;}

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

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

/* size of the background image */
#bgHolder {
	margin:0px;padding:0px;
	width:1104px;height:929px;
	background-image:url(background.jpg);
}

/* size and position of the logo image holder */
#logoLayer {
	position:absolute;z-index:2;overflow:hidden;
	left:17px;top:18px;width:151px;height:36px;
	clip:rect(0px 151px 36px 0px);
}

/* size and position of the video element */
#videoLayer {
	position:absolute;z-index:5;
	left:21px;top:68px;width:320px;height:304px;
}

/* 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 #ffffff;background-color:#ffffff;
	clip:rect(0px 322px 147px 0px);
}

/* size of slide background layer. default style
   creates a 1px white border around slide. */
#slideLayer {
	position:absolute;z-index:15;
	width:500px;height:375px;
	left:586px;top:29px;
}

#urlBarLayer {
	position:absolute;z-index:20;overflow:auto;
	left:17px;top:418px;width:1075px;
}

#urlDisplay {
	position:absolute;z-index:25;overflow:auto;
	left:17px;top:452px;
	width:1070px;height:460px;
}

#resrcsLayer {
	position:absolute;z-index:100;overflow:auto;visibility:hidden;
	left:337px;top:445px;width:400px;height:220px;
	background-color:#eeeeee;border:1px solid #000;
	padding:10px;
}
#resrcsLayer li {list-style:url(bullet.gif);font-size:12px;}
#resrcsLayer .close {text-align:right;}


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

#zoomVidBtnLayer {position:absolute;z-index:50;left:201px;top:25px;}
a#zoomVidBtn,
a#zoomVidBtn:link,
a#zoomVidBtn:visited {
	display:block;background-image:url(btn_zoomVid0.gif);
	width:143px;height:25px;
}
a#zoomVidBtn:hover,
a#zoomVidBtn:active {background-image:url(btn_zoomVid1.gif);}

#chaptersBtnLayer {
	position:absolute;z-index:55;
	width:74px;height:25px;left:353px;top:25px;
	background-image:url(btn_chapter1.gif);
}
a#chaptersBtn,
a#chaptersBtn:link,
a#chaptersBtn:visited {
	width:74px;height:25px;
	display:block;background-image:url(btn_chapter0.gif);
}
a#chaptersBtn:hover,
a#chaptersBtn:active {background-image:url(btn_chapter1.gif);}

#infoBtnLayer {
	position:absolute;z-index:60;
	width:139px;height:25px;left:434px;top:25px;
	background-image:url(btn_info1.gif);
}
a#infoBtn,
a#infoBtn:link,
a#infoBtn:visited {
	display:block;background-image:url(btn_info0.gif);
	width:139px;height:25px;
}
a#infoBtn:hover,
a#infoBtn:active {background-image:url(btn_info1.gif);}

#quizlink {position:absolute;z-index:65;left:99px;top:383px;width:164px;height:25px;}
#testLinkBtnLayer {position:absolute;z-index:65;left:99px;top:383px;}
a#testLinkBtn,
a#testLinkBtn:link,
a#testLinkBtn:visited {
	display:block;background-image:url(btn_review0.gif);
	width:164px;height:25px;
}
a#testLinkBtn:hover,
a#testLinkBtn:active {background-image:url(btn_review1.gif);}

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

.r2 {
	position:absolute;z-index:70;
	width:214px;height:337px;
	clip:rect(0px 214px 337px 0px);overflow:auto;
}
.r2Meta {width:175px;}
.EventHeader {font-weight:bold;color:#666666;}
.EventTxt {font-weight:normal;color:#000000;}

/***************************** END META ELEMENT STYLES **************************/
/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/
/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/
/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/**vvvvvvvvvvvvvvvvvvvvvv BEGIN URL NAV BAR ELEMENT STYLES vvvvvvvvvvvvvvvvvvvv**/

#backBtnLayer {float:left;}
a#backBtn,
a#backBtn:link,
a#backBtn:visited {
	display:block;background-image:url(btn_back0.gif);
	width:73px;height:28px;
}
a#backBtn:hover,
a#backBtn:active {background-image:url(btn_back1.gif);}

#fwdBtnLayer {float:left;}
a#fwdBtn,
a#fwdBtn:link,
a#fwdBtn:visited {
	display:block;background-image:url(btn_fwd0.gif);
	width:90px;height:28px;
}
a#fwdBtn:hover,
a#fwdBtn:active {background-image:url(btn_fwd1.gif);}

#refreshBtnLayer {float:left;}
a#refreshBtn,
a#refreshBtn:link,
a#refreshBtn:visited {
	display:block;background-image:url(btn_refresh0.gif);
	width:85px;height:28px;
}
a#refreshBtn:hover,
a#refreshBtn:active {background-image:url(btn_refresh1.gif);}

#homeBtnLayer {float:left;}
a#homeBtn,
a#homeBtn:link,
a#homeBtn:visited {
	display:block;background-image:url(btn_home0.gif);
	width:72px;height:28px;
}
a#homeBtn:hover,
a#homeBtn:active {background-image:url(btn_home1.gif);}

#resrcsBtnLayer {float:left;}
a#resrcsBtn,
a#resrcsBtn:link,
a#resrcsBtn:visited {
	display:block;background-image:url(btn_resrcs0.gif);
	width:96px;height:28px;
}
a#resrcsBtn:hover,
a#resrcsBtn:active {background-image:url(btn_resrcs1.gif);}

#addyLayer {
	float:left;display:block;
	width:600px;height:28px;
	background-image:url(btn_addy0.gif);
}

#goBtnLayer {float:left;}
a#goBtn,
a#goBtn:link,
a#goBtn:visited {
	display:block;background-image:url(btn_go0.gif);
	width:56px;height:28px;
}
a#goBtn:hover,
a#goBtn:active {background-image:url(btn_go1.gif);}