/* CSS Document */

/* LAYOUT */
body {margin:0; background-color:#d5d5d5; behavior:url("../js/csshover.htc");}
#header {background:#FFFFFF url(../images/design/wrench.gif) no-repeat 20px 40px; height:120px;}	
#header h1 {text-indent:-4000px;}

#login {position:absolute; right:0; top:10px; width:170px; background-color:white;}
#login label {font-size:.7em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999;}
#login input {font:.7em Verdana, Arial, Helvetica, sans-serif; color:#666666; margin:0; padding:2px; border:1px solid #CCCCCC;}
#login a {font-size:.7em; color:#666666; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px 12px 0 0;}

.logged_in { font-size:80%;font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; line-height:.8em; font-weight:bold; padding-right:20px;}
.logged_name {color:#333333;}

#nav {background:#232323 url(../images/design/nav_back.gif) repeat-x bottom;  position:relative; float:left; width:100%; font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:1em; }
#nav ul, #nav li {margin:0; padding:0; list-style-type:none;}
#nav ul {padding-left:27px;}
#nav li {position:relative; float:left; display:inline;}
#nav a {text-decoration:none; color:#FFFFFF; display:block; padding:15px 15px 16px 15px; }
#nav a:hover {background:#464646 url(../images/design/nav_back.gif) repeat-x bottom;}
#nav li.active {background: transparent url(../images/design/nav_active.gif) repeat-x bottom center;}
#nav li.active a:hover {background:#464646 url(../images/design/nav_active_hover.gif) repeat-x bottom center;}

#content {width:900px; padding:25px; position: relative; float:left;}

/* INDEX */

#events, #coming_soon, #news {position:relative; float:left;}	
#events {width:410px; margin: 30px 20px 0 0; background-color:#b1b1b1; padding:10px;}
#events img {position:absolute; top:-25px; left:-6px;}
#events table {border:15px solid #FFFFFF; background-color:#FFFFFF;}
#events td {padding:10px 3px; font:.7em/1.2em Verdana, Arial, Helvetica, sans-serif; border-top:1px solid #CCCCCC; vertical-align:top; color:#666666;}
#events table td a:link {color:#000000;}
#events tr.no_border td {border-top-width:0px;}
#events tr.allevents td {padding: 0px; margin: 0px; vertical-align: top; border-top-width:0px;}
.event_date {width:4em;}
.event_time {width:1px;}
.event_time2{width:1px;}
#events table td a:link {text-decoration:none; color:#990000;}
#events table td a:visited {text-decoration:none; color:#990000;}
#events table td a:hover {color:#000000; border-bottom:1px solid #666666;}

#coming_soon {width:430px; margin: 30px 0px 0 0; background-color:#b1b1b1; padding:10px;}
#coming_soon_img {position:absolute; top:-27px; left:-5px;}
#coming_soon h3 {font:1.5em/1.0em Helvetica,Arial, sans-serif; font-weight:bold; color:#FFFFFF;margin: 20px 0 0 0;}
#coming_soon h4 {color:#838383; font:1.5em/1.0em Helvetica,Arial sans-serif; font-weight:bold; margin:0;}

#news {position:relative; float:left; width:430px; padding:10px; margin-top:20px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666;}
#news h3 {color:#333333; font:1em/1em Helvetica, Arial, sans-serif; font-weight:bold; margin-bottom:0;}
#news h5 {font-size:.6em; font-style:normal; font-weight:100; margin-top:0;}
#news p {font-size:.7em; line-height:1.2em;}

/* SUBPAGES */

#subpage_title {color:#333333; font:1.8em Helvetica, Arial, sans-serif; font-weight:bold; margin-bottom:0; padding-bottom:0;}
#subpage_content {font:.8em/1.5em Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; border:10px solid #b1b1b1; padding:25px; margin-bottom:50px; position:relative; float:left; }
#subpage_content p, #subpage_content h1, #subpage_content h2, #subpage_content h3, #subpage_content h4, #subpage_content h5, #subpage_content h6 {width:700px;}
#subpage_content table {width: 600px; border:15px solid #FFFFFF; background-color:#FFFFFF;}
#subpage_content td {padding:10px 3px; font:1.2em Verdana, Arial, Helvetica, sans-serif; border-top:1px solid #CCCCCC; vertical-align:top; color:#666666;}
#subpage_content table td a:link {text-decoration:none; color:#990000;}
#subpage_content table td a:visited {text-decoration:none; color:#990000;}


#footer {clear:both; background-color: #B1B1B1; color:#838383; font:.9em Helvetica, Arial, sans-serif; padding:15px; letter-spacing:.1em; text-transform:capitalize;}

/* POPUP EVENT VIEW/EDIT */

#popup { width: 280px; }


.form_labels		{ font-size:10px; font-family:verdana, arial, helvetica }
.add_new_header		{ font-size:16; font-family:verdana, arial, helvetica; font-weight:bold }
.delete_pg_txt		{ font-size:14px; font-family:verdana, arial, helvetica }

.display_header		{ font-size:16px; font-family:verdana, arial, helvetica; font-weight:bold }
.display_title		{ font-size:11px; font-family:verdana, arial, helvetica; color:#FFFFFF; font-weight:bold }
.display_txt		{ font-size:12px; font-family:verdana, arial, helvetica; color:#000000 }
.display_user		{ font-size:10px; font-family:verdana, helvetica, arial; color:#999999; font-weight:bold }
.display_title_bg	{ background-color:#2663E2 }
.display_txt_bg		{ background-color:#EDECD8 }
.eventContents   { display: none; width: 300px; height: 400px; min-height: 100px;}
.eventlabel   { margin: 0px; padding: 0px; }
h4 { color:#999999; font:1.5em Helvetica,Arial sans-serif; font-weight:bold; margin:0;}

.newEventContents   { display: none; }

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../images/arrow_black.gif');
	width:20px;
	position:relative;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	left:20px;	/* Same as border thickness */
	border:10px solid black;
	top:0px;
	position:absolute;
	width:320px;
	/* width:expression(this.scrollWidth > 320 ? "320px" : "auto"); */
	overflow: auto;	/* Hide overflow content */
  	/* height: 300px; */
	height:expression(this.scrollHeight > 380 ? "380px" : "auto");
	max-height: 380px; 
	background-color:#CCCCCC;	/* Background color */
	padding:17px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	
	z-index:1000001;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
#ajax_tooltipObj h4 {color:black; text-align:left;}
#popup {font-size:.7em;}

#joinlist {font:.9em Verdana, Arial, Helvetica, sans-serif; color:#666666; margin:0; padding:2px; border:2px solid #CCCCCC; }
#adduser {font:.9em Verdana, Arial, Helvetica, sans-serif; color:#666666; margin:0; padding:2px; border:1px solid #CCCCCC; }
.addlink {font:12px Verdana, Arial, Helvetica, sans-serif; color:#990000; }
#blog { border: 1px solid #999999; padding: 15px; margin-bottom: 20px}

input { border: 1px solid black; font:11px Verdana, Arial, Helvetica, sans-serif;  }
textarea { border: 1px solid black; font:11px Verdana, Arial, Helvetica, sans-serif; width: 90%  }
select { border: 1px solid black; font:11px Verdana, Arial, Helvetica, sans-serif; }