/*

	Main Stylesheet for ThemeGreen.com
	By <hutzmedia.com>
	February 18, 2008 

*/

.error {
	color: #F00;
}

/* Icon suport March 05, 2008 */
span.profileName {
	padding-left: 21px;
	background-position: center left;
	background-repeat: no-repeat;
}


html {
	font-family: georgia, tahoma, verdana;
	font-size: 12pt;
	background-color: #FFFFFF;
	color: #000000;
	letter-spacing: 0.5px;
	cursor: default;
	background-color: #000;
}


body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color: #0E3002;
	background-repeat: repeat-x;
}

body.home {
	/*background-image: url('../images/home.bg.png');  Updated SJA Apr 4 2009*/
	background-color: #FFFFFF;
}

body.living {
	background-image: url('../images/living.bg.png');
	background-color: #FFFFFF;
}

body.community {
	background-image: url('../images/community.bg.png');
	background-color: #FFFFFF;
}

body.travel {
	background-image: url('../images/travel.bg.png');
	background-color: #060202;
}


a {
}

a:link {
	color: #0000ff;
}

a:visited {
    color: #880088;
}

a:hover {
    color: #ff0000;
}

/* Page Setup */
div#page {
	width: 990px;
	position: relative; top: 0px; left: 0px; margin: 0px auto;
	background-color: #FFFFFF;
	border-left: #091C02 solid 2px;
	border-right: #091C02 solid 2px;
}

/* Page Header */
div#pageHeader {
	min-width: 990px;
	cursor: default;
	position: relative;
	background-color: #000000;
	height: 160px;
}
div.normalHeader {
	background-image: url('../images/header.bg.jpg');
}
div.bearsHeader {
	background-image: url('../images/header.bears.bg.jpg');
}

div#pageHeader img {
	width: 1000px;
	height: 160px;
}


body.living div#pageHeader {
	background-image: url('../images/header.living.jpg');
}
body.community div#pageHeader {
	background-image: url('../images/header.community.jpg');
}
body.travel div#pageHeader {
	background-image: url('../images/header.travel.jpg');
}

div#pageContent {
	margin-left: 16px;
	margin-right: 16px;
}

div#pageHeader a {
	position: absolute;
	display: block;
	width: 235px;
	height: 40px;
	bottom: 0px;
}

/*
div#pageHeader a#livingLink:hover, div#pageHeader a#livingLink.selected, div#pageHeader a#homeLink:hover, div#pageHeader a#homeLink.selected {
	background-color: #40785D;
}
div#pageHeader a#communityLink:hover, div#pageHeader a#communityLink.selected {
	background-color: #DBB871;
}
div#pageHeader a#travelLink:hover, div#pageHeader a#travelLink.selected {
	background-color: #3E65B2;
}*/

div#pageHeader a#homeLink {
	left: 40px;
}
div#pageHeader a#livingLink {
	left: 275px;
}
div#pageHeader a#communityLink {
	left: 510px;
}
div#pageHeader a#travelLink {
	left: 745px;
	width: 245px;
}

/* Page Footer */
div#pageFooter {
	margin-top: 16px;
	padding: 8px;
	background-color: #024410;
	text-align: center;
	font-size: 8pt;
	font-family: Verdana, Arial;
	color: #FFFFFF;
	border-top: #A5CDAD solid 4px;
}

div#pageFooter a, div#pageFooter a:active, div#pageFooter a:hover, div#pageFooter a:visited, div#pageFooter a:link {
	text-decoration: none;
	color: #CCCCCC;
	letter-spacing: 0px;
}

/* Flash Page - Pictures and Videos */



/* Search Title */
div#searchTitle {
	cursor: default;
	position: relative;
	margin-top: 8px;
	margin-left: auto; margin-right: auto;
	width: 800px;
	padding: 6px;
	text-align: center;
	font-size: 10pt;
	background-color: #EFEFEF;
	line-height: 22px;
}

div#searchTitle a, div#searchTitle a:active, div#searchTitle a:link, div#searchTitle a:hover, div#searchTitle a:visited {
	text-decoration: none;
	color: #000000;
	padding: 2px;
}

div#searchTitle a:hover, div#searchTitle a.selected {
	background-color: #C7C7C7;
}
	

