@charset "UTF-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	font: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px;
	behavior: url("/scripts/csshover3.htc"); 
	}

h1 { font-size: 18px; color: #333333; margin: 0px 18px; }
h2 { font-size: 16px; color: #333333; margin: 0px 18px; }
h3 { font-size: 14px; margin: 0px 18px; color: #333333; }
p { font-size: 12px; color: #333333; margin: 18px; }
p a { font-weight: bold; color: #333333; }
p a:hover { color: #333333; }

#form h1 { font-size: 18px; color: #ffffff; margin: 0px auto 10px auto; }
#form h2 { font-size: 16px; color: #ffffff; margin: 0px auto 10px auto; }
#loginform h2 { font-size: 16px; color: #ffffff; margin: 0px auto 10px auto; }
#form h3 { font-size: 14px; margin: 0px auto 10px auto; color: #ffffff; }
#form p {color: #ffffff; text-align: center;}
#form p a {color: #cccccc; }
#form p a:hover {color: #ffffff; }

	
#wrapper { width: 960px; margin-left: auto; margin-right: auto; text-align:left; background-image:url(/images/bodybg.jpg); background-position: top right; background-repeat: no-repeat; }

	#wrapper .alert { color: #000000; font-size: 12px; font-weight: bold; margin-top: 10px; }
		#wrapper .alert a { color: #CC0000; }

#footer { width: 960px; margin: 10px auto; text-align:center; font-size: 10px; color: #333333;}

#header { width: 100%; text-align: left; padding: 0px 0px 10px 10px; height: 120px; }

#topstrip { width: 40%; color: #FFFFFF; font-weight: bold; font-size: 12px; background-color: #CC0000; margin: -2px 0px 0px 60%; padding: 2px; background-image: url(/images/topstrip-bg.jpg); background-position: top; background-repeat: repeat-x;}
	#topstrip a { color: #FFFFFF; text-decoration: none; padding: 0px; font-weight: bold; font-size: 12px; }
	#topstrip a:hover { color: #000000; }
	#topstrip-r { width: 100%; text-align: left; }
		#topstrip-r ul { list-style: none; margin-top: -16px; margin-bottom: 2px; }
			#topstrip-r ul li { display: inline; margin-right: 18px;  }

/* topglass */
table.topglass { width: 100%; color: #ffffff; margin-left:auto; margin-right:auto; }
td.topglass-l {background-image:url(/images/topglass.png); background-position: top left; height: 17px; background-repeat: no-repeat; width: 350px;}
td.topglass-m {background-image:url(/images/topglass.png); background-position: top center; height: 17px; background-repeat: no-repeat;}
td.topglass-r {background-image:url(/images/topglass.png); background-position: top right; height: 17px; background-repeat: no-repeat; width: 350px;}

table.flattopglass { width: 100%; color: #ffffff; margin-left:auto; margin-right:auto; }
td.flattopglass-l {background-image:url(/images/topstrip-glass.png); background-position: top left; height: 22px; background-repeat: no-repeat; width: 150px;}
td.flattopglass-m {background-image:url(/images/topstrip-glass.png); background-position: top center; height: 22px; background-repeat: no-repeat;}
td.flattopglass-r {background-image:url(/images/topstrip-glass.png); background-position: top right; height: 22px; background-repeat: no-repeat; width: 150px;}
		
/* NAVBAR STYLES */
#navbar { width: 100%; padding: 2px; background-image: url(/images/blubg.jpg); background-position: top; background-repeat: repeat-x; height: 30px;background-color: #0000FF; font-size: 14px; font-weight: bold; position:relative; z-index:100;}

#nav {margin: -12px 0px 0px -30px; float: left; list-style-type: none; }

#nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; }

#nav a{ display:block; padding:2px 10px; color:#fff; text-decoration:none; }

#nav a:hover{ background-color:#fff; color:#333; }

#nav li{ float:left; position:relative; }

#nav ul { position:absolute; display:none; width:180px; top:1.5em; font-size: 12px; background-color: #0000FF; padding-bottom: 4px; }

#nav li ul a{ width:160px; height:auto; float:left; }

#nav ul ul{ top:auto; }	

#nav li ul ul { left:12em; margin:0px 0 0 10px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; }

/* common styling */

/*#nav ul li a, #nav ul li a:visited {display:block; text-decoration:none; margin-left: 20px; text-align:center; color:#ffffff; line-height:20px; overflow:hidden; font-weight: bold;}
#nav ul {padding: 10px 0px 5px 10px; margin-top: -22px; margin-bottom: -8px; list-style: none; float:left;}
#nav ul li {float:left; position:relative;}
#nav ul li ul {display: none; margin-top: 0px;}*/

/* specific to non IE browsers */
/*#nav ul li:hover a {color: #FFCC00; }
#nav ul li:hover ul {display:block; position:absolute;}
#nav ul li:hover ul.submenu {background-color: #8585FF; margin-left: -20px; font-size: 12px; border: 1px solid #0000FF; border-top: none; background-image: url(/images/navdownbg.jpg); background-position: top left; background-repeat: repeat-x;}
#nav ul li:hover ul li a.hide { color:#fff;}
#nav ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
#nav ul li:hover ul li a {display:block; color: #FFFFFF; width: 160px; text-align: center;  margin-left: 10px; }
#nav ul li:hover ul li a:hover { color:#FFCC00;}*/

/* END NAV MENU STYLES */

#form { width: 70%; background-color: #000000; margin: 10px auto; padding: 2px 2px 10px 2px; background-image: url(/images/blkbg.jpg); background-position: top; background-repeat: repeat-x; text-align:center; }
#loginform { width: 50%; background-color: #000000; margin: 10px auto; padding: 2px 2px 10px 2px; background-image: url(/images/blkbg.jpg); background-position: top; background-repeat: repeat-x; text-align:center; }
#regform { width: 90%; background-color: #000000; margin: 10px auto; padding: 2px 2px 10px 2px; background-image: url(/images/blkbg.jpg); background-position: top; background-repeat: repeat-x; text-align:center; }

	table.form { width: 90%; margin-left: auto; margin-right: auto; }
	#form table td { vertical-align: top; }
		td.label { font-size: 12px; color: #ffffff; width: 50%; font-weight: bold; text-align: right; padding-top: 6px; padding-right: 4px; }
		td.input { width: 50%; text-align: left; padding-left: 4px; font-size: 12px; }
		td.input input { width: 50%; font: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
		td.submit { width: 50%; text-align: left; padding-top: 6px; padding-left: 4px; }
		td.input textarea { width: 90%; font: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
		td.c-white { text-align: center; font-size: 12px; font-weight: normal; color: #FFFFFF; }
		td.c-white a {color: #CC0000;}

#requiredfield { color: #CC0000; }

ul.err li { font-size: 12px; color:#000000; font-weight: bold; } 
ul.err li a { color: #CC0000; }

#bodycontent {}

/* =============================================== LEFT BODY CONTENT DIV IDs =============================================== */
	#leftbody {
		width: 660px;
		float: left;
		text-align: left;
		}
		
		#welcomebox {
			background-image: url(/images/content-bg.jpg);
			background-position: top;
			background-repeat: repeat-x;
			background-color: #FFF8DE;
			width: 650px;
			padding: 2px;
			text-align: left;
			margin-top: 4px;
			}
			
			#welcomebox h1 {
				color: #000000;
				font-size: 16px;
				margin-top: 0px;
				margin-bottom: 10px;
				}
			
			#welcomebox p {
				margin-top: 0px;
				font-size: 12px;
				}
			
			#welcomebox img {
				float: right;
				margin: 20px;
				}
				
		#contentbox {
			background-image: url(/images/content-bg.jpg);
			background-position: top;
			background-repeat: repeat-x;
			background-color: #FFF8DE;
			width: 650px;
			margin-top: 10px;
			text-align: left;
			padding: 2px;
			}
			
			#contentbox h1 {
				color: #000000;
				font-size: 16px;
				margin-top: -10px;
				margin-bottom: 10px;
				}
			
			#contentbox h2 {
				color: #000000;
				margin-top: 0px;
				font-size: 14px;
				}
				
				#contentbox h1 a {color: #000000; text-decoration: none;}
				#contentbox h1 a:hover {color: #666666;}
				#contentbox a {color: #990000; text-decoration: none; }
			
			#contentbox p.byline {
				margin-top: 10px;
				color: #333333;
				font-weight: bold;
				}
			
			#contentbox p.byline strong {
				color: #990000;
				}
			
			#contentbox p {
				margin-top: 0px;
				padding-left: 20px;
				padding-right: 20px;
				font-size: 12px;
				color: #333333;
				}
				
			#contentbox img {
				float: right;
				margin: 0px 20px 40px 20px;
				width: 120px;
				height: auto;
				}
			
			#contentbox ul li {
				font-size: 12px;
				}
				
			#contentbox .rsvptxt {float:right; margin-right: 10px; margin-top: -10px; text-align: center;}
			#contentbox .rsvptxt1 {font-size: 12px; color: #990000; font-weight:bold;}
			#contentbox .rsvptxt1 a {color: #333333;}
			#contentbox .rsvptxt2 {font-size: 12px; color: #333333; font-weight:bold;}
			#contentbox .rsvptxt2 a {text-decoration: underline;}
				
				#morelink {
					font-size: 12px;
					font-weight: bold;
					color: #990000;
					text-align: right;
					margin-right: 20px;
					margin-bottom: 10px;
					}
	
	#mapview { width: 100%; text-align: center;}
	#mapview img { width: 500px; height: 300px; margin: 0px 70px 10px 10px; }
	
	/*#commentform { width: 80%; margin: 10px 10%; border: 1px solid #333333; background-color: #ffffff; }*/
	#commentform { width: 80%; margin: 10px 10%; }
		#commentform p { font-size: 12px; font-weight: bold; margin-left: 5%; margin-bottom: 0px; margin-top: 20px; padding: 0px; }
		#commentform textarea { width: 90%; margin: 0px 5%;}
		#commentform input { margin-right: 5%; margin-top: 4px; margin-bottom: 10px;}
		
	#commentlist p {}
	#commentlist p { font-size: 12px; font-weight: bold; color: #990000; padding-top: 20px; border-top: 1px solid #333333;}
		
	#commentinfo { width: 80%; margin: 10px 10%; font-size: 11px; font-weight: bold; text-align: right; padding-top: 0px;  }
	#comment { width: 80%; margin: 10px 10%; font-size: 12px; padding: 10px; background-color: #FFFFFF; }
	
/* =============================================== RIGHT BODY CONTENT DIV IDs =============================================== */
	#rightbody {
		width: 300px;
		float: right;
		text-align: center;
		}
		
		#widgetdiv {
			background-image: url(/images/widget-bg.jpg);
			background-position: top;
			background-repeat: repeat-x;
			background-color: #990000;
			padding: 2px 2px 10px 2px;
			margin: 5px 0px;
			color: #FFFFFF;
			}
			
			#widgetdiv h1 { color: #FFFFFF; font-size: 16px; padding: 0px; margin: -16px auto 10px auto;}
			#widgetdiv h2 { color: #FFFFFF; font-size: 14px; text-align: left;}
			#widgetdiv p { color: #FFFFFF; text-align: left; }
			#widgetdiv a { font: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; color: #FFCC00; text-decoration: none; font-size: 12px; }
			#widgetdiv a:hover { color: #CCCCCC;}
			#widgetdiv td {padding:0px;}
			
			#widgetdiv table.gallery { border-spacing: 10px; margin: 0px auto;}
			#widgetdiv td.thumbnail { width: 80px; height: 60px; background-color: #FFFFFF; border: 2px solid #FFFFFF; margin: 5px; background-position: center; background-repeat: no-repeat; }
			#widgetdiv td.thumbnail:hover { border: 2px solid #FFCC00; }
					
			#joinbox {
				width: 70%;
				margin-left: auto;
				margin-right: auto;
				text-align:right;
				}
			
				#joinbox label {
					font-size: 12px;
					font-weight: bold;
					color: #FFFFFF;
					}
					
				#joinbox input {
					width: 100px;
					margin-top: 4px;
					height: 12px;
					}
				
				.signupbutton {
					background-image: url(/images/jointodaybutton-bg-over.jpg);
					background-position: top;
					background-repeat: repeat-x;
					padding: 0px;
					font-size: 11px;
					font-weight: bold;
					background-color: #ffffff;
					border: 1px solid #cccccc;
					color: #333333;
					margin: 10px auto;
					}
				.signupbutton:hover {
					background-image: url(/images/jointodaybutton-bg.jpg);
					border: 1px solid #666666;
					background-color: #cccccc;
					color: #ffffff;
					}
		#promobuttons {
			}			

			#debtclock {
				background-image: url(/images/blankbutton.jpg);
				background-position: top center;
				background-repeat: no-repeat;
				height: 100px;
				}		
				
				#debtclock h1 {
					margin-top: 0px;
					margin-bottom: 0px;
					padding-top: 20px;
					font-size: 20px;
					color: #000066;
					}
				
				#debtclock p {
					margin-top: 10px;
					font-size: 20px;
					color: #990000;
					}
					
	#eventlist { color: #FFFFFF; font-size: 12px; text-align: left;}
	#eventlist a { font-size: 12px; font-weight: bold; color: #FFCC00; }
	#eventlist ul li {margin: 5px 10px 5px -16px; list-style-type: none; }
		
	#polltitle { font-size: 14px; font-weight: bold; margin: 0px 10px;}
	#pollquestion { font-size: 12px; font-weight: normal; margin: 5px 20px; text-align: left; }
	#pollchoices { font-size: 12px; font-weight: bold; margin: 5px 30px; text-align: left; }
		#alreadyvoted {color: #FFCC00; font-size: 12px; font-weight: bold; }
		#pollchoices a { font-size: 12px; font-weight: bold; color: #FFFFFF; margin: 0px; padding: 0px; }
		#pollchoices a:hover { color: #000000; }
		
