/* stylesheet v2 */
/* Typography */
body{font-family:Arial, Helvetica, sans-serif; font-size: 67.5%; color: #333;}
p{margin: .5em 0;}
h2{font-size: 1.4em; padding: .2em 0; text-transform:uppercase; }
h3, h4, h5{font-size: 1.2em; padding: .5em 0; margin:1em 0;}
h3{text-transform:uppercase;}
#content h3.subtitle{border: none;  margin: 0; color: #666666;text-transform:none;}
#content h3{margin-top: 2em;}
#sidebar h3{margin: 0;}
h4{border-bottom: 2px solid; border-top: 2px solid; margin: 3em 0 .5em 0;}
#content{font-size: 1.2em; line-height: 1.5em; }
#content p{font-size: 1.1em;}
#content span{font-size: .9em; padding: 0 5px;}
#content a:link, #content a:visited, #content a:active, .prodoc a:link, .prodoc a:visited, .prodoc a:active{border-bottom:1px dotted;}
#content a:link, #content a:active, .prodoc a:link{ color:#92866E;}
#content a:visited, .prodoc a:visited{ color:#A09379;}
#content a:hover, .prodoc a:hover{color:#BFAF93;}
#content h4 a:link, #content h4 a:visited, #content h4 a:hover, #content h4 a:active{color:#333;}
#content ul{padding: 10px; background: #f2f2f2; color:#543C30;}
#content ul.bullet{background: transparent; padding: 10px 20px;}
#content ul.bullet li{list-style:disc; font-weight: normal; }
#content ul li{font-weight: bold; padding: 4px 0; margin: 3px 0;}
#content ul li a:link, #content ul li a:visited, #content ul li a:active{font-weight: bold;color:#A71818; border:none;}
#content ul li a:hover{color:#A73E3E; border: none;}

#footer{color: #ccc; font-size: .9em; }
#footer p{margin: 0;}
#footer a, #footer ul li a:link{color: #ccc; border-bottom: 1px solid #ccc; }
#footer a:hover, #footer ul li a:hover{color:#fff; border-color: #fff;}

/* Divs and classes */
#sidebar h2, #content h2{ margin-bottom: 1px; background: #cc0000; color: #fff;  padding: 0 10px; letter-spacing:1px;}
#sidebar h2{text-align: right;font:  bold 15px/32px  Arial, Helvetica, arial, sans-serif; }
#sidebar ul{padding: 10px; }
#sidebar ul li{text-align: right; padding: 5px 0; font-weight: bold; font-size: 1.1em; } 
#sidebar ul li a{color:#A71818;}
#sidebar ul li a:hover{color:#C71C1C;}


#content h2{font:  bold 15px/32px Arial, Helvetica, arial, sans-serif; }
#calendar{ width:100%;background: #f2f2f2;border-bottom: 2px solid #cc0000;  border-left: 2px solid #cc0000;   border-right: 2px solid #cc0000; text-align: center; font: normal 10px/20px Arial, Helvetica, sans-serif; color: #999;} 
#calendar td{border-right: 1px solid #dedede;	border-bottom: 1px solid #dedede; font-weight: bold;}
#calendar td a{display: block; text-align: center; }
.today{background: #F2f2f2; color: #993333;}
td.today a:link, td.today a:visited{background: #ccc;color: #993333;}
td a:link, td a:visited,td a:active{color:#666;background: #ccc;}
td a:hover{ background: #dedede;color:#663333;}
#calendar caption{background: #eeeeee; border-top: 2px solid #cc0000; border-right: 2px solid #cc0000; border-left: 2px solid #cc0000; padding: 1px 0;  font-weight: bold; font-size: 1.2em; color: #747474;  border-bottom: 1px solid #dcdcdc;}
#calendar caption a{color: #990000;}

th{font: normal Arial, Helvetica, sans-serif;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	text-align: center;
}

#search{ margin: 5px 0; padding: 5px 0;background:  #9E9E9E ;position: relative; }
#search form{background:url(../images/search.gif) no-repeat  left center; padding: 5px ; line-height: .9em; width: 220px;}

input.searchbox{margin-left: 30px; color: #999999; font-size: .8em; font-family: Arial, Helvetica, sans-serif; padding: 2px 1px; width: 150px !important; width /**/: 154px; line-height: .9em;}
.go{background:url(../images/go.gif)no-repeat center left;  position: absolute; top: 12px !important; left: 200px !important; left /**/: 194px; top /**/: 14px;}
.advanced{ display: block; text-align: right; padding: 5px 8px;font-size: .9em;}
a.advanced{color: #666666;}
a:hover.advanced{color: #dedede;}
.pre, .next{color: #999;font-size: 14px; font-weight: normal;}
.pre{margin-right: 20px; }
.next{margin-left: 20px;}

#events{width: 571px !important;width /**/: 575px; background: #f2f2f2; border:2px solid #cc0000; }
#events a{border:none;}
.event_item{padding: 0 22px 5px 10px;border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; background: url("../images/event_bg.gif") repeat-y top right; height: auto;}


#content #events .event_item h2,#content #events .event_item single h2  {line-height: normal; margin:0; padding: 6px 0 4px 0; font-size: 1.1em; background: transparent; text-transform: uppercase; color: #333; }
#content #events .event_item h2 a{color: #333; text-transform: uppercase;}

/*forms */
form p{margin: 15px 0;}
input{padding: 2px 0; }
#content form{background: #f2f2f2; padding: 10px; font-size:.9em; }

#login label{ display:block;  width: 6em;}
#login p{padding-left: 40px;}
#login p.submit{margin: 20px 0;}
#login input{width: 15em; }
#login #mysubmit, #login #cancel{width: auto; padding: 2px 5px; margin-right: 10px;text-align: center;}


/*classes */
.event_item:hover{background: url("../images/event_bg_hov.gif") repeat-y top right;}
.event_item p{margin: 0; padding: 5px 0;}
.date, .place {display: block;}
.date{margin: 0;padding: 2px 0;color: #666; }
.place{padding: 2px 0; font-size: 11px; color: #660000;}

p.description{margin: 12px 0; border-top: 1px solid #dedede; }
p span{font-weight:bold;}
.single{background: none; padding: 6px 10px; text-align:justify;}
.single:hover{background: none;}
.error{color:#990000;}
a.back{display:block; font-size: .8em; font-family: verdana, sans-serif; line-height: 1em; padding: 10px 0; color: #660000;}
a:hover.back{color: #CC0000;}
ul.inline li{display:inline;}
/* PRODOC PAGES */

.prodoc p, .prodoc h3{text-align:justify; line-height: 1.5em;padding: 4px 10px;text-transform: none; }
.prodoc p{line-height: 1.5em; font-size: 1.2em; }

.bg{background: #f5f5f5; border: 1px solid #dedede;}

#pro_pre{ border-collapse:collapse; width:60em; margin: 15px 15px; }
#pro_pre th, #pro_pre td{padding: .1em 1em; border: 1px solid #999; }
#pro_pre th{background: #f7f7f7; text-transform:uppercase; padding: .3em .5em;}
#pro_pre th.year{width:80px;}
#pro_pre td.no_brd{border:none;}
#pro_pre td a:link, #pro_pre td a:visited, #pro_pre td a:active{background: transparent; color: #993333; font-weight: normal;}
#pro_pre td a:hover{color: #CC0000;}

/* POP-UP Calendar */
#popup{border: 1px solid #ccc; padding: 5px;text-align: center; font-size: 1em; font-family: arial, sans-serif;}
#popup table{width: 168px;  margin: 2px;border: 1px solid #dedede;}
#popup table td{border-right: 1px solid #dedede; border-bottom: 1px solid #dedede;}
#popup table td a{background: transparent; border: none;}

#popup table .TESTcpMonthNavigation{border: none;}
#popup table span.TESTcpMonthNavigation{font-size:1em;}
.TESTcpDayColumnHeader{color: #666666; }
 #popup table .TESTcpTodayText, #popup table .TESTcpMonthNavigation{color: #993333; padding: 2px 0;  letter-spacing:1px;}
 #popup table td.TESTcpTodayText{border: none;}
 #popup table a.TESTcpOtherMonthDate, a.TESTcpOtherMonthDate{color: #999;}
 #popup table a:hover.TESTcpOtherMonthDate, a:hover.TESTcpOtherMonthDate{color: #ccc;}
 
 /* Admin Pages  and search pages*/
 .email, .unsubscribe{text-align:right; padding: 0 8px;}
#content p.unsubscribe a{font-size: .9em; border:none;color: #993333;}
#newsmgm fieldset p, #mysearch fieldset p {float: left; margin: 5px 20px;}
#newsmgm input, #mysearch input{margin: 0 5px;}
input.search_text{ width: 15em; margin-left: 20px;}
.fdate {width: 50px;}
#start_year, #stop_year{width: 8em;}
#start_disp, #stop_disp{padding: 0 10px; color: #666;}
#asearch .date_col{width: 5em; margin: 0 10px; clear:left;}

/*Form */
fieldset{border: 1px solid #999; padding: 10px 20px; margin: 10px;}
legend{font-weight: bold;padding: 0 10px; font-size: 1.1em; color: #333;}
label{float: left; margin-right: 5px;width: 10em; }
p.submit{text-align:right; margin-right: 10px;}
.radio{margin: 0 8px;}
.checkbox, #categ{margin: 0 5px;}
.select{width: 15em; float: left; margin:0 5px;}
.select input{margin-right: 5px;}
.narrow label{width: 6em;}
form ul{display: block; margin-left: 11em; }
textarea{width: 100%; margin-top: 5px; height: 18em; overflow:auto;}
#step7 label{width: 20em;}
#start_disp, #stop_disp{padding: 0 10px; color: #666; }
#asearch .date_col{width: 5em; margin: 0 10px; clear:left; }
#asearch label{width: 20em;}

/*User Management */
#users {width:100%;border: 1px solid; }
#users th{background: #f2f2f2; padding: 5px 1px; border-right: 1px solid #666; border-bottom: 1px solid #666;}
#users td{text-align:center; padding: 2px 0;border-right:1px solid #666; border-bottom: 1px solid #666; }
#users td a:link{background: transparent; color: #993333;}
#users td a:hover{color: #CC0000;}

#user_menu ul{border: 1px solid #999;  margin: 3px 0; text-align:right; }
#user_menu ul li{ display: inline; }
#user_menu ul li a{padding: 5px;}
#user_menu span{text-align:right;}

/* Templates with dropdown menu */
#dropdown{ right: 5px; top: 86px;text-align: right;  position: absolute; width: auto; }
.mlddm
{	visibility: hidden;
	margin: 0;
	padding: 0;
	height: auto; text-align: right;}

	.mlddm li
	{	display: inline;
		float: left;
		list-style: none;
		margin: 0;
		text-align: right;
		}

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		margin: 0;
		padding: 4px 10px;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		color: #FFF;
		background-color: #333;
		}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	background-color: #333;
		border-bottom: 4px solid #fff;
		}

		.mlddm ul
		{	position: absolute;
			visibility: hidden;
			margin: 1px 0 0 0;
			padding: 0;
			background-color: #333;
			}
		
			.mlddm ul li
			{	float: none}

			.mlddm ul li a
			{	display: block;
				min-width: 60px;
				width: auto;
				margin: 0;
				padding: 3px 20px 1px 20px;
				font-weight: normal;
				text-align: center;
				color: #FFF;
				background-color: #333;
				border: 4px solid #333;
				border-width: 4px 0px;
					border-top-color: #333;
			}

			.mlddm ul li a:hover
			{	
				background: #333;
				border: 4px solid #fff;
				border-width: 4px 0px;
				border-top-color: #333;}
