body {
	color: #ccc;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	font-size: 13pt;
	background-color:#000000;
}


h2
{
	color: #ddd;
	font-size: 10pt;
}

h3
{
	color: #fff;
	font-size: 18pt;
}

h4
{
	font-size: 12pt;
}

.content
{
	margin: 0px;
}

.content a
{
	color: #fff;
}


.content p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 12pt;
	color: #ddd;
}

.content p.linkage a { color: #fff; }

/*.content p.linkage a
{
	color: #fff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	padding: 10px 20px;
	text-decoration: none;
}

.content p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}*/

#myGallery
{
	text-align: left;
	margin: 0 auto;
}


/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */

/*************** Holds All Content everything  *********************/


 
 div.c18 {padding-top:3px;}
 div.c17 {display:block; width:895px; height:5px;}
 span.c16 {padding-left:0px;}
 span.c15 {padding-left:17px;}
 span.c14 { padding-left:15px;}
 div.c13 {background-color:#000000; background-image: url(img/agathe/agathe1.gif)}
 div.c12 {z-index:1;}
 div.c11 { float:left;}
 div.c10 {text-align: left}
 div.c9 {TOP: 571px; WIDTH: 225px; background: #171616; border: 1px solid #000000; display: none; float: left; height: 50px; margin-left: 575px; padding: 5px; padding-top: 3px; position: absolute; text-align: left; z-index: 1000}
 div.c8 {TOP: 561px; WIDTH: 225px; background: #171616; border: 1px solid #000000; display: none; float: left; height: 60px; margin-left: 405px; padding: 5px; padding-top: 3px; position: absolute; text-align: left; z-index: 1000}
 div.c7 {float: right; text-align: left}
 div.c6 {float:left}
 span.c5 {font-size:11px; font-weight:bold;}
 div.c4 {TOP: 525px; WIDTH: 170px; background: #171616; border: 1px solid #000000; display: none; float: left; height: 95px; margin-left: 325px; padding: 5px; position: absolute; text-align: left; z-index: 1000}
 div.c3 {TOP: 549px; WIDTH: 170px; background: #171616; border: 1px solid #000000; display: none; height: 70px; margin-left: 170px; padding: 5px; position: absolute; text-align: left; z-index: 1000}
 div.c2 {TOP: 529px; WIDTH: 170px; background: #171616; border: 1px solid #000000; display: none; height: 95px; margin-left: 70px; padding: 5px; position: absolute; text-align: left; z-index: 2000}
 div.c1 {TOP: 571px; WIDTH: 170px; background: #171616; border: 1px solid #000000; display: none; float: left; height: 48px; padding: 5px; position: absolute; text-align: left; z-index: 1000}

.holder {
	margin-left: auto;
	margin-right:auto;
	width: 895px;
	height: 460px;
	margin-top: 180px;
} 
/*** Main Main Content Holder with Border ***/
.mainbox {
	display: block;
	margin-left: auto;
	margin-right:auto;
	width: 885px;
	overflow: hidden;
	height: 445px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	z-index: 1;
	text-align: left;
} 
/*** Content Area ****/
.main_content {
	margin: px;
	}

	
.menuLinks {
	display: block;
	height: 25px;
	width: 150px;
	padding: 2px;
	}
.menuLinks a {
	display: block;
	border: 1px #eeeeee solid;
	}
.menuLinks a:hover {
	display: block;
	background-color: #CC6600;
	width:100%;
	}
	

/******** Left Side of Main Area ******/
.displayBox {
	display: block;
	width: 220px;
	height: 445px;
	opacity: .80;
	*filter: alpha(opacity="80");
	overflow: hidden;
	position:absolute;
	background-image:url(../img/index/leftside_sq.gif);
	z-index: 300;
	}
	
.agatheBox {
	display: block;
	width: 300px;
	height: 350px;
	opacity: .70;
	*filter: alpha(opacity="70");
	overflow: hidden;
	position:absolute;
	background-image:url(../img/index/leftside_wide.gif);
	z-index: 301;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#cccccc;
	font-size: 11px;
	line-height: 14px;
	overflow:auto;
	padding:20px;
	margin: 30px;
	text-align: left;
	}
	
.displayBox_text {
	display: block;
	width: 220px;
	height: 400px;
	position:absolute;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color:#ffffff;
	padding: 5px;
	z-index: 500;
	}

#flashmovie {
	width: 885px;
	height: 445px;
	position: absolute;
	z-index:0;
	}
	
.displayBox_text a {
	color:#996600;
	text-decoration: none;
	}
	
.displayBox_text a:hover {
	color:#FFCC00;
	text-decoration: none;
	}

.locator_text {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #EEEEEE;
	}

.navLinks {
	color:#999999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	width: 161px;
	height: 21px;
	background-color: #000000;
	text-decoration: none;
}

.navLinks a {
	color:#999999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	width: 161px;
	height: 21px;
	background-color: #000000;
	text-decoration: none;
	padding: 3px 0 0 7px;
	vertical-align: middle;
}
	
.navLinks a:hover{
	color:#cccccc;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	border: 1px solid #333333;
	display: block;
	width: 160px;
	height: 19px;
	background-color: #000000;
	text-decoration: none;
}

#randm, #randm img {
width:886px;
height:445px;
z-index:1;
}

/****************** Left Side Slider ************************/

.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: 50px 0; /* determines how far from the top*/
		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; 
		 /* Insert border here if wanted ...this is the border. should have the same value for the links */
		margin: auto;
		width: 220px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 432px;
		clear: both;
		background: #1e1e1e;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
	}
	
	.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: 300;
		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: 885px; /* Also specified in  .stripViewer  above */
	}
	
	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 3px;
	}
	
	.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: 20px;
		width: 20px;
	}
	
	.stripNavL {
		left: 0;
	}
	
	.stripNavR {
	
		right: 0;
	}
	
	.stripNavL {
		background: url("../images/lf_arrow.gif") no-repeat center;
	}
	
	.stripNavR {
		background: url("../images/rt-arrow.gif") no-repeat center;
		margin-left:50px;
	}
	
.style1 {color: #FFFFFF};



	/*]]>*/