﻿/* ==============================================================================================
   Content Container
   -----------------
   Area that holds the Gallery and the Information Panel.
   ============================================================================================== */
#contentContainer2 {
    right: 686px;				/* Width of Right Panel */
}

/* ==============================================================================================
   Gallery
   -------
   Area that holds the two sections: Slide Show (or Flash Movie) and description.
   ============================================================================================== */
#gallery {
	width: 202px;					/* Width of Left Panel - Border Width x 2 - Left Padding - Right Padding */
	left: 698px;					/* Width of Right Panel + Width of Gutter */
}


/* ==============================================================================================
   Filteration Panel
   ---------------------------
   Area on right side that contains information about a specified community.
   ============================================================================================== */
#filterationPanel {
	float: left;
	width: 650px;					/* Width of Right Panel - Border x 2 - Left Padding - Right Padding */
	position: relative;
	left: 710px;					/* Width of Right Panel + Left Padding + Right Padding ?? */
	border: 6px solid #474747;
	padding: 2px 12px;
	color: white;
}

#filterationPanel h2 {
	margin: 0px 0px 2px 0px;
	font-size: 16px;
	font-weight: 700;
}

#filterationPanel h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 13px;
	font-weight: 400;
	font-style: italic;
}

#filterationPanel p {
	margin-top: 0px;
	margin-bottom: 18px;
	font-size: 13px;
}

#filterationPanel a {
	color: white;
	text-decoration: underline;
}

#filterationPanel a:hover {
	border-bottom: 1px white double;
}

#filterationPanel .marginTop {
	margin-top: 8px;
}

#filterationPanel table {
	border-collapse: collapse;
}

#filterationPanel #outerTable {
	width: 650px;
	font-size: 11px;
	line-height:15px;
}

#filterationPanel #outerTable td {
	vertical-align: top;
}

#filterationPanel .leftMiddleTable {
	border:1px white solid;
	width: 320px;
}

#filterationPanel .rightMiddleTable {
	border:1px white solid;
	width: 280px;
}

#filterationPanel .leftInnerTable {
	float: left;
}

#filterationPanel .centerInnerTable {
	margin-left: auto;
	margin-right: auto;
}

#filterationPanel .rightInnerTable {
	float: right;
}

#filterationPanel input[type="checkbox"] {
	width: 12px;
	height: 12px;
	padding: 0px;
	margin: 0px 2px 0px 10px;
	vertical-align: bottom;
	position:relative;
	top: -1px;
	*overflow: hidden;
}

#filterationPanel #location {
	margin-left: 10px;
}

#filterationPanel .verticalBorder {
	background-image: url('/shared/images/White1x1.gif');
	background-repeat:repeat-y;
}

#filterationPanel .horizontalBorder {
	background-image: url('/shared/images/White1x1.gif');
	background-repeat:repeat-x;
	background-position:center center;
}

/*If any single check box gets unchecked, "All" gets unchecked
  If "All" is checked, all boxes get checked
  If "All" is unchecked, all boxes get unchecked */
