/* =============== page shape & design =============== */

body
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url('../images/back.png');
	background-repeat: repeat;
	background-color: #A6DCCB;
}

table.page
{
	min-width: 779px;
	min-height: 631px;
	width: 779px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	empty-cells: show;
	border-spacing: 0px;
	border: solid 1px #ABC;
	border-style: none solid none solid;
	padding: 0px 1px 1px 1px;
}

table.page, table.page td
{
	vertical-align: top;
}

table.page td
{
	padding: 0px;
	margin: 0px;
}

/* developing */
/*table.page, table.page td
{
	border-collapse: collapse;
	border: solid 1px black;
	vertical-align: top;
}*/

table.page tr.head
{
/* 	height: 80px; */
}

table.page tr.body
{
	min-height: 531px;
}

table.page tr.foot
{
/* 	height: 20px; */
}

table.page td.left
{
	width: 120px;
}

table.page .hspacer
{
	width: 12px !important;
	height: 100% !important;
	background-image: url(../images/dots-vert.png);
	background-repeat: repeat-y;
	background-position: center;
}

table.page .vspacer
{
	width: 100%  !important;
	height: 6px !important;
}

table.page td.right
{
	width: 150px;
}

/* =============== overall design =============== */

*
{
	font-size: 9pt;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 8pt;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

a:link, a:visited {
  font-family      : "Trebuchet MS", Verdana, sans-serif;
  font-size        : 9pt;
  color            : #950000;
  text-decoration  : none;
}

hr {
	background: #6D89BB;
	border-style: none;
	height: 1px;	
	width: 95%;
}

form {
	padding: 0px;
	margin:0px;
}

.more
{
	text-align: right;
}

.more a {
	font-family: "Trebuchet MS", Arial;
	font-weight: bold;
	padding: 1px 0px 0px 4px;
	margin: 2px 0px 0px 2px;
	text-decoration: underline;
}

/* =============== menus design =============== */
.left table
{
	border-spacing: 0px;
}

.left a
{
	text-decoration: none;
}
/* =============== left menu design =============== */
a.mainlevel
{
	display: block;
	padding: 2px 0px 2px 20px;
	margin: 0px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, serif;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
/* 	border-top: solid 1px #EEE; */
	border-bottom: solid 1px #EEE;
	border-spacing: 0px;
	border-collapse: collapse;
	background-image: url('../images/menu.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	color: #303030;
}

a.mainlevel:hover
{
	color: #606060;
	background-image: url('../images/menu-high.png');
}

a.mainlevel#active_menu
{
	background-image: url('../images/menu-active.png');
	background-position: 5px center;
	color: #303030;
	background-color: #F0F0F0;
}

a.sublevel
{
	display: block;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, serif;
	font-size: 8pt;
	padding: 1px 0px 1px 25px;
	margin: 0px;
	text-align: left;
	background-image: url('../images/menu2.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #303030;
}

a.sublevel:hover
{
	color: #505050;
	background-image: url('../images/menu2-high.png');
}

a.sublevel#active_menu
{
	background-image: url('../images/menu2-active.png');
	background-color: #F8F8F8;
}

/* =============== top menu design =============== */
ul#mainlevel-nav {
	list-style       : none;
	margin           : 0;
	font-size        : 7pt;
	height: 100%;
	vertical-align: middle;
	padding-top: 10px;
}
ul#mainlevel-nav li {
	display          : block;
	background-image : none;
	padding-left     : 1px;
	padding-right    : 1px;
	float            : right;
	margin           : 0;
	width            : auto !important;
	font-size        : 8pt;
	line-height      : 22px;
	white-space      : nowrap;
}

ul#mainlevel-nav li a {
	font-weight      : bold;
	display          : block;
	padding-left     : 12px;
	padding-right    : 12px;
	text-decoration  : none;
	color            : #994411;
	background       : transparent;
}
ul#mainlevel-nav li a:hover {
	color            : #FFFFFF;
	text-decoration  : none;
}

/* =============== imglink design =============== */

table.imglink
{
	width: 100%;
}

a#imglink-1,a#imglink-2,a#imglink-3,a#imglink-4
{
	display: block;
	height: 80px;
	text-decoration: none;
	border-style: none;
}