#mini-photo-widget ul { margin-left: -25px;}
#mini-photo-widget li { font-size: 10px; width: 88px; height: auto; display:inline; list-style:none; float:left; text-align:center;}
#mini-photo-widget img {width: 80px; height:auto; margin: 2px; padding:2px; border: none;}
#mini-photo-widget img:hover {background-color: #FFFFFF;}

#filebox { width: 80px; height: 80px; margin-left: 10px; float:left; background-image: url(/images/box.jpg); background-position: top; background-repeat: no-repeat; text-align: center; padding: 30px 5px 0px 5px; color: #000000; font-size: 12px; font-weight: bold; }
#filebox a { color: #000000; }
#filebox a:hover { color: #000099; }

/*	#filebox { color: #FFFFFF; font-size: 14px; text-align: left;}
	#filebox a { font-size: 14px; font-weight: bold; color: #FFCC00; }
	#filebox ul li {margin: 5px 10px 5px -16px; list-style: none; display:inline; text-align: center; width: 80px; height: 80px; background-image: (/images/box.png); background-position: top; background-repeat: no-repeat; } */

/* =============================================== MEMBER SECTION STYLES =============================================== */

#navbar-admin { width: 99%; padding: 2px; background-image: url(/images/blubg.jpg); background-position: top; background-repeat: repeat-x; height: 30px;background-color: #0000FF; font-size: 14px; font-weight: bold; position:relative; z-index:100;}


