﻿/*---Body */
body, html {
	margin: 0; 
	padding: 0; 
/*	background-color: #e9d2ff;	*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;	/* We use 1em for 10px */
	line-height: 1.4em;
}

form {
	margin: 0;
	padding: 0;
	float: left;
}

/************************/
/*** Standard for all pages ***/
/************************/

/* This surrounds the entire page */
#everything {
/*	width: 90em;	*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 1px; 
	background-color: #ebf;		
/*	font-family: "Times New Roman", serif;	*/
}

/* The logo on the top */
#div_title {
/*	margin-left: auto;	*/
/*	margin-right: auto;	*/
/*	border: 0.2em solid #800080;	*/
	width: 100%;
	background-color: #ebf;
	height: 170px;	
}
#div_title a {
	color: #fff;
}
#div_logo {
	float: left;
	padding: 1px; 
	height: 170px;	
}
#div_logo img {
	width: 131px;	
	height: 170px;	
}
#div_banner {
	padding: 1px; 
}
#div_banner img {
	text-align: center;
	width: 900px;	
	height: 180px;	
}
#div_small_banner {
	color: #000000;
	margin: 1em;
	text-align: center;
}
#div_small_banner a, #div_small_banner h1 {
	float: none;
	width: 100%;
	text-decoration: none;
	color: #000000;
	font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
	font-style: italic;
	font-weight: bold;
}

/* Main menu */
div.main_menu {
	float: left;
	min-width: 10em;
	margin: 0;
	padding: 1px; 
}

/* Contents */
td.main_content {
/*	width: 72.6em;	*/
/*	width: auto;	*/
	width: 100%;
	text-align: left;
	background-color: #fff;
	border: 1px solid #84b;
	margin: 0;
	padding: 0.5em;
}

td.comments {
/*	width: 72.6em;	*/
/*	width: auto;	*/
	width: 100%;
	text-align: left;
	background-color: #fff;
	border: 1px solid #84b;
	margin: 0;
	padding: 0.5em;
}

td.index_table {
	margin-left: 1em;
	margin-right: 1em;
	padding-left: 1em;
	padding-right: 1em;
	width: 23%;
	vertical-align: top;
}

.dotted_table {
	border: thin dotted #84b;
	border-collapse:collapse;
}
.dotted_table td, .dotted_table th {
	border: thin dotted #84b;
	padding: 0.7em;
}

/* Menu items */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/stamp-collecting.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menuWrap {float:left; height:25px; padding-right:20px; margin-left:40px; display:inline; background:url(images/topBar.gif) right top;}
#nav {margin:0; padding:0 0 0 20px; list-style:none; white-space:nowrap; text-align:left; float:left; background:url(images/topBar.gif) left top;}

#nav li {margin:0; padding:0; list-style:none;}
#nav li {display:inline-block; display:inline;}
#nav ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; border:1px solid #000; border-color:#ddd #333 #000 #ddd;}

#nav ul.ul-one {background:#b0d0e0;}
#nav ul.ul-two {background:#a8c8d8;}
#nav ul.ul-three {background:#a0c0d0;}
#nav ul.ul-four {background:#98b8c8;}
#nav ul.ul-five {background:#90b0c0;}
#nav ul.ul-six {background:#88a8b8;}
#nav ul.ul-seven {background:#80a0b0;}

#nav li.li-top {float:left; display:block; background:url(images/divider.gif) no-repeat left center;}
#nav li.first {background:none;}

#nav a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:25px; text-decoration:none; padding:0 20px 0 10px;}

#nav :hover a:hover {background:#000; color:#fff;}

#nav li a.sub {background:url(images/sub.gif) no-repeat right center;}

#nav li.li-top {float:left; display:block; position:relative;}
#nav li.li-top a.top {float:left;}

#nav li a.top:hover {position:relative; background:#000; color:#fff;}
#nav li.li-top:hover {position:relative; background:#000; color:#fff;}