/* Rounded Edges */
b.tl { position: absolute; top: 0px; left: 0px; background-color: #FFF; display: block; width: 1px; height: 2px; }
b.tl b { position: absolute; background-color: #FFF; width: 1px; height: 1px; left: 1px; }

b.tr { position: absolute; top: 0px; right: 0px; background-color: #FFF; display: block; width: 1px; height: 2px; }
b.tr b { position: absolute; background-color: #FFF; width: 1px; height: 1px; right: 1px; }

b.bl { position: absolute; bottom: 0px; left: 0px; background-color: #FFF; display: block; width: 1px; height: 2px; }
b.bl b { position: absolute; background-color: #FFF; width: 1px; height: 1px; left: 1px; }

b.br { position: absolute; bottom: 0px; right: 0px; background-color: #FFF; display: block; width: 1px; height: 2px; }
b.br b { position: absolute; background-color: #FFF; width: 1px; height: 1px; right: 1px; }

/* Sub Home */
div#shContent {
	position: relative;
	width: 100%;
	height: 620px;
	margin-top: 16px;
}

/* First divider */
div.div1 {
	position: relative;
	width: 50%;
	float: left;
}

div.div2 {
	position: relative;
	width: 30%;
	float: left;
}

div.div3 {
	position: relative;
	float: right; width: 18%;
}


/* Normal header in all boxes in content */
div.header {
	line-height: normal;
	color: #FFF;
	border-bottom: #BDD3C2 solid 4px;
	text-align: center;
	padding: 3px;
	margin-bottom: 8px;
	cursor: default;
	background-repeat: repeat-x;
}

body.living div.header, div.living div.header {
	background-image: url('../images/living.header.bg.png');
}
body.community div.header, div.community div.header {
	background-image: url('../images/community.header.bg.png');
}
body.travel div.header, div.travel div.header {
	background-image: url('../images/travel.header.bg.png');
}


/* Border for all divs in sh */
body.living div#shMessages, body.living div#shTA, body.living div#shFM, body.living div#shFA, body.living div#shTG, body.living div#shMenu, div.living {
	border: #05CC37 solid 1px;
}
body.community div#shMessages, body.community div#shTA, body.community div#shFM, body.community div#shFA, body.community div#shTG, body.community div#shMenu, div.community {
	border: #C99233 solid 1px;
}
body.travel div#shMessages, body.travel div#shTA, body.travel div#shFM, body.travel div#shFA, body.travel div#shTG, body.travel div#shMenu, div.travel {
	border: #2A4376 solid 1px;
}
			
/* Sub Home: My Messages */
div#shMessages {
	width: 30%;
	line-height: 18pt;
	height: 200px;
	float: left;
}

div#shMessages a { text-decoration: none; color: #000000; }

div#shMessages p { padding: 8px; margin: 0px; padding: 0px; }

div#shMessages b { width: 80px; display: block; float: left; font-weight: normal; padding-left: 8px; }


/* Sub Home: Travel Adventure Box */
div#shTA {
	width: 65%;
	height: 200px;
	float: left;
	margin-left: 2%;
}

div#shTA input#openLine {
	width: 200px;
	margin-top: 16px;
	margin-left: 20px;
}

div#shTAHeader {
	padding: 16px;
	text-align: center;
	font-size: 14pt;
	color: #6A4C04;
	font-weight: bold;
}

div#shTA p { margin: 0px; padding: 0px; padding-left: 16px; padding-right: 16px; }


/* Sub Home: Featured Articles */
div#shFA {
	margin-top: 210px;
	margin-right: 2%;
	height: 374px;
	overflow: auto;
}

div#shFA p { margin: 0px; padding: 0px; text-align: center; color: #6A4C04; }


/* Sub Home: Featured Members */

body.living div#shFM, body.living div#shTG {
	background-color: #A6DB93;
}
body.community div#shFM, body.community div#shTG {
	background-color: #ECD6B0;
}
body.travel div#shFM, body.travel div#shTG {
	background-color: #7290CE;
}


body.living div#shFM div#Text a, body.living div#shTG div#TextTravel a, body.living div.header {
	background-color: #357158;
	color: #FFF;
}
body.community div#shFM div#Text a, body.community div#shTG div#TextTravel a, body.community div.header {
	background-color: #DBB871;
	color: #FFF;
}
body.travel div#shFM div#Text a, body.travel div#shTG div#TextTravel a, body.travel div.header {
	background-color: #3E65B2;
	color: #FFF;
}

