/*********** TAG definitions ***********/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #b5a789;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
a:link,a:visited {
	font-weight: bold;
	color: #466a4b;
	text-decoration: none;
}
a:active,a:hover {
	font-weight: bold;
	color: #6a5e46;
	text-decoration: underline;
}


/************** GLOBAL IDS **************/
#tableContent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ededed;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
}
#tableContent #footer {	
	background-color: #ededed;
	border-left: 1px solid #907C4B;
	border-right: 1px solid #000000;
	border-bottom:4px solid #6a5e46;
	padding:12px;
	padding-top:5px;
	padding-bottom:15px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#tableContent #footer a {
	color:#000000;
	font-weight:normal;
}
#tableContent .tdPageTitle {
	font-weight:bold;
	border-left: 1px solid #907C4B;
	border-right: 1px solid #000000;
	padding:12px;
	background-image:url(/_common/bg/shadow_main.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#tableContent .tdContent {
	border-left: 1px solid #907C4B;
	border-right: 1px solid #000000;
	padding:12px;
	padding-bottom:20px;
	padding-top:4px;
}
#tableContent .tdSecTitle {
	border-left: 1px solid #000000;
	border-bottom: 1px solid #FFFFFF;
	background-color:#6a5e46;
}
#tableContent .tdSidebar {
	border-left: 1px solid #000000;
	background-color:#6a5e46;
	border-bottom:4px solid #6a5e46;
	padding-bottom:25px;
}

#tableSidenav {
	background-color:#FFFFFF;
	background-image:url(/_common/bg/shadow_sidenav.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#tableSidenav td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:4px;
}
#tableSidenav .sidenavOff {
	background-color:#ffffff;
	color:#333333;
	padding-top:6px;
	padding-bottom:6px;
}
#tableSidenav .sidenavOn {
	background-color:#E3D8B9;
	color:#6a5e46;
	cursor:pointer;
	padding-top:6px;
	padding-bottom:6px;
}
#tableSidenav .sideSubnavOff {
	padding-left:25px;
	font-size: 10px;
	background-color:#ffffff;
	color:#333333;
}
#tableSidenav .sideSubnavOn {
	padding-left:25px;
	font-size: 10px;
	background-color:#E3D8B9;
	color:#6a5e46;
	cursor:pointer;
}
#tableHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #466a4b;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
#tableHeader .tdLogo {
	background-image: url(/images/header.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom:1px solid #FFFFFF;
}
#tableHeader .tdAddress {
	background-color:#6a5e46;
	text-align: center;
	border-top:1px solid #6d6fb4;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom:1px solid #FFFFFF;
	padding:4px;
	text-shadow: 2px 2px 1px #888888;
}
#tableHeader a {
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
}
#tableHeader a:hover {
	text-decoration:underline;
}
#searchField {
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	width:160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}


/*********** GLOBAL CLASSES *************/
/*** FONTS ***/
.textWelcome {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#907C4B;
	text-align:center;
}
/* - FORMS - */
.formField {
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
.formButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #6a5e46;
	border: 1px solid #FFFFFF;
}


/*** BORDERS ***/
.borderWhite {
	border:1px solid #FFFFFF;
}
.borderWhiteL {
	border-left:1px solid #FFFFFF;
}
.borderWhiteR {
	border-right:1px solid #FFFFFF;
}
.borderWhiteT {
	border-top:1px solid #FFFFFF;
}
.borderWhiteB {
	border-bottom:1px solid #FFFFFF;
}
.border3White {
	border:3px solid #FFFFFF;
}
.border3WhiteL {
	border-left:3px solid #FFFFFF;
}
.border3WhiteR {
	border-right:3px solid #FFFFFF;
}
.border3WhiteT {
	border-top:3px solid #FFFFFF;
}
.border3WhiteB {
	border-bottom:3px solid #FFFFFF;
}
.borderBlack {
	border:1px solid #000000;
}
.borderBlackL {
	border-left:1px solid #000000;
}
.borderBlackR {
	border-right:1px solid #000000;
}
.borderBlackT {
	border-top:1px solid #000000;
}
.borderBlackB {
	border-bottom:1px solid #000000;
}


/*********** HOMEPAGE CLASSES *************/
#tableMain {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #C6C5C5;
	background-image:url(/_common/bg/shadow_home.gif);
	background-position:top;
	background-repeat:repeat-x;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
#tableMain .tdSearchbar {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-image:url(/images/searchbar.gif);
	background-position:left;
	background-repeat:repeat-x;
}
#tableArticle {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom:1px solid #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#tableArticle .tdArticleImage {
	padding:3px;
	background-color:#F0F1F5;
}
#tableArticle .tdArticleText {
	padding:12px;
	background-color:#F0F1F5;
}
#tableTeaser {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F0F1F5;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}
#tableTeaser #footer {	
	background-color: #ededed;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom:15px solid #6a5e46;
	padding:12px;
	padding-top:5px;
	padding-bottom:15px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#tableTeaser #footer a {
	color:#000000;
	font-weight:normal;
}
#tableTeaser .tdTeaser {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border-left: 1px solid #000000;
	border-top:1px solid #FFFFFF;
	border-bottom:5px solid #6a5e46;
	padding:12px;
	padding-bottom:30px;
	background-image:url(/_common/bg/shadow_teaser.gif);
	background-position:top;
	background-repeat:repeat-x;
}
.highlightbox{
	border-color: black;
	border-width: 1px;
	border-top-width: 2px;
	border-style: solid;
	background-color:#dbc277;
	padding: 15px;
}

