@charset "UTF-8";

/*-- REQUIRED FOR THE TABBED NAVIGATION --*/
/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* Horizontal Tabbed Panels
 
/* Main TabbedPanels container. Set a width on the TabbedPanels container if you want to constrain the width of the widget
 * The name of the class ("TabbedPanels") used in this selector is not necessary to make the widget function. */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 640px;
	}

/* The TabGroup container houses all of the tab buttons for each tabbed panel. This container does not contribute anything visually.
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not necessary to make the widget function. */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	}

/* The TabbedPanelsTab houses the title for the panel. This is also the tab "button."
 * Default: each tab is positioned relatively 1 pixel down from where it wold normally render. This allows each 
 * tab to overlap the content panel that renders below it. Each tab is rendered with a 1 pixel bottom border that has a color 
 * that matches the top border of the current content panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 * The name of the class ("TabbedPanelsTab") used in this selector is not necessary to make the widget function. */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 2px 6px 6px 4px;
	margin: 0px;
	font-weight: bold;
	background-color: #393115;
	list-style: none;
	border-left: solid 1px #1d140b;
	border-top: solid 1px #1d140b;
	border-right: solid 1px #1d140b;
	-moz-user-select: none;
	-khtml-user-select: none;
	-moz-border-radius: 3px;
	cursor: pointer;
	height: 15px;
	font-size: 94%;
	color: #efdeb0;
	text-align: center;
	white-space: nowrap;
	}

/*------------------------- begin tab hover -----------------------------------*/
/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-image: url(../images/tab-on.gif);
	color: #1d140b;
}

/* This selector is an example of how to change the appearance of a tab button container after the user has clicked on it to 
 * activate a content panel. The class "TabbedPanelsTabSelected" is programatically added and removed from the tab element as 
 * the user clicks on the tab button containers in the widget. */
.TabbedPanelsTabSelected {
	background-image: url(../images/tab-on.gif);
	color: #1d140b;
	/* border-bottom: solid 1px #d1c386; */
}

/* This selector is an example of how to make a link inside of a tab button look like normal text. Users may want to use links 
 * inside of a tab button so that when it gets focus, the text *inside* the tab button gets a focus ring around it, instead of 
 * the focus ring around the entire tab. */
.TabbedPanelsTab a {
	color: #1d140b;
	text-decoration: none;
}
/*------------------------- end tab hover -----------------------------------*/

/* This is the selector for the ContentGroup. The ContentGroup container houses all of the content panels for each tabbed panel 
 * in the widget. For our default style, this container provides the background color and borders that surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is not necessary to make the widget function. You can 
 * use any class name you want to style the ContentGroup container. */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #381c0e;
	/* background-color: #ecd8a4; */
	background-image:url(../images/street.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	/* height: 480px; */
	}

/* This is the selector for the Content panel. The Content panel holds the content for a single tabbed panel. For our default 
 * style, this container provides some padding, so that the content is not pushed up against the widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is not necessary to make the widget function. You can use 
 * any class name you want to style the Content container. */
.TabbedPanelsContent {
	padding: 6px;
	margin: 0px;
	}
.TabbedPanelsContent p {
	padding: 2px 6px;
	line-height: 1.25;
	}
.TabbedPanelsContentHeading1 {
	font-weight: bold;
	font-size: 14px;
	color: #381c0e;
	line-height: 1.25;
	width: 99%;
	padding: 6px 6px 2px 6px;
	}
.TabbedPanelsContentHeading2, .TabbedPanelsContentHeading3 {
	font-size: 12px;
	font-weight: bold;
	width: 99%;
	line-height: 1.25;
	}
.TabbedPanelsContentHeading2 {
	color: #000000;
	}
.TabbedPanelsContentHeading3 {
	color: #381c0e;
	}
.TabbedPanelsContentHeading4 {
	font-size: 10px;
	font-weight: bold;
	width: 99%;
	line-height: 1.25;
	color: #2b4853;
	}

/* This selector is an example of how to change the appearnce of the currently active container panel. The class
 * "TabbedPanelsContentVisible" is programatically added and removed from the content element as the panel is 
 * activated/deactivated. */
.TabbedPanelsContentVisible {
	}

#tabLinks {
	}
.tabLinks a:link {
	text-decoration: none;
	color: #0A4877;
	}
.tabLinks a:visited {
	color: #015d9f;
	text-decoration: none;
	}
.tabLinks a:hover {
	text-decoration: underline;
	color: #7bbee8;
	}
.tabLinks a:active {
	text-decoration: none;
	color: #0A4877;
	}

.TabbedPanelsContent img {
	border: solid #381c0e 4px;
	/* margin: 0px 6px; */
	}
#noborder {
	border: 0px;
	}	
#noborder p {
	border: 0px;
	}
.outline {
	border-top: solid 1px #381c0e; border-bottom: solid 1px #381c0e; border-right: solid 1px #381c0e;
	}
.outlineLefty {
	border: solid 1px 0px 1px #381c0e;
	}
a.link-readMore {
	padding-right: 4px;
	font-variant: small-caps;
	font-size: 94%;
	}