#membersection {
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
	}

	table.whiteform { width: 90%; margin-left: auto; margin-right: auto; margin-top: 10px; }
	table.whiteform td { vertical-align: top; }
		table.whiteform td.label { font-size: 12px; color: #333333; width: 40%; font-weight: bold; text-align: right; padding-top: 6px; padding-right: 4px; }
		table.whiteform td.input { width: 60%; text-align: left; padding-left: 4px; font-size: 12px; }
		table.whiteform td.input input { width: 50%; font: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
		table.whiteform td.submit { width: 50%; text-align: left; padding-top: 6px; padding-left: 4px; }
		table.whiteform td.input textarea { width: 90%; font: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }

.success { color: #cc0000; font-size: 14px; font-weight: bold; margin: 10px; }

table.admindata {
	width: 98%;
	font-size: 11px;
	}
	table.admindata td {
		padding: 2px;
		}

tr.admintitlerow td {
	font-weight: bold;
	background-color: #000066;
	color: #FFFFFF;
	}
td.actionbutton input {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

#mini-photo li { font-size: 10px; width: 120px; height: 240px; display:inline; list-style:none; float:left; text-align:center;}
#mini-photo img {width: 100px; height:auto; margin: 10px;}

#mini-file li { font-size: 10px; width: 120px; height: 240px; display:inline; list-style:none; float:left; text-align:center;}
#mini-file img {width: 100px; height:auto; margin: 10px;}

#clear { clear: both; }

/* IE PNG FIX HACK */
img, div, a, input { *behavior: url(/images/iepngfix.htc) }

/* IE HACKS IE 7 and below have an * before the attribute name, IE 6 and below have an _ before the attribute name */
#nav {*margin-left: 0px; }
#topstrip-r ul { *margin-top: 0px; }
#topstrip { *margin-top: -20px; }

td.flattopglass-l, td.topglass-l, td.flattopglass-m, td.topglass-m, td.flattopglass-r, td.topglass-r {*background-image:none; }

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}