a#imglink-1
{
	background-image: url(../images/imglink/imglink-0-0.jpg);
	width: 200px;
}
a#imglink-1:hover
{
	background-image: url(../images/imglink/imglink-h-0-0.jpg);
}

a#imglink-2
{
	background-image: url(../images/imglink/imglink-0-1.jpg);
	width: 150px;
}
a#imglink-2:hover
{
	background-image: url(../images/imglink/imglink-h-0-1.jpg);
}

a#imglink-3
{
	background-image: url(../images/imglink/imglink-0-2.jpg);
	width: 300px;
}
a#imglink-3:hover
{
	background-image: url(../images/imglink/imglink-h-0-2.jpg);
}

a#imglink-4
{
	background-image: url(../images/imglink/imglink-0-3.jpg);
	width: 129px;
}

a#imglink-4:hover
{
	background-image: url(../images/imglink/imglink-h-0-3.jpg);
}

/* =============== modules design =============== */

table.moduletable
{
	font-size: 9pt;
	width: 100%;
	table-layout: auto;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-bottom: 5px;
	display: table;
}

table.moduletable th, .componentheading {
	font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	text-transform: uppercase;
	text-align: left;
	color: #500101;
	padding:4px 0px 2px 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #F9FAF9;
	background-color: #FBFCFB;
}
/* - left */
/* - main */
.main table.moduletable
{
	font-size: 10pt;
}
/* - right */
.right table.moduletable, .right table.moduletable th
{
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #FF5500;
}

.right table.moduletable th
{
	background-color: #ff7c10;
	color: #FFFFFF;
}

.right table.moduletable td
{
	padding: 2px 4px 10px 4px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: white;
}

