/*__________________________________________________________________
//
// _ep.css - Elaine Prunty / Imago Mosaic - CSS
//__________________________________________________________________
*/

* {
	font-family:inherit;
	}
body {
	font-family:Skia,Verdana,Arial,Helvetica,Swiss,sans,sans-serif;
	font-size:12px;
	}
code,tt,pre {
	font-family:Courier New,Courier,Monospace;
	}
html {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background-color:transparent;
	border:none;
	}

p,caption,th,td,ul,ol,menu,dl,blockquote,code,tt,address,button {
	font-size:12px;
	}
h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:14px; }
h5 { font-size:12px;font-style:italic; }
h6 { font-size:12px;font-style:italic; }

th { vertical-align:bottom; }
td { vertical-align:top; }

fieldset { border:solid #cccccc 1px;padding:12px 6px;margin:12px 0px; }
legend { border:solid #cccccc 1px;padding:2px 4px;font-size:10px;font-weight:bold; }
label { font-size:10px; }

img { border-width:0; }
a { text-decoration:none;font-weight:bold;cursor:pointer;color:#3333cc; }
a:link { color:#3333cc; }
a:visited { color:#3333cc; }
a:active { color:#3333cc; }
a:hover { color:#ff6600; }

tt {
	font-weight:bold;
	}
pre {
	border:solid #cccccc 1px;
	background-color:#ffffe0;
	padding:4px;
	margin-right:0px;
	font-size:12px;
	text-align:left;
	}
ul {
	list-style-type:disc;
	}
menu {
	list-style-type:square;
	}

.rcbox { display:block;padding:0px;margin:0px auto;font-size:1px;border-collapse:collapse; }
.rcbox .rcbox1 { display:block;padding:0px;font-size:1px;line-height:1px;height:1px;margin:0px 5px;border:none;border-collapse:collapse; }
.rcbox .rcbox2 { display:block;padding:0px;font-size:1px;line-height:1px;height:1px;margin:0px 3px;border-style:solid;border-width:2px;border-top:none;border-bottom:none;border-collapse:collapse; }
.rcbox .rcbox3 { display:block;padding:0px;font-size:1px;line-height:1px;height:1px;margin:0px 2px;border-style:solid;border-width:1px;border-top:none;border-bottom:none;border-collapse:collapse; }
.rcbox .rcbox4 { display:block;padding:0px;font-size:1px;line-height:2px;height:2px;margin:0px 1px;border-style:solid;border-width:1px;border-top:none;border-bottom:none;border-collapse:collapse; }
.rcbox .rcboxl { margin-right:0px;border-right-width:1px; }
.rcbox .rcboxr { margin-left:0px;border-left-width:1px; }
.rcbox .rcedge1 { display:block;padding:0px;margin:0px;font-size:1px;line-height:1px;height:1px;border-style:solid;border-width:0 5px;border-collapse:collapse;background:transparent; }
.rcbox .rcedge2 { display:block;padding:0px;margin:0px;font-size:1px;line-height:1px;height:1px;border-style:solid;border-width:0 3px;border-collapse:collapse;background:transparent; }
.rcbox .rcedge3 { display:block;padding:0px;margin:0px;font-size:1px;line-height:1px;height:1px;border-style:solid;border-width:0 2px;border-collapse:collapse;background:transparent; }
.rcbox .rcedge4 { display:block;padding:0px;margin:0px;font-size:1px;line-height:2px;height:2px;border-style:solid;border-width:0 1px;border-collapse:collapse;background:transparent; }
.rcbox .rcedgel { border-right-width:0px; }
.rcbox .rcedger { border-left-width:0px; }
.rcedge1 .rcbox1 { margin:0; }
.rcedge2 .rcbox2 { margin:0; }
.rcedge3 .rcbox3 { margin:0; }
.rcedge4 .rcbox4 { margin:0; }
.rcedgel .rcboxl { margin:0; }
.rcedger .rcboxr { margin:0; }

/*__________________________________________________________________*/
/* Containers/content / positioning */

div.bme_center_container {
	display:table;
	width:100%;
	height:100%;
	}
div.bme_center_position {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	text-align:center;
	}
div.bme_center_content {
	text-align:left;
	}

/* IE fixes through asterisk hack */
div.bme_center_container { *position:relative; }
div.bme_center_position { *position:absolute;*top:50%; }
div.bme_center_content { *position:relative;*top:-50%; }

/*__________________________________________________________________*/
/* Menus */

ul.menuh,
ul.menuv {
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
ul.menuh li {
	float:left;
	display:inline;
	}
	
/*__________________________________________________________________*/

div.imgheader {
	margin:0 0 6px 0;
	color:white;
	font-weight:bold;
	font-size:11px;
	font-size:0.9em;
/*	line-height:1.8em;	*/
	margin-top:12px;
	}
	
div.imgfooter {
	margin:6px 0 6px 0;
	color:white;
	font-weight:normal;
	font-size:10px;
	}
	
div.borderstrip {
	margin:2px 0;
	font-size:10px;
	color:#666666;
	text-align:center;
	clear:both;
	}

li.gap,
li.gap1 {
	height:24px;
	line-height:23px;
	}
li.gap1 {
	margin-top:40px;
	}
/*__________________________________________________________________*/

div.eppage,
div.eppage0,
div.eppage1 {
	text-align:center;
	}
div.eppage0 {
	display:none;
	}
div.eppage1 {
	display:block;
	}

div.flashcontainer {
	position:relative;
	width:360px;
	margin:10px auto 0 auto;
	text-align:center;
	}
	
/*__________________________________________________________________*/

.epwrap,
table.epcontainer,
td.epwrapmenu1,
td.epwrapmenu2,
td.epwrappages {
	height:420px;
	}

.epwrap {
	border:solid #999999 6px;
	border-collapse:collapse;
/*
	width:750px;
*/
	}

table.epcontainer {
	position:relative;
	top:0px;
	bottom:0px;
	margin:auto auto;
/*
	width:750px;
*/
	border:solid #cccccc 1px;
	border-collapse:collapse;
	}
td.epwrapmenu1,
td.epwrapmenu2 {
	text-align:center;
	vertical-align:middle;
	padding:0;
	margin:0;
	}
td.epwrapmenu1 {
	border:none;
	background-color:#d7d7d7;
	width:150px;
	}
	
td.epwrapmenu2 {
	width:180px;
	background-color:#686868;
	overflow:none;
/*	overflow:auto; */
	}

div.menu2container {
	position:relative;
	top:0;
	left:0;
	height:420px;
	width:170px;
/*
	overflow:hidden;
	overflow-y:scroll;
*/
	overflow:auto;
	overflow-x:hidden;
	padding:0px;
	margin:0px;
/*
	border:dotted red 1px;
	border:none;
*/
	}

div.menu2 {
	position:relative;'
	width:170px;158px;
/*	height:420px; */
/*	overflow:auto; */
	margin:0;
	padding:0;
	border:none;
	text-align:center;
	vertical-align:middle;

/*	border:dashed #ff9900 1px;*/

	}

div.menu2innerthumbs {
	position:relative;
	top:0;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
/*	height:420px; */
	width:140px;158px;'
	margin-left:12px;
	margin:0 auto;

/*	margin-left:15px;*/
/*	overflow:auto;*/
/*	border:solid red 1px; */

	}
div.menu2inner {
	position:relative;
	top:0;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
/*	height:420px; */
	height:auto;
	width:140px;158px;
	margin-left:12px;
/*	margin-left:15px;*/
	margin:0 auto;
/*	border:solid red 1px;*/
/*	overflow:auto;*/
	}

div.menu2 ul.menuv {
/*	width:100%; */
/*	width:140px; */
	margin:0;
	padding:0;
	overflow:hidden;
	}

div.pagecontainer {
	position:relative;
	height:420px;
	overflow:auto;
	padding:6px;
	}

a.mb0,
a.mb0:link,
a.mb0:active,
a.mb0:visited,
a.mb0:hover,
a.mb1,
a.mb1:link,
a.mb1:active,
a.mb1:visited,
a.mb1:hover {
	display:block; 
	text-decoration:none;
	height:24px;
	line-height:23px;
	width:148px;
	color:#ffffff;
	background:#444444;
	padding-left:5px;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-color:#849E9F;
	font-weight:normal;
	font-size:11px;
	border-collapse:collapse;
	overflow:hidden;		/*##TODO: workaround, clipping menu labels/titles; check/modify, as titles shouldn't be clipped...*/
	}

/* Style links */
.epwrapmenu1 a,.epwrapmenu1 a:link,.epwrapmenu1 a:active,.epwrapmenu1 a:visited,
.epwrapmenu2 a,.epwrapmenu2 a:link,.epwrapmenu2 a:active,.epwrapmenu2 a:visited {
	display:block; 
	text-decoration:none;
	height:24px;
	line-height:23px;
	width:148px;
	color:#ffffff;
	background:#444444;
	padding-left:5px;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-color:#849E9F;
	font-weight:normal;
	font-size:11px;
	border-collapse:collapse;
	overflow:hidden;		/*##TODO: workaround, clipping menu labels/titles; check/modify, as titles shouldn't be clipped...*/
	}
.epwrapmenu2 a,
.epwrapmenu2 a:link,
.epwrapmenu2 a:active,
.epwrapmenu2 a:visited {
	font-size:11px;
	}

.epwrapmenu1 a.home {
/*	font-weight:bold; */
	height:3.5em;
/*	height:50px; */
	padding-top:0.6em;
	padding-bottom:0.3em;
	text-transformation:lowercase;
	font-size:12px;
	line-height:1.5em;
	}

/* Style link hover */
.epwrapmenu1 a:hover,
.epwrapmenu2 a:hover {
	color:#666666; 
	background:#eeeeee;
	}


.epwrapmenu2 {
/*
	background-color:#c8c8c8;
	background-color:#444444;
*/
	background-color:#686868;
	border:none;
	border-left:solid #ffffff 1px;
	border-right:solid #ffffff 1px;
	width:178px;
/*
	overflow:auto;
*/
	padding:0;
	margin:0;
	}

.epwrapmenu2 a,
.epwrapmenu2 a:link,
.epwrapmenu2 a:active,
.epwrapmenu2 a:visited,
.epwrapmenu2 a:hover {
	color:#ffffff;
	border:solid #ffffff 1px;
	}
.epwrapmenu2 a:hover {
	color:#686868;
	}

.epwrappages {
	border:none;
	background-color:#505050;
	width:450px;
	overflow:auto;
	padding:0px;
	}

a.thn,
a.thn:link,
a.thn:active,
a.thn:visited,
a.thn:hover {
	display:inline-block;
	float:left;
/*
	width:70px;
	height:70px;
	line-height:70px;
*/
	width:66px;
	height:66px;
	line0height:66px;
	text-align:center;
	border:outset #000000 1px;	/* Great in OP - awful in IE! */
	border-collapse:separate;
	margin:0;
	padding:0;
	vertical-align:middle;
	margin:0px 0 1px 1px;
	}
a.thn:hover {
	border:inset #666666 1px;
	background-color:#d7d7d7;	/* Check/modify? */
	}

a.thn img {
	padding:0;
	border:none;
	float:none;
	display:block;
	margin:3px;
	}

.epwrapmenu1 a:link,
.epwrapmenu1 a:active,
.epwrapmenu1 a:visited,
.epwrapmenu2 a:link,
.epwrapmenu2 a:active,
.epwrapmenu2 a:visited {
	border:outset #000000 1px;	/* Great in OP - awful in IE! */
	}
.epwrapmenu1 a:hover,
.epwrapmenu2 a:hover {
	border:inset #666666 1px;
	}

/* IE patch for button borders */
.epwrapmenu1 a:link,
.epwrapmenu1 a:active,
.epwrapmenu1 a:visited,
.epwrapmenu2 a:link,
.epwrapmenu2 a:active,
.epwrapmenu2 a:visited,
a.thn:link,
a.thn:active,
a.thn:visited {
	*border-bottom:solid #000000 1px;
	*border-left:solid #000000 1px;
	*border-top:solid #808080 1px;
	*border-right:solid #808080 1px;
	}
.epwrapmenu1 a.mb0:hover,
.epwrapmenu2 a.mb0:hover,
.epwrapmenu1 a.mb1:link,
.epwrapmenu1 a.mb1:active,
.epwrapmenu1 a.mb1:visited,
.epwrapmenu2 a.mb1:link,
.epwrapmenu2 a.mb1:active,
.epwrapmenu2 a.mb1:visited,
.epwrapmenu1 a:hover,
.epwrapmenu2 a:hover,
a:thn:hover {
/*
	*border-top:solid #333333 1px;
	*border-right:solid #333333 1px;
	*border-bottom:solid #b3b3b3 1px;
	*border-left:solid #b3b3b3 1px;
*/
	*border-top:solid #999999 1px;
	*border-right:solid #999999 1px;
	*border-bottom:solid #a0a0a0 1px;
	*border-left:solid #a0a0a0 1px;
	}

.epwrapmenu1 a:hover {
/*
	color:#ffffff;
	background:#686868;
	border-right-color:#686868;
	width:149px;
	border-right:none;
*/
	}
.epwrapmenu2 a:hover
/*,a.thn:hover*/ {
/*
	color:#ffffff;
	background:#505050;
	border-right-color:#505050;
*/
	}

.epwrapmenu2 div.txt {
	position:relative;
	width:150px;	//100%;
	height:400px;
	overflow:auto;
	margin:0;
	padding:0;
	text-align:center;
/*
	vertical-align:middle;
	border:dotted orange 1px;
*/
	font-size:10px;
	font-weight:normal;
	padding:4px;
/*
	padding-top:100px;
*/
	text-align:center;
	line-height:1.3em;
	color:#ffffff;
	}
	
span.show,
div.show {
	display:block;
	}
span.hide,
div.hide {
	display:none;
	}


/* */
a.mb0,
a.mb0:link,
a.mb0:active,
a.mb0:visited {
	color:#ffffff;
	background:#444444;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-color:#849E9F;
	border:outset #000000 1px;	/* Great in OP - awful in IE! */

	*border-bottom:solid #000000 1px;
	*border-left:solid #000000 1px;
	*border-top:solid #808080 1px;
	*border-right:solid #808080 1px;
	}

a.mb0:hover,
a.mb1,
a.mb1:link,
a.mb1:active,
a.mb1:visited,
a.mb1:hover {
	color:#333333;
	background:#eeeeee;
	border:inset #666666 1px;

	*border-top:solid #999999 1px;
	*border-right:solid #999999 1px;
	*border-bottom:solid #a0a0a0 1px;
	*border-left:solid #a0a0a0 1px;
	}

/*__________________________________________________________________*/

div.eptextboxcontainer {
	margin:45px auto 0 auto;
	width:320px;
/*
	height:300px;
*/
	}

div.eptextbox {
	background-color:#ffffff;
	color:#000000;
/*	width:290px;*/
	height:280px;
	padding:8px;
/*	overflow:auto;*/
	}

ul.links {
	list-style-type:none;
	text-align:center;
	margin-left:0;
	margin-right:0;
	}
ul.links li {
	font-size:10px;
	margin:8px 0px;
	font-weight:normal;
	text-align:center;
	}

/*__________________________________________________________________*/
/* CSS code end
