/* interests.css */

/*-------------------------------------
	redifines from site.css
--------------------------------------*/
.navcrumb {
	background-color: #339900;
}
#photoNav ul {
	position: relative;
	background-color: #339900;
		width: 	371px;
	margin-left: 191px;
}
#photoNav ul li a {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#photoDescription {
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
#photoDescription h1 {
	margin: 5px;
}
#photoDescription h2 {
	font-weight: normal;
	color: #999999;
	margin: 5px;
}
.thumbGroup .thumbPage {
	width:	150px;
	height:	160px;
	background-color: #0066CC;
}

/*-------------------------------------
	photo composition 
--------------------------------------*/
#photoCompBody {
	margin: 0;
	padding-left: 40px;
	padding-top: 10px;
	overflow: visible;
}
#photoCompNav {
  /* insert position relative to fix ie6 50%
  disapperaing photoCompNav when hovering 
  over some links in navbar */
	position: relative;
	float: left;
	width: 130px;
	height: 570px;
	margin-top: 15px;
	padding: 10px;
	z-index: 2;
	border: 2px solid #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	overflow: visible;
}
#photoCompNav .lev1 {
	margin:  .5em 0 .5em 5%;
	list-style-type: none;	
}
#photoCompNav .lev2 {
	margin: .5em 0 .5em 15%;
	list-style-type: none;		
}
#photoCompNav .lev3 {
	margin: .5em 0 .5em 20%;
	list-style-type: none;		
}

#photoCompNav a {
	text-decoration: underline;
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	width: 9em;
}
#photoCompNav a:hover, #photoCompNav a:focus {
	background-color: #FFFFFF;
	color: #000000;
}

#photoComp {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
	padding: 10px;
	width: 500px;
	border: 2px solid #FF9900;
	
}
#photoComp .bar {
	background-color: #FF9900;
	line-height: 0.8em;
}
#photoComp .lev1 {
	margin:  .5em 1em .5em 5%;
	list-style-type: disc;
	list-style-position: outside;
}

#photoComp .lev2 {
	margin:  .5em 1em .5em 8%;
	list-style-type: circle;
	list-style-position: outside;
}

#photoComp ul {
	font-size: 90%;
	font-weight: bold;
}

#photoComp h2 {
	font-weight: normal;
}

#photoComp a {
	text-decoration: underline;
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	width: 9em;
}
#photoComp a:hover, #photoComp a:focus {
	background-color: #FFFFFF;
	color: #000000;
}

/*-------------------------------------
	hikingIndex
--------------------------------------*/
#hikingIndex {
	background-color:#000000;
	width: 770px;
	height: 760px;
	margin-top: 15px;
}
#hikingIndexHeader{
	background-color:#006600;
	width: 768px;
	height: 90px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#hikingIndexhead h1 {
	vertical-align: middle;
}
#hikingIndex h2 {
	font-style: italic;
	font-size: 115%;
}
#hikingIndex p {
	vertical-align: top;
}
#hikingIndex img {
	float: left;
	margin-bottom: 12px;
	margin-right: 12px;
} 
#hikingIndex a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding: 0;
	color: #FFFFFF;
	width: 9em;
	font-size: small;
}
#hikingIndex a:hover, #hikingIndex a:focus {
	background-color: #FFFFFF;
	color: #000000;
}

.hikingIndexCellA {
	float: left;
	width: 373px;
	background-color:#666600;
	height: 190px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-width: 2px;
}
.hikingIndexCellB {
	float: left;
	background-color:#999900;
	width: 373px;
	height: 190px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
#hikingIndexBody {
	width: 770px;
	margin-left: 0px;
	height: 660px;
}

/*-------------------------------------
	hiking pages
--------------------------------------*/
.hikingPageLeftBlock {
    /* left block has complete border */
	margin: 0;
	padding: 10px;
	border: 2px solid #FF9933;
}
.hikingPageRightBlock {
	/* right block missing right border 
	   so that it fits left border without 
	   extra thickness */
	margin: 0;
	padding: 10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF9933;
	border-right-color: #FF9933;
	border-bottom-color: #FF9933;
	border-left-color: #FF9933;
}
.hikingDirections {
	font-weight: bold;
	font-size: 80%;
	border: 2px solid #FF9933;	
	padding-left: 15px;
	padding-right: 15px;
}
#hikingPageNav ul {
	position: relative;
	background-color: #339900;
	margin: 0;
	padding: 0;
}
#hikingPageNav ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	display: inline;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}
#hikingPageNav ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	text-align: center;
	margin: 0;
}
#hikingPageNav ul li a:hover, #hikingPageNav ul li a:focus {
	background-color: #FFFFFF;
	color: #000000;
}
#hikingPageBody p.directions {
	font-weight: bold;
	font-size: 80%;
}
#hikingPageBody p a {
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	margin: 0;
}
#hikingPageBody p a:hover, #hikingPageBody p a:focus {
	background-color: #FFFFFF;
	color: #000000;
}
#hikingPageHeader h1 {
	margin: 3px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 120%;
}
#hikingPageHeader h2 {
	font-weight: bold;
		font-family:Arial, Helvetica, sans-serif;
	font-size: 105%;
	color: #999999;
	margin: 3px;
}