div#shFM {
	position: relative;
	margin-bottom: 16px;
	height: 300px;
}

div#shFM div#Picture img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	border-style: none;
}

div#shFM div#Text a {
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0px;
}

a.leftArrow img {
	position: absolute;
	bottom: 0px; left: 0px;
	border-style: none;
}
a.rightArrow img {
	position: absolute;
	bottom: 0px; right: 0px;
	border-style: none;
}

/* Sub Home: My Travel Groups */
div#shTG {
	position: relative;
	margin-bottom: 16px;
}

div#shTG div#PictureTravel img {
	display: block;
	margin-left: auto;
	margin-right: auto;				
	width: 280px;
	border-style: none;
}

div#shTG div#TextTravel a {
	display: block;
	text-align: center;
}

/* Sub Home: Main Menu */
div#shMenu {
	margin-right: 10px;
}

div#shMenu div.header { margin-bottom: 0px; }

div#shMenu a.menu {
	display: block;
	padding: 2px;
	padding-left: 4px;
	border-bottom: #BDD3C2 solid 2px;
}

div#shMenu a.menu, div#shMenu a.menu:link, div#shMenu a.menu:active, div#shMenu a.menu:visited {
	color: #970610;
	text-decoration: none;
}

div#shMenu a:hover {
	background-color: #BDD3C2;
}

div#shMenu img {
	border-style: none;
	width: 150px;
	height: 103px;
	display: block;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: auto; margin-right: auto;
}

div.facebook, div.refer {
	margin-top: 8px;
	padding: 16px;
	text-align: center;
	background-color: #EFEFEF;
	border: #272727 solid 1px;
}


/* Google Map */
div#shMap {
	position: relative;
	margin-left: 10px;
}			

div#shMap div.title {
	height: 60px;
	text-align: center;
}

div#shMap div#map_canvas {
	width: 610px; height: 408px;
	border: #000 solid 1px;
}

div#shMap div#shRSS {
	position: absolute;
	right: 10px; top: 60px;
	border: #C7C7C7 solid 1px;
	overflow: auto;
	width: 300px;
	height: 400px;
	padding: 4px;
}

div#shMap div#shRSS ul, div#shMap div#shRSS li {
	margin: 0px; padding: 0px;
	font-size: 10pt;
	
}

div#shMap div#shRSS li {
	display: block;
}

div#shMap div#shRSS a, div#shMap div#shRSS a:active, div#shMap div#shRSS a:link, div#shMap div#shRSS a:visited, div#shMap div#shRSS a:hover {
	display: block;
	padding: 2px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 2px center;
	background-image: url('../images/rss.bullet.png');
	color: #000000;
	text-decoration: none;
}

div#shMap a:hover {
	background-color: #C7C7C7;
}

/* Profile */
div.profileNav a {
	padding: 8px;
	color: #FFFFFF;
	text-decoration: none;
	border: #000 solid 1px;
}

div#page div#pageContent div.profileNav a:hover {
	color: #FFFFFF;
	background-image: none;
}

div#page div#pageContent div.profileNav a.selected {
	background-image: none;
}


body.living div.profileNav a { background-image: url('../images/living.header.bg.png'); background-color: #A6DB93; }
body.community div.profileNav a { background-image: url('../images/community.header.bg.png'); background-color: #ECD6B0; }
body.travel div.profileNav a { background-image: url('../images/travel.header.bg.png'); background-color: #7290CE; }
body.bears div.profileNav a { background-image: url('../images/living.header.bg.png'); background-color: #A6DB93; }

body.living div.profileNav a:hover, body.living div#page div#pageContent div.profileNav a.selected { background-color: #A6DB93; }
body.community div.profileNav a:hover, body.community div#page div#pageContent div.profileNav a.selected { background-color: #ECD6B0; }
body.travel div.profileNav a:hover, body.travel div#page div#pageContent div.profileNav a.selected { background-color: #7290CE; }
body.bears div.profileNav a:hover, body.living div#page div#pageContent div.profileNav a.selected { background-color: #A6DB93; }