/* Common Styles */
* { margin: 0px;
	padding: 0px;}
body {font-family: Arial, Helvetica, sans-serif; text-align: left;
	font-size: 11px;
	color: #333333;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	padding: 0px; }
.bodycontent {font-family: Arial, Helvetica, sans-serif; text-align: left;
	font-size: 11px;
	color: #333333;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	padding: 0px; }
	
.bodybold {font-family: Arial, Helvetica, sans-serif; text-align: left;
	font-size: 11px;
	color: #330099;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding: 0px; }

.sample {font-family: Arial, Helvetica, sans-serif; text-align: left;
	font-size: 10px;
	color: #330099;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	padding: 0px; }
	
.leftright {font-family: Arial, Helvetica, sans-serif; text-align: left;
	font-size: 9px;
	color: #330099;
	font-style:italic;
	font-weight: lighter;
	font-variant: normal;
	padding: 0px; }
	
.footertext {font-family: Arial, Helvetica, sans-serif; text-align: left;
	font-size: 9px;
	color: #330099;
	font-weight: lighter;
	font-variant: normal;
	padding: 0px; }
	
a:link { color: #330099; text-decoration: none; }
a:visited { text-decoration: none; color: #330099; }
a:hover { text-decoration: underline; color: #330099; }
a:active { text-decoration: none; }
.clear { clear: both; }
.subhead {font-family: Arial, Helvetica, sans-serif; text-align: left;
	font-size: 13px;
	color: #330099;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding: 0px; }
	
/* EOF Common Styles */

/*inline css navigation*/

#tabs {
	margin-left: 0px;
	padding-left: 0;
	display: inline;
	} 
	
#tabs ul {
	margin-left: 60px;
	padding-left: 0;
	display: inline;
	} 

#tabs ul li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 5px 2px 5px;
	border: 0px solid #000;
	list-style: none;
	display: inline;
	line-height: 17px;
	}
	
#tabs ul li a:hover{
	background-color: #ededed; 
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	}
		
#tabs a {
	text-decoration: none;
	}
	
#tabs li#active { 
	background-color: #fff; 
	text-decoration: none;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	}

#samples ul {
	margin-left: 18px;
	padding-left: 0;
	display: inline;
	} 
	
#samples ul li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 5px 0px;
	border: 0px solid #000;
	list-style: none;
	display: inline;
	line-height: 15px;
	}
	
/*end of inline css navigation*/

/* Containers */
	/* Main Containers */
		#Main_Board { width: 880px; margin: 0 auto; float: center; }
		#acc_header { width: 880px; height: 98px; margin: 0 ; float: left; background: url(../_images/header.jpg) no-repeat top #FFFFFF }
		#acc_navbkgdthin { width: 880px; height: 17px; margin: 0; padding-top: 5px; float: left; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 11px; color: #cc3333; background: url(../_images/nav_bkgd.jpg) no-repeat top #FFFFFF; }
		#acc_navbkgd { width: 880px; height: 33px; margin: 0; padding-top: 5px; float: left; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 11px; color: #cc3333; background: url(../_images/nav_bkgd.jpg) no-repeat top #FFFFFF; }
		#acc_curve { width: 880px; height: 6px; margin: 0; float: left; background-color: #FFFFFF; }
		#acc_bottomshadow { width: 880px; height: 41px; margin: 0; float: left; background: url(../_images/bodybox_bottomshadow.jpg) no-repeat top #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 10px; color: #cc3333; } 
		#acc_threecolumn { width: 880px; margin: 0; float: center; background-color: #FFFFFF; }
           #acc_bodyleftsidethinmenu { width: 45px; height: 502px; margin: 0; float: left; background-color: #FFFFFF; }
		   #acc_bodyleftside { width: 45px; height: 534px; margin: 0; float: left; background-color: #FFFFFF; }
		   #acc_bodymainthinmenu { width: 790px; height: 502px; margin: 0; float: left; background-color: #FFFFFF; }
		   #acc_bodymain { width: 790px; height: 534px; margin: 0; float: left; background-color: #FFFFFF; }
           #acc_bodyrightsidethinmenu { width: 45px; height: 502px; margin: 0; float: right; background-color: #FFFFFF; }
		   #acc_bodyrightside { width: 45px; height: 534px; margin: 0; float: right; background-color: #FFFFFF; }
		   #acc_bodysub { width: 790px; height: 150px; margin: 0; float: left; background-color: #FFFFFF; }

		   
	/* EOF Main Containers */
	
	/* Subpage Containers */
		#acc_sub_lefttop { width: 500px; height: 330px; padding-left: 18px; float: left; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 10px; color: #333333; }
			#acc_sub_leftmiddle { width: 772px; height: 48px; padding-left: 0px; padding-top: 3px; padding-bottom: 1px;float: left; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 10px; color: #3300cc; background-color: #FFFFFF; }
		#acc_sub_righttop { width: 225px; height: 312px; padding-left: 18px; padding-top: 18px; padding-right: 18px; float: right; font-size: 12px; text-align: left; color: #333333;}
			#acc_sampleboxcontainer { width: 225px; height: 83px; margin: 0; float: bottom; background-color: #FFFFFF; }
			#acc_samplebox { width: 100px; height: 77px; margin: 0; padding: 3px; float: left; background-color: #cccccc; }
			#acc_sampleboxright { width: 100px; height: 77px; margin: 0; padding: 3px; float: right; background-color: #cccccc; }
			#acc_textbox { width: 225px; height: 229px; margin: 0; float: left; background-color: #FFFFFF; }
			
		#acc_sub_leftbottom { width: 357px; height: 116px;  padding: 18px; float: left; font-size: 11px; text-align: left; color: #333333; background-color: #cccccc; }
		#acc_sub_rightbottom { width: 357px; height: 116px;  padding: 18px; float: right; font-size: 11px; text-align: left; color: #333333; background-color: #cccccc; }
	
		#acc_footer { width: 880px; height: 41; float: left; }

	/* EOF Subpage Containers */
/* EOF Containers */


/* coda slider styles */


		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 500px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 330px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 500px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
		
/* end of coda slider styles */


/* lytebox styles */

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(images/close_red.png) no-repeat; }
	#lbClose.green { background: url(images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }
	
/* EOF lytebox styles */