#nav li.li-top:hover > a, #nav li.li-top:hover ul :hover > a {background:#000; color:#fff;}

#nav li.li-top:hover ul {margin-top:25px;}

#nav :hover ul {left:0;}
#nav :hover ul a {white-space:nowrap;}
#nav b {position:absolute;}
#nav :hover ul.right {left:auto; right:-1px;}


#nav :hover ul :hover ul, 
#nav :hover ul :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul
{left:95%; margin-top:-26px;}

#nav :hover ul :hover ul.left, 
#nav :hover ul :hover ul :hover ul.left,
#nav :hover ul :hover ul :hover ul :hover ul.left,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul.left,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul.left,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul.left
{left:auto; right:95%; margin-top:-26px;}

#nav :hover ul ul, 
#nav :hover ul :hover ul ul,
#nav :hover ul :hover ul :hover ul ul,
#nav :hover ul :hover ul :hover ul :hover ul ul,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul ul,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px;}

#nav :hover ul ul.left, 
#nav :hover ul :hover ul ul.left,
#nav :hover ul :hover ul :hover ul ul.left,
#nav :hover ul :hover ul :hover ul :hover ul ul.left,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul ul.left,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul ul.left
{left:-9999px; right:auto;}

#nav table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:18px;}
#nav table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-left:-7px;}

#nav table.right {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse;}
#nav table.left {position:absolute; left:auto; right:99%; height:0; width:0; border-collapse:collapse; margin-right:-7px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop-list-columns.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menuHolder {
	margin:0 auto; 
	color:#fff; 
	text-align:left; 
	position:relative; 
	height:50px; 
	z-index:20; 
	background:url(images/red2.png) repeat-x left top;
}
.menuHolder ul.nav li {
	display:inline-block; 
	display:inline;
}
.menuHolder ul.nav {
	padding:0 0 0 2px; 
	margin:0; 
	list-style:none; 
	display:inline-block; 	
	background:url(images/divider.png) no-repeat left center;
}
.menuHolder ul.nav li {
	float:left; 
	display:block; 
	padding:0 4px 0 2px; 
	background:url(images/divider.png) no-repeat right center;
	position:relative;
}
.menuHolder ul.nav li a.top-a {
	display:block; 
	text-decoration:none; 
	margin-top:4px;
	float:left;
}
.menuHolder ul.nav li a.top-a b {
	display:block; 
	padding:0 20px; 
	font:normal 14px/36px arial, sans-serif; color:#fff;
}
.menuHolder ul.nav li a.top-a:hover {
	background:#306 url(images/left-curve.png) no-repeat left top;
}
.menuHolder ul.nav li a.top-a:hover b {
	background: url(images/right-curve.png) no-repeat right top;
}
.menuHolder ul.nav li:hover a.top-a {
	background:#306 url(images/left-curve.png) no-repeat left top;
}
.menuHolder ul.nav li:hover a.top-a > b {
	background:url(images/right-curve.png) no-repeat right top;
}
.menuHolder ul.nav div {
	position:absolute; 
	top:-30000px; 
	left:2px; 
	opacity:0;
	background:#306; 
	padding:5px 0 0 0;
}
.menuHolder ul.nav div.left {
	left:auto; 
	right:4px;
}
.menuHolder ul.nav div ul {
	padding:0; 
	list-style:none; 
	width:140px; 
	margin:10px 5px 0 5px;
	float:left; 
	display:inline; 
	text-align:left; 
	background:#fff;
}
.menuHolder ul.nav div ul.colLeft {
	margin-left:10px;
}
.menuHolder ul.nav div ul.colRight {
	margin-right:10px;
}
.menuHolder ul.nav div ul.colSingle {
	margin-left:10px; 
	margin-right:10px;
}
.menuHolder ul.nav div ul li.liTop {
	float:left; 
	height:8px; 
	padding:0; 
	width:140px; 	
	background:url(images/liTop.png) no-repeat; 
	overflow:hidden;
}
.menuHolder ul.nav div ul li.liBott {
	float:left; 
	height:8px; 
	padding:0; 
	width:140px;
	background:url(images/liBott.png) no-repeat; 
	overflow:hidden;
}
.menuHolder ul.nav div ul li.lnk {
	float:left; 
	background: transparent url(images/dot.png) repeat-x left bottom; 
	margin:0 5px 0 5px; 
	display:inline;
}
.menuHolder ul.nav div ul li.last {
	background:transparent;
}
.menuHolder ul.nav div ul li a {
	display:block; 
	width:105px; 
	text-decoration:none; 	
	font:13px/16px arial, sans-serif; 
	color:#009; 
	margin:0; 
	padding:4px 0 4px 15px; 	
	background:transparent url(images/arrow.png) no-repeat left center;
}
.menuHolder ul.nav div ul li a:hover {
	color:#141; 
	background:transparent url(images/arrow.png) no-repeat 1px center;
}
.menuHolder ul.nav div.col1 {
	width:160px;
}
.menuHolder ul.nav div.col2 {
	width:310px;
}
.menuHolder ul.nav div.col3 {
	width:460px;
}
.menuHolder ul.nav li:hover div {
	top:40px; 
	opacity:1;
}
.menuHolder ul.nav div span {
	display:block; 
	clear:left; 
	height:20px; 
	background:url(images/base.png) no-repeat left bottom; 
	position:relative;
}
.menuHolder ul.nav div span em {
	display:block; 
	width:10px; 
	height:20px; 
	background:url(images/baseR.png) no-repeat right bottom;
	position:absolute; 
	right:0; 
	top:0;
	overflow:hidden;
}