/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | CSS: Photo Showcase                                              |
  | Cascading Style Sheet                                            |
  | Copyright April 2006                                             |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* this holds it all. set width for allowable space (20px wider than shown image) */
div#ps {
  padding : 0;
  width : auto; 
  margin : auto;
  width : 560px;  /* set width to allow for all the boxes in a row and adjust this when changing thumbnail sizes*/
}

/* this hides the accessible links from view but keeps 'em available */
.ps_offset {
  position : absolute;
  margin-left : -2000px;
  margin-top : -2000px;
}

/* for h2 heading, but an option if h2 is pre-styled (note width) */
div#ps h2 { 
  margin : 10px 0 15px 30%;
  font-weight : normal;
  color : #669900; 
  width : 260px;
}

/* this the same as h2 above, may be optional (do note the width) */
div#ps p { 
  margin : 15px 0 15px 30%;
  font-size : 0.85em; 
  width : 260px; 
}

/* style the unordered list (note height) */
div#ps ul {
  margin : 5px 0 70px 4%;
  height : 40px;
}

/* make the list items show horizontally */
div#ps ul li {
  display : inline; 
}

/* set the links as blocks, size in px (must be floated) */
div#ps ul a {
  display : block;
  float : left;
  border : 1px solid #cd7000;
  text-decoration : none;
  margin : 0 5px 5px 0;
  width : 100px;
  height : 80px;
  cursor : pointer;   /* this is for Opera only */
}

/* set hover state border */
div#ps ul a:hover {
  border : 1px solid #000;
}

/* but remove border from images */
div#ps a img {
  border : 0;
}

/* set focus position (width and height will match big photo size and list row width */
div#ps ul a#psa1:focus, div#ps ul a#psa1:active, div#ps ul a#psa2:focus, div#ps ul a#psa2:active, div#ps ul a#psa3:focus, div#ps ul a#psa3:active, div#ps ul a#psa4:focus, div#ps ul a#psa4:active, div#ps ul a#psa5:focus, div#ps ul a#psa5:active, div#ps ul a#psa6:focus, div#ps ul a#psa6:active, div#ps ul a#psa7:focus, div#ps ul a#psa7:active, div#ps ul a#psa8:focus, div#ps ul a#psa8:active, div#ps ul a#psa9:focus, div#ps ul a#psa9:active, div#ps ul a#psa10:focus, div#ps ul a#psa10:active, div#ps ul a#psa11:focus, div#ps ul a#psa11:active, div#ps ul a#psa12:focus, div#ps ul a#psa12:active, div#ps ul a#psa13:focus, div#ps ul a#psa13:active { 
  margin-top : -207px; 
  width : 360px; /* adjust this only when changing thumbnail sizes */
  height : 260px;
  position : absolute;
  cursor : crosshair;   /* because I like it, if you don't, do use "cursor : default" */
}

/* set backgrounds for each state */
div#ps ul a#psa1 {
  background : #000 url(images/sukkahhop/sukkahhop1.gif) no-repeat 0 0;
}
div#ps ul a#psa1:hover {
  background : #222 url(images/sukkahhop/sukkahhop1.gif) no-repeat 0 0;
}
div#ps ul a#psa1:focus, div#ps ul a#psa1:active {
  background : #444 url(images/sukkahhop/sukkahhop1.gif) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa2 {
  background : #000 url(images/sukkahhop/sukkahhop2.gif) no-repeat 0 0;
}
div#ps ul a#psa2:hover {
  background : #222 url(images/sukkahhop/sukkahhop2.gif) no-repeat 0 0;
}
div#ps ul a#psa2:focus, div#ps ul a#psa2:active {
  background : #444 url(images/sukkahhop/sukkahhop2.gif) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa3 {
  background : #000 url(images/sukkahhop/sukkahhop3.gif) no-repeat 0 0;
}
div#ps ul a#psa3:hover {
  background : #222 url(images/sukkahhop/sukkahhop3.gif) no-repeat 0 0;
}