.hikingInspirationList {
	list-style-type: disc;
	list-style-position: inside;
}

/*-------------------------------------
	interestsIndex
--------------------------------------*/
#interestsIndex {
	width: 770px;
	height: 690px;
	margin-top: 15px;
	background-image: url(../interests/images/idxbackground.jpg);
	background-repeat: repeat;
}
#interestsIndex h2 {
	font-style: italic;
	font-size: 115%;
}
#interestsIndex p {
	vertical-align: top;
}
#interestsIndex img {
	float: left;
	margin-bottom: 12px;
	margin-right: 12px;
} 
#interestsIndexBody {
	width: 610px;
	margin-left: 80px;
	height: 450px;
}

#interestsIndexHeader h1 {
	vertical-align: middle;
	line-height: 60px;
}
.interestsIndexBlockA {
	float: left;
	width: 590px;
	background-color:#006633;
	height: 160px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.interestsIndexBlockB {
	float: left;
	background-color:#669966;
	width: 590px;
	height: 160px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#interestsIndex a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding: 0;
	color: #FFFFFF;
	width: 9em;
	font-size: small;
}
#interestsIndex a:hover, #interestsIndex a:focus {
	background-color: #FFFFFF;
	color: #000000;
}

/*-------------------------------------
yourmoney index page 
--------------------------------------*/
#moneyIdx {
	padding-top: 10px;
	background-image: url(../interests/yourmoney/images/moneybkgnd.jpg);
	background-repeat: repeat;
	overflow: auto;
}

#moneyIdxHeader {
	margin: .5em 0;
	font-size: 110%;
	text-align: center;
}

div.moneyIdxBlock {
	width: 600px;
	height: 180px;
	margin: 20px 0 0 80px;
	padding-top: .3em;
	vertical-align: top;
	background-color: #006600;
	overflow: visible;
}

div.moneyIdxBlock h3 {
	font-style: italic;
	margin: 1em 1em;
}

div.moneyIdxBlock img {
	float: left; 
	margin: 0 2em 1em 1em;
	border: 0;
}

div.moneyIdxBlock p {
	vertical-align: top;
	margin: 0 1em;
}

div.moneyIdxBlock a {
	color: #FFFFFF;
}

div.moneyIdxBlock  a:hover, div.moneyIdxBlock a:focus {
	background-color: #FFFFFF;
	color: #000000;
}

/*-------------------------------------
yourmoney general usage 
--------------------------------------*/
#YourMoney {
	padding: 0;
	margin: 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#YourMoney h1 {
	margin-top: 1em;
}

#YourMoney h3 {
	padding: 0.25em 0.5em;
	margin: 1.5em 0;
	font-weight: bold;
	background-color: #666666;
	border: 2px solid #FF9900;
}

#YourMoney h4 {
	padding: 0.25em 0.5em;
	width: 400px;
	margin: 1.5em 2em 1.5em 2em;
	background-color: #555555;
	border: 1px solid #FF9900;
}

#YourMoney p {
	padding-left: 2.5em;
	padding-right: 2.5em;
}

#YourMoney ol {
	padding: 1em 1em 1em 5em;
	font-size: 90%;
}

#YourMoney ol li {
	padding-bottom: 1em;
}

#YourMoney  a {
	color: red;
}

#YourMoney a:hover, #YourMoney :a:focus {
	background-color: #FFFFFF;
	color: #000000;
}

/* -----------------------------------
table for selecting a poker site  
--------------------------------------*/
#pokerneeds ul {
	margin: 1em 5em 1em 2em;
	list-style: none;
}

#pokerneeds li {
	background-color: #555555;
	border: 1px solid #FF9900;
	padding: 0.5em;
}

#pokerneeds li p {
	padding-top: 0.5em;
}

#pksite table {
	margin: 1em 1em 1em 3em;
	font-size: 80%;
	width: 665px;
	border: 1px solid #00FF00; 
	background-color:#333333;	
}

#pksite th,td{
	padding: 0.5em;
	border: 1px double #00FF00;
}

#pksite h3 {
	margin: 0 -0.5em 1em -0.5em;
}

#pksite h5 {
	font-size: 130%;
	margin-top: .5em;
}