li.v_menu_counter_title {
	font-size: 0.8em;
	color: #000000;
	width: 100%;
	text-align: center;
}

div.v_menu_counter {
	font-size: 2em;
	display: block;
	color: #FFFFFF;
	background-color: #800080;
	font-weight: bold;
	text-align: center;
}

/* To prevent trouble with the width: 100% above (used for IE5) */
html>body span.v_menu_counter {
	width: auto;
}

/* Tabbed pages */
.tabbed_pages {
	float: left;
	width: 100%;
	background: url("images/displayimage.php?image=tab-background-thumb.png") repeat bottom;
}

.tabbed_pages ul {
	list-style: none;
	margin: 0;
	padding: 0.2em 1em 0em 0.3em;
	height: 3.6em;
}

.tabbed_pages li {
	float: left;
	padding: 0 0 0 0.3em;
	background: url("images/displayimage.php?image=tab-left.png") no-repeat left top;
	height: 3.6em;
}

.tabbed_pages a {
	float: left;
	display: block;
	padding: 0.6em 1.5em 0px 0.6em;
	background: url("images/displayimage.php?image=tab-right.png") no-repeat right top;
	height: 3.6em;
}

.tabbed_pages a:hover {
	background: url("images/displayimage.php?image=hover-tab.png") no-repeat right top;
}

.current_tab_page li {
	background: url("images/displayimage.php?image=current-tab-left.png") no-repeat left top;
	padding: 0 0 0 0.2em;
}

.current_tab_page a {
	background: url("images/displayimage.php?image=current-tab-right.png") no-repeat left top;
}

.pane_contents {
	border: 0.1em solid #808080;
}

/* Textarea Wysiwyg */
/* Toolbar */
.toolbar {
	border: 0.1em solid #999999;
	height: 2em;
	background-color:#cccccc; 
}

/* Command Buttons */
.button {
	width: 1.3em;
	height: 1.3em;
	border: 0.1em solid transparent;
	margin: 0;
	padding: 0;
	background: transparent;
}
.closebutton {
	float:right;
	padding: 0.2em;
}
.buttonOver {
	width: 1.3em;
	height: 1.3em;
	border: 0.1em solid #999999;
	margin: 0;
	padding: 0;
}
.separator {
	width: 0.2em;
	border-left: 0.1em solid #eeeeee;
	margin: 0;
	padding: 0;
}