.right table.moduletable td ul
{
	padding-left: 0px;
	text-align: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* =============== banner design =============== */

td.banner img,td.banner a
{
	vertical-align: top;
	text-align: left;
	text-decoration: none;
	border-style: none;
	margin: 0px;
	padding: 0px;
}

.banner img {
	width: 779px;
	height: 80px;
}

/* =============== search design =============== */

div.search, div.search input
{
	font-size: 7pt;
}

div.search
{
	display: inline;
	padding: 0px 5px 0px 5px;
}

div.search input
{
	margin-top: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #775500;
	background-color: #EECCAA;
}

/* =============== pathway design =============== */

.pathway {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: white;
}

span.pathway {
	padding-right: 10px;
}

a.pathway:link, a.pathway:visited {
  color            : #FFCC55;
  text-decoration  : none;
}

table.status-upper
{
	background-image: url(../images/back-path.png);
}

table.status-upper td
{
	vertical-align: bottom;
	padding-bottom: 3px;
}

.date span {
	padding-left: 10px;
	font-size: 8pt;
	color: white;
}

/* =============== sitetitle design =============== */

.sitetitle {
	height: 46px;
	font-family: "Trebuchet MS";
	font-size: 14pt;
	font-weight: bold;
	color: #99DDBB;
	vertical-align: bottom;
	padding-bottom: 5px;
}

.sitetitle span {
	padding-bottom: 5px;
}

.siteslogan {
	color: #007755;
	font-size: 14px;
	font-style: italic;
	padding: 5px 5px 5px 0px;
}

/* =============== concerts design =============== */
/* general */

div.concerts
{
	font-size: 11pt;
}

.concerts dt {
	font-weight: bold;
	color: #802000;
	border-bottom: solid 1px #802000;
	padding-left: 10px;
}

.concerts dd {
	font-weight: normal;
	color: #333;
	font-size: 8pt;
}

.concerts span.short {
	font-style: italic;
	font-weight: normal;
	color: black;
	text-align: justify;
}

.concerts div.description {
	font-weight: normal;
	color: #576;
	text-align: justify;
}

.concerts .link
{
	padding-top: 5px;
	padding-left: 10px;
}

.concerts dt.canceled
{
	background-color: #EAA;
	text-decoration: line-through;
	background-image: url(../images/canceled.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

.concerts dt sup
{
	font-size: 6pt;
}

/* notice */
.moduletable .concerts dt {
	font-size: 8pt;
	margin-bottom: 1px;
}

.moduletable .concerts dd {
	font-size: 8pt;
	margin-left: 10px;
	margin-bottom: 5px;
}

.moduletable .concerts span.short {
	font-size: 8pt;
	margin-left: 20px;
}

.moduletable .concerts div.description {
	font-size: 8pt;
	margin-left: 10px;
}

/* main-notice */

.main .concerts {
	background-color: #EEE;
	border: solid 1px #DDD;
	padding: 0px 4px 0px 4px;
}


.main .concerts dt {
	font-size: 8pt;
	margin-bottom: 3px;
}

.main .concerts dd {
	display: block;
	font-size: 9pt;
	margin-left: 40px;
	margin-bottom: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

.main .concerts span.short {
	font-size: 8pt;
	margin-left: 40px;
}

.main .concerts div.description {
	font-size: 8pt;
	margin-left: 40px;
	margin-top: 5px;
	margin-bottom: 0px;
}

/* right-notice */
/* full */
.contentpane .concerts
{
	background-color: transparent;
	border-style: none;
}

.contentpane .concerts th
{
	background-color: #ACB;
	color: #FFE;
	border: solid 1px #8A9;
}

.contentpane .concerts td
{
	padding: 10px 20px 40px 50px;
}

/* =============== content design =============== */

a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family      : Arial;
	font-size        : 12px;
	font-weight      : bold;
	color            : #346716;
	text-align       : left;
	padding          : 1px;
	border-bottom    : none;
}

a.contentpagetitle:hover {
  color            : #5C5C23;
}

.contentpaneopen td, .contentpane td {
  font-family: "Trebuchet MS",Arial, sans-serif;
  font-size        : 9pt;
  text-align       : left;
}

td.contentheading {
  font-family      : "Trebuchet MS", Arial, sans-serif;
  font-size        : 12pt;
  font-weight      : bold;
  color            : #66CC44;
  text-align       : left;
  padding-top      : 7px;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableentry1 {
  background-color: transparent;
  margin           : 1px;
  padding          : 10px;
  font-size: 8pt;
  border: solid 1px #DDDDDD;
 }

.sectiontableentry2 {
  background-color: transparent;
  margin           : 1px;
  padding          : 10px;
  font-size: 8pt;
  border: solid 1px #EEEEEE;
 }

.sectiontableheader {
  background-color : #6D89BB;
  color            : #FFFFFF;
  height           : 20px;
  font-size: 8pt;
  font-family: "Trebuchet MS", Verdana, sans-seriff;
  font-weight      : bold;
  padding-left     : 5px;
  padding-right    : 50px;
  border-bottom    : 2px solid;
}

/* ###################### SMALL FONT SETTINGS ###################### */

.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #303030;
  text-decoration  : none;
  font-weight      : normal;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
}

.contentpaneopen li
{
	list-style-type: square;
}

.contentpaneopen li
{
	list-style-type: square;
}

/* ###################### TABLE OF CONTENT SETTINGS ###################### */

.contenttoc {
  background-color : #f0f0f0;
  border           : solid 1px #777777;
  padding          : 5px;
  margin           : 5px;
}

a.toclink:link, a.toclink:visited {
  color            : #707070;
  border-bottom    : none;
}

a.toclink:hover {
  border-bottom    : 1px dashed #707070;
}

/* ###################### DATE TIME SETTINGS ###################### */
.createdate {
  font-style       : italic;
}

/* ###################### OTHER SETTINGS ###################### */
.blog_more {
  font-size        : 14px;
  font-weight      : bold;
  font-style       : italic;
  text-align       : left;
  padding-top      : 10px;
  padding-left     : 15px;
}

.readon {
  font-family      : Arial, Verdana, "Trebuchet MS";
  font-size        : 10px;
  font-weight      : bold;
  text-align       : left;
  padding-left     : 17px;
  padding-top      : 5px;
  border-bottom    : 1px solid;
}

 table.moduletable-ctc
{
width:100%;
font-size: 10pt;
font-style: italic;
}

#home-cds
{
width: 100px !important;
height: 100px !important;
}