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

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	background-color: #e6e6e3;
}
.twoColFixLtHdr #container {
	width: 960px;
	text-align: left;
	margin: 20px auto 0 auto;
} 
.twoColFixLtHdr #header {
	background-color: #2b2b2b;
} 
.twoColFixLtHdr #header2  {
	margin: 0;
	padding: 0;
	background-color: #e6e6e3;
	height: 48px;
	border-bottom: 2px solid #000;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline;
}
.twoColFixLtHdr #mainContent {
	margin: 0 0 10px 10px;
	padding: 10px 10px 0 10px;
	float: left;
	width: 780px;
	text-align: center;
	display: inline;
	background-color: #FFF;
	border-bottom: 2px solid #000;
} 
.twoColFixLtHdr #mainContent a {
	color: #000;
	text-decoration: underline;
} 
.twoColFixLtHdr #footer {
	font-size: small;
	margin-right: 0px;
	margin-bottom: 20px;
	text-align: right;
} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 10px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 20px;
	border-right: 15px solid #FFF;
}
.fltcntr { /* this class can be used to float an element left in your page */
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.header_left { /* this class can be used to float an element left in your page */
	float: left;
}
.header_right { /* this class can be used to float an element left in your page */
	padding-left: 720px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
h3 {
	color: #333;
	margin: 0 0 10px 0;
	padding: 0;
}
h4 {
	color: #222;
	margin: 0 0 10px 0;
	padding: 0;
}
.store_item {
	border-top: 2px solid #666;
	padding-top: 10px;
}
.body_text  {
	line-height: 1.4em;
	font-size: medium;
	font-family: "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	padding: 0;
} 
.text_indent  {
	line-height: 1.4em;
	font-size: medium;
	font-family: "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	padding: 0 0 0 40px;
} 
.writing_body {
	text-align: left;
	margin-right: 160px;
	margin-left: 80px;
}
.writing_body_blog {
	text-align: left;
}
.caption_category {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #000;
}
.caption_description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.4em;
	color: #666;
	text-align: left;
	border-top: 2px solid #000;
	margin: 15px 80px 25px 80px;
	padding: 3px 0 0 0;
}
.homepage_category {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: #000;
	line-height: 3em;
}
.homepage_description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666;
}
.connect_float {
	float: right;
	width: 139px;
	padding-top: 0px;
	border-left: 2px solid #666;
	text-align: left;
	padding-left: 10px;
	margin-left: 0px;
	line-height: 2em;
}
a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}
.homepage_left_210 {
	width: 210px;
	margin-right: 60px;
	margin-left: 15px;
	float: left;
}
.homepage_center_260 {
	width: 260px;
	float: left;
}
.homepage_right_160 {
	float: right;
	margin-right: 15px;
	width: 160px;
}
/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelLink {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size: x-small;
	color: #FFF;
	border-top: 3px solid #e6e6e3;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 3px 0 3px 10px;
	background-color: #333;
	display: block;
}