/* others */
.colorpicker, .colorbackpicker, .fontpicker, .headerpicker, .linkdialog {
	position: absolute;
	width: 21.6em;
	background: #eee;
	display: block;
	padding: 0;
	margin-top: 0;
	border: 1px #555 solid;
	line-height: 1.4em
}
.specialpicker, .smileypicker {
	position: absolute;
	width: 21.6em;
	background: #eee;
	display: block;
	padding-top: 2em;
	padding-left: 2em;
	margin-top: 0;
	border: 1px #555 solid;
	line-height: 1.4em
}
.colorpicker a, .colorbackpicker a {
	border:0.1em #fff solid;
	height:1em;
	width:1em;
	font-size:0.01em;
	display:block;
	float:left;
	margin-right:0px;
}
.colorpicker a:hover, .colorbackpicker a:hover {
	border: 0.1em #f00 solid;
}
.fontpicker a, .headerpicker a, .smileypicker a {
	color:#333;
	text-decoration:none;
	background:#eee;
}
.fontpicker a:hover, .headerpicker a:hover, .specialpicker a:hover, .smileypicker a:hover {
	color: #666 
}
.specialpicker a {
	color:#333;
	font-family:arial;
	text-decoration:none;
	background:#eee;
	height:1.3em;
	width:1.2em;
	font-size:1.4em
}
.charbutton {
	width:1.2em;
	height:1.4em;
}
.fancy {
  color: #666;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;
  font-weight: normal;
}

div.album {
	float: left;
}

div.album_picture {
	float: left;
}

.panes_tab {
	height: 38px;
	border-bottom:1px solid #949b9b;
}

.panes_pane {
	border-left: 1px solid #949b9b;
	border-right: 1px solid #949b9b;
	border-bottom: 1px solid #949b9b;
	padding: 5px;		
}

.panes_tab div {
	float: left;
	height: 100%;	/* Height of tabs */
	padding-left: 3px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: bottom left;
	cursor: pointer;
	position: relative;
	bottom: -1px;
	margin-left: 0;
	margin-right: 0;
}
.panes_tab .tab_current {
	background-image: url('images/displayimage.php?image=panes_left_current.png');
	margin-left: 0;
	margin-right: 0;	
	z-index: 10;	
}
.panes_tab .tab_regular {
	background-image: url('images/displayimage.php?image=panes_left.png');
	margin-left: 0;
	margin-right: 0;
	z-index: 1;
}

.panes_tab .tab_regular_hover {
	background-image: url('images/displayimage.php?image=panes_left_hover.png');
	margin-left: 0;
	margin-right: 0;
}
.panes_tab span {
	vertical-align: top;
	font-size: 14px;
	padding-left: 3px;
	padding-right: 3px;		
	line-height: 28px;
	float: left;
}
.panes_tab .tab_current span {
	padding-bottom: 1px;
	line-height: 37px;
}

.panes_tab img {
	float: left;
}

#comments div.comment_all {
	margin: 1px;
	border: 1px solid #84b;
   	border-radius: 10px;
   	-moz-border-radius: 10px;
   	-webkit-border-radius: 10px;
	padding: 1px;
}

#comments div.comment_content {
	border: 0;
	float: left;
}

#comments div.comment_nick {
	border: 0;
	clear: both;
	float: left;
	font-size: 11px;
}

#comments div.comment_time {
	border: 0;
	float: left;
	padding-left: 30px;
	font-size: 11px;
}

#comments div.comment_button {
	border: 0;
	clear: both;
	float: left;
}

#comments div.comment_replies {
	border: 0;
	padding-left: 40px;
	clear: both;
}

#comments div.comment_showall {
	border: 0;
	padding-left: 10px;
	clear: both;
}

#plain_text {
	margin-left: 70px;
	width: 700px;	
}