div#ps ul a#psa3:focus, div#ps ul a#psa3:active {
  background : #444 url(images/sukkahhop/sukkahhop3.gif) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa4 {
  background : #000 url(images/sukkahhop/sukkahhop4.gif) no-repeat 0 0;
}
div#ps ul a#psa4:hover {
  background : #222 url(images/sukkahhop/sukkahhop4.gif) no-repeat 0 0;
}
div#ps ul a#psa4:focus, div#ps ul a#psa4:active {
  background : #444 url(images/sukkahhop/sukkahhop4.gif) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa5 {
  background : #000 url(images/sukkahhop/sukkahhop5.gif) no-repeat 0 0;
}
div#ps ul a#psa5:hover {
  background : #222 url(images/sukkahhop/sukkahhop5.gif) no-repeat 0 0;
}
div#ps ul a#psa5:focus, div#ps ul a#psa5:active {
  background : #444 url(images/sukkahhop/sukkahhop5.gif) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa6 {
  background : #000 url(images/sukkahhop/sukkahhop6.gif) no-repeat 0 0;
}
div#ps ul a#psa6:hover {
  background : #222 url(images/sukkahhop/sukkahhop6.gif) no-repeat 0 0;
}
div#ps ul a#psa6:focus, div#ps ul a#psa6:active {
  background : #444 url(images/sukkahhop/sukkahhop6.gif) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa7 {
  background : #000 url(images/sukkahhop/sukkahhop7.gif) no-repeat 0 0;
}
div#ps ul a#psa7:hover {
  background : #222 url(images/sukkahhop/sukkahhop7.gif) no-repeat 0 0;
}
div#ps ul a#psa7:focus, div#ps ul a#psa7:active {
  background : #444 url(images/sukkahhop/sukkahhop7.gif) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa8 {
  background : #000 url(images/sukkahhop/sukkahhop8.gif) no-repeat 0 0;
}
div#ps ul a#psa8:hover {
  background : #222 url(images/sukkahhop/sukkahhop8.gif) no-repeat 0 0;
}
div#ps ul a#psa8:focus, div#ps ul a#psa8:active {
  background : #444 url(images/sukkahhop/sukkahhop8.gif) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa9 {
  background : #000 url(images/sukkahhop/sukkahhop9.gif) no-repeat 0 0;
}
div#ps ul a#psa9:hover {
  background : #222 url(images/sukkahhop/sukkahhop9.gif) no-repeat 0 0;
}
div#ps ul a#psa9:focus, div#ps ul a#psa9:active {
  background : #444 url(images/sukkahhop/sukkahhop9.gif) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa10 {
  background : #000 url(images/sukkahhop/sukkahhop10.gif) no-repeat 0 0;
}
div#ps ul a#psa10:hover {
  background : #222 url(images/sukkahhop/sukkahhop10.gif) no-repeat 0 0;
}
div#ps ul a#psa10:focus, div#ps ul a#psa10:active {
  background : #444 url(images/sukkahhop/sukkahhop10.gif) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa11 {
  background : #000 url(images/sukkahhop/sukkahhop11.gif) no-repeat 0 0;
}
div#ps ul a#psa11:hover {
  background : #222 url(images/sukkahhop/sukkahhop11.gif) no-repeat 0 0;
}
div#ps ul a#psa11:focus, div#ps ul a#psa11:active {
  background : #444 url(images/sukkahhop/sukkahhop11.gif) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa12 {
  background : #000 url(images/sukkahhop/sukkahhop12.gif) no-repeat 0 0;
}
div#ps ul a#psa12:hover {
  background : #222 url(images/sukkahhop/sukkahhop12.gif) no-repeat 0 0;
}
div#ps ul a#psa12:focus, div#ps ul a#psa12:active {
  background : #444 url(images/sukkahhop/sukkahhop12.gif) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa13 {
  background : #000 url(images/sukkahhop/sukkahhop13.gif) no-repeat 0 0;
}
div#ps ul a#psa13:hover {
  background : #222 url(images/sukkahhop/sukkahhop13.gif) no-repeat 0 0;
}
div#ps ul a#psa13:focus, div#ps ul a#psa13:active {
  background : #444 url(images/sukkahhop/sukkahhop13.gif) no-repeat 0 0;
}

/* rinse and repeat as needed */

/* this needs to be in conditional comment for IE only */
div#ps ul a#psa1:focus, div#ps ul a#psa1:active, div#ps ul a#psa2:focus, div#ps ul a#psa2:active, div#ps ul a#psa3:focus, div#ps ul a#psa3:active, div#ps ul a#psa4:focus, div#ps ul a#psa4:active, div#ps ul a#psa5:focus, div#ps ul a#psa5:active, div#ps ul a#psa6:focus, div#ps ul a#psa6:active, div#ps ul a#psa7:focus, div#ps ul a#psa7:active, div#ps ul a#psa8:focus, div#ps ul a#psa8:active, div#ps ul a#psa9:focus, div#ps ul a#psa9:active, div#ps ul a#psa10:focus, div#ps ul a#psa10:active, div#ps ul a#psa11:focus, div#ps ul a#psa11:active, div#ps ul a#psa12:focus, div#ps ul a#psa12:active, div#ps ul a#psa13:focus, div#ps ul a#psa13:active {
  margin-top : -254px; /* adjust this only when changing thumbnail sizes */
  margin-left : -201px; /* adjust this as rows get longer */
}

/* End Styles */