@charset "utf-8";
/* css browser reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/*  ----- HTML Tags ----- */
a { color: #777d68;  text-decoration: underline; }
a:hover { color: #853200; }

body {
	background: #eeece0 url(/images/bg_main_new.jpg) top center no-repeat;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	behavior: url(/ie_hover.htc);
	color: #706e64;
	font-size: 13px;
	text-align: center;
}

blockquote {
	background-color: #f5f2e3;
	border-top: 1px solid #f5eac6;
	border-bottom: 1px solid #f5eac6;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 25px;
	margin: 10px auto;
	padding: 15px;	
	text-align: center;
	text-indent: 15px;
	width: 730px;
}

em { font-style: italic; }

fieldset { padding:1em; margin-bottom:10px; border: 2px solid #6E2405; }

h1 { color: #99a183; font-size: 1.5em; font-weight: bold; margin-bottom: 10px; text-align: left; }
h2 { font-size: 1.3em; font-weight: bold; margin-bottom: 0; text-align: left; }
h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 0; text-align: left; }

html { overflow:auto }

legend { padding:0.2em 0.5em; margin:0 0 0 7px; font-weight:bold; border: 1px solid #6E2405;  }

p {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 13px;
	line-height: 15px;
	padding-bottom: 10px;
}

small { font-size: smaller; line-height: 10px; }

sup { font-size: smaller; vertical-align: super; }

td { vertical-align: top; }

/* ---- Nav ---- */

#bottom_nav {
	color: #8d6d53;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 10px;
	text-align: center;
}
#bottom_nav a { color: #8d6d53;	text-decoration: none; }
#bottom_nav a:hover { text-decoration: underline }

#nav ul li {
	float: left;
	padding: 19px 0 8px;
	text-align: center;
	width: 117px;
}
#nav ul li:hover, #nav ul li.selected {
	background-image: url(/images/bg_village_sprite.gif);
	background-position: -500px -86px;
	background-repeat:  no-repeat;
}
#nav ul li a:hover, #nav ul li:hover, #nav ul li:hover a, #nav ul li.selected, #nav ul li.selected a { color: #d9c097; }
#nav ul li a {
	color: #463a27;
	font-family:  "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}

#sub_nav { 
	background-color: #5c2c04;
	color: #FFFFFF;
	font-size: 12px;
	height: 10px;
	padding: 15px 0;
	position: relative;
	width: 100%;
}
#sub_nav a { color: #FFFFFF; text-decoration: none }
#sub_nav a:hover { text-decoration: underline; }

#sub_sub_nav {
	background-image:url(/images/bg_village_sprite.gif);
	background-position: 0 -476px;
	background-repeat: no-repeat;
	border: 3px solid #ffffff;
	height: 35px;
}
#sub_sub_menu { float: left }
#sub_sub_menu a {
	background-image:url(/images/bg_village_sprite.gif);
	background-position: -625px -87px;
	background-repeat: no-repeat;
	border: 1px solid #d1d1d1;
	color: #666633;
	display: inline-block;
	font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 12px;
	padding: 10px 5px;
	text-decoration: none
}
#sub_sub_menu a:hover {
	background-image:url(/images/bg_village_sprite.gif);
	background-position: -501px -164px;
	background-repeat: no-repeat;
}
#sub_sub_menu a.submenuON {
	background: #ffffff;
	border-bottom: none;
}

#topmenu {
	background-color: #ffffff;
	border: 1px solid #cccc99;
	border-bottom: none; 
	border-right: none; 
	bottom: 0;
	padding: 3px 5px 2px;
	position: fixed;
	right: 308px;
}
#topmenu a{
	color: #6e2405;
	text-decoration:none;
}
#topmenu a:hover{
	text-decoration:underline;
}


/* ---- ID ---- */

#bottom_box {
	border: 1px solid #cccc99;
	border-top: none;
	width: 846px !important;
	width: 848px;
}

#content {
	background-color: #ffffff;
	border: 1px solid #cccc99;
	border-bottom: none;
	clear: both;
	width: 846px !important;
	width: 848px;
}

#copyright {
	color: #8d6d53;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin: 10px 0;
	text-align: center;
}

#error{
	background-color: #F9F8BA;
	border-bottom:1px dashed #BAA13D;
	padding:8px;
	text-align:center;
}

#google input.query {
	background-color: #e3d0a0;
	border: 1px solid #feefcc;
	color: #81582e;
	margin-left: 12px !important;
	margin-left: 0;
	width: 214px;
}

#header_bottom {
	background-image: url(/images/bg_village_sprite.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	clear: both;
	height: 43px;
	margin-top: 5px;
	width: 100%;
}

#instant_messenger {
	background-color: #ffffff;
	border: 1px solid #cccc99;
	border-bottom: none; 
	bottom: 0;
	padding: 3px;
	position: fixed;
	right: 50px;
	width: 250px;
}
#instant_messenger.im_open { height: 380px !important; height: 380px; }
#instant_messenger.im_closed { height: 19px !important; height: 5px; }

#myTUT {
	float: right;
	margin-right: 6px;
	margin-top: 17px;
}
#myTUT div a { color: #000; text-decoration: none }
#myTUT div a:hover { text-decoration: underline; }

#search {
	background-image: url(/images/bg_village_sprite.gif);
	background-position: -500px -44px;
	background-repeat: no-repeat;
	float: right;
	height: 42px;
	text-align: center;
	width: 279px;
}

#wrapper {
	margin: 0 auto;
	padding-top: 3px;
	position: relative;
	text-align: left;
	width: 856px;
}

/* ---- login box ---- */
#login_popup {
	background-color: #FFFFFF;
	border: 1px solid #cccc99;
	display: none;
	left: 544px;
	padding: 10px;
	position: absolute;
	top: 20px;
}
.login { text-align: right;}
.login p { color: #606060; font-size: 12px; font-weight:bold; line-height: normal; margin-bottom: 0; }
.login p.red, .login p.red a, .login p.red a:hover { color: #853200; }
.login_form {
	background: transparent url(/images/img_tutsite_loginbox.gif) no-repeat;
	color: #978058;
	height: 200px !important;
	height: 206px;
	padding: 6px 20px 0 0;
	width: 320px !important;
	width: 340px;
}
.login_form a { color: #978058; }
.login_form .text {
	border: 1px solid #605c5c;
	height: 25px;
	line-height: 12px;
	font-size: 1em;
	width: 174px;
}
.login_form .button {
	background-color: #ffffff;
	border: 1px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;
	color: #7A7A7A;
	font-size: .9em;
	height: 25px;
	width: 70px;
}

/*---- jTIp ----*/
#JT_arrow_left{
	background-image: url(/images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #C6CD9F;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(/images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #C6CD9F;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #C6CD9F;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
	margin:3px 0;
	text-align: left;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}


/* ---- lists ---- */

ul.bulleted {
	list-style-type: disc;
	margin-left: 10px;
	padding-left: 10px;
}

ul.list-blue-menu{
	list-style-type: none;
	list-style-position: outside;
 	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin:0;
	padding:0;
}
li.list-blue-menu-item{
	padding-left:15px;
	background: url(/images/bullet_heart.png) left center no-repeat;
	color: #000000;
}
li.list-green-menu-item{
	padding-left:15px;
	background: url(/images/bullet_heart.png) left center no-repeat;
	color: #000000;
}
li.list-blue-menu-item a{
	color: #000000;
}
li.list-blue-menu-item a:hover{
	color: #6888CA;
}

ul.list-orange-menu{
	list-style-type: none;
	list-style-position: outside;
 	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin:0;
	padding:0;
}
li.list-orange-menu-item{
	padding-left:15px;
	background: url(/images/bullet_heart.png) left center no-repeat;
	color: #000000;
}
li.list-orange-menu-item a{
	color: #000000;
}
li.list-orange-menu-item a:hover{
	color: #A8824F;
}

ul.sidemenu{
	list-style-type: none;
	list-style-position: outside;
 	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin:0;
	padding:0 15px 0 10px;
}
ul.sidemenu li {
	border-bottom: 1px dotted #000;
	padding: 5px 0;
}
ul.sidemenu a{
	color: #666666;
	text-decoration: none;
}
ul.sidemenu a:hover{
	text-decoration: underline;
}

ul.tabbed_nav li {
	background-color: #DDDDDD;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	cursor: pointer;
	float: left;
	margin-right: 3px;
	padding: 5px;
}
ul.tabbed_nav li.selected { background-color: #ffffff; }

ul.numbered {
	list-style-type:decimal;
	margin-left: 25px;
}

/* ---- page elements ---- */

.clear { clear: both; }

.columnSmall{
	float:left;
	width:278px;
}
.columnNarrow { float: left; width:250px; }
.columnNarrow .paper {
	background: #ffffff url(/images/bg_column_narrow_paper.jpg) bottom left no-repeat;
	border-bottom: 4px solid #e2e1dc;
	border-left: 2px solid #e3e2c1;
	border-right: 4px solid #e2e1dc;
	border-top: 2px solid #e3e2c1;
	margin-bottom: 10px;
	padding: 10px 15px;
	width: 220px !important;
	width: 250px;
}
.columnWide{
	float:left;
	width:496px;
}
.floatLeft { float:left }
.floatRight { float:right }
.padded{
	background-color: #fff;
	padding: 5px 20px;
}
.non_padded {
	background-color: #fff;
	border-bottom: none;
}

.dividerV{
	float:left;
	width:25px;
}
.dividerH{
	float:none;
	height:5px;
}

.dotted{
	height:2px;
	border-top: 1px dotted #999999;
}

.dotted-bottom{
	padding:3px;
	border-bottom: 1px dotted #999999;
}

.legal_paper_m_top {
	background: transparent url(/images/bg_legal_paper_m_top.gif) top left no-repeat;
	height: 36px;
	padding: 22px 0 0 45px;
	width: 305px;
}
.legal_paper_m_tile {
	background: transparent url(/images/bg_legal_paper_m_tile.gif) top left repeat-y;
	padding: 0 10px 0 45px;
	width: 295px;
}
.legal_paper_m_tile checkbox {
	background: transparent url(/images/bg_legal_paper_checkbox);
	border: none;
}
.legal_paper_m_tile p { padding-bottom: 0; line-height: 15px; }
.legal_paper_m_tile textarea {
	background: none;
	border: none;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 19px;
	line-height: 21px;
	width: 250px;
}
.legal_paper_m_bottom {
	background: transparent url(/images/bg_legal_paper_m_bottom.gif) top left no-repeat;
	height: 30px;
	margin-bottom: 15px;
	width: 350px;
}

.legal_paper_s_top {
	background-image: url(/images/bg_village_sprite.gif);
	background-position: -501px -197px;
	background-repeat: no-repeat;
	height: 29px;
	padding: 15px 0 0 35px;
	width: 235px;
}
.legal_paper_s_tile {
	background: transparent url(/images/bg_legal_paper_s_tile.gif) top left repeat-y;
	padding: 0 10px 0 35px;
	width: 225px;
}
.legal_paper_s_tile p { padding-bottom: 0; line-height: 14px; }
.legal_paper_s_tile textarea {
	background: none;
	border: none;
	color: #666666;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-family: 'Comic Sans MS', cursive;*/
	font-family: cursive;
	font-style: italic;
	font-size: 15px;
	height: 14px;
	line-height: 14px;
	width: 190px;
}

.handwritten{
	font-family: cursive;
	font-style: italic;
}

.legal_paper_s_bottom {
	background-image: url(/images/bg_village_sprite.gif);
	background-position: -501px -259px;
	background-repeat: no-repeat;
	height: 23px;
	width: 270px;
}

.legal_paper_l_top {
	background: transparent url(/images/bg_legal_paper_l_top.gif) top left no-repeat;
	height: 48px;
	padding-top: 33px;
	padding-left: 65px;
	width: 435px;
}
.legal_paper_l_tile {
	background: transparent url(/images/bg_legal_paper_l_tile.gif) top left repeat-y;
	width: 500px;
}
.legal_paper_l_tile p {
	padding-bottom: 0;
	line-height: 30px; 
}
.legal_paper_l_bottom {
	background: transparent url(/images/bg_legal_paper_l_bottom.gif) top left no-repeat;
	height: 43px;
	width: 500px;
}

.pages{
	text-align:right;
}
.pages { color: #853200; }

.tabbed_content {
	border: 1px solid #CCCCCC;
	padding: 10px;
}

/* ---- text styles ---- */
.blue{ color: #68ABCA; font-weight:bold; font-size:8pt; }

.bold{ font-weight:bold; }

.centered{ text-align:center; }

.error{ color:#FF0000; font-weight:bolder; }

.gray, .gray a, .gray a:hover{ color: #999999; font-size: 11px; }

.green, .green a, green a:hover { color: #80886a; }

.hidden { display: none; }

.red, .red a, .red a:hover{ color: #853200; }

.view_all{
	border-bottom: 1px solid #a9a9a9;
	font-style: italic;
	margin-bottom: 5px;
	text-align: right;
	width: 249px;
}


/* ---- blocks ---- */

.homepage {
	background: transparent url(/images/bg_homepage_gradient.jpg) repeat-x;
	height: 566px !important;
	height: 500px;
	padding-bottom: 0;
	padding-top: 10px;
	width:846px;
}

.homepage_button_wrapper {
	float: left;
	height: 150px;
	text-align: center;
	width: 123px;
}
.jambo-header{
	color: #6f6f6f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	margin-bottom: 5px;
	padding-left: 9px;
}
.left-header, .thoughts-header, .greatful-header{
	color: #853200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 9px;
}
.thoughts-header, .greatful-header{
	margin-left: 7px;
}
.thoughts-header, .greatful-header {
	padding-left: 17px;
}
.thoughts-body textarea, .greatful-body textarea {
	border: none;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 6px;
	overflow: auto;
}
.jambo-body, .left-body, .thoughts-body, .profile-body, .greatful-body{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #CCC;
	padding: 5px 7px;
}
.right-header{
	background-image: url(/images/bg_village_sprite.gif);
	background-position: 0 -44px;
	background-repeat: no-repeat;
	color: #853200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	height: 36px !important;
	height: 51px;
	padding: 15px 0 0 35px;
	width: 465px !important;
	width: 500px;
}
.right-body {
	background: transparent url(/images/bg_village_right_tile.jpg) repeat-y;
	color: #7A7979;
	padding: 0 15px;
	width: 470px !important;
	width: 500px;
}
.rounded_corner {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #CCC;
	padding: 0 7px;
}
.note-header {
	background-image:url(/images/bg_village_sprite.gif);
	background-position: 0 -197px;
	background-repeat: no-repeat;
	color: #853200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	height: 36px !important;
	height: 51px;
	padding: 15px 0 0 35px;
	width: 465px !important;
	width: 500px;
}
.note-body {
	background: transparent url(/images/bg_village_note_tile.jpg) repeat-y;
	color: #AF9C36;
	font-size: 13px;
	line-height: 15px;
	padding: 0 25px 15px;
	text-align: center;
	width: 450px !important;
	width: 500px;
}
.wide-header {
	background-image:url(/images/bg_village_sprite.gif);
	background-position: 0 -323px;
	background-repeat: no-repeat;
	color: #853200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	height: 36px !important;
	height: 51px;
	padding: 15px 0 0 35px;
	width: 741px !important;
	width: 776px;
}
.wide-body {
	background: transparent url(/images/bg_village_full_tile.jpg) repeat-y;
	color: #7A7979;
	padding: 15px;
	width: 745px !important;
	width: 776px;
}
.blue-header, .orange-header, .green-header, .grey-header, .brown-header, .search-header {
	border: 1px solid #ffffff;
	background-color: #e1dcc6;
	color: #853200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding: 5px;
}
.blue-body, .orange-body, .green-body, .grey-body, .brown-body, .search-body{
	border: 1px solid #ffffff;
	border-top: none;
	background-color: #FFFFFF;
	color: #7A7979;
	padding: 5px;
}
.green-body blockquote { width: auto; }
.blue-header a, .orange-header a, .green-header a, .grey-header a, .brown-header a, .search-header a {
	color: #6D7B99;
	font-weight: normal;
	text-decoration: none;
}
.blue-header table tr td, .ornage-header table tr td, .grey-header table tr td, .brown-header table tr td, .search-header table tr td {
	font-family: "Trebuchet MS","Lucida Grande";
	font-size: 10pt;
	font-weight:bold;
	color: #6D7B99;
}
.green-header {	background-color: #dedec4; border: 1px solid #ccc; color: #666633; }
.green-header table tr td { color: #666633; font-weight: bold; } 
.green-header a { color: #666633; font-weight: bold; }
.green-header a:hover{ color: #666633; font-weight: bold; text-decoration: underline; }
.green-body { background-color: #f0f0d5; border: 1px solid #cccccc; border-top: none;  }
.green { color: #697043; }
.orange { color: #9b7202; }
.blue { color: #427774; }

.tip{
	border: 1px dashed #D38828;
	padding:5px;
	color: #666666;
}
.tip-body{

}

.cardlabel{
	float:left;
	width:80px;
	color: #666666;
}
.cardbody{

}

.card-headline{
	border:1px dashed #689BCA;
	background-color: #F5FAFF;
	float:left;
}
.card-headline-body{
	font-family: "Trebuchet MS","Lucida Grande";
	font-size: 10pt;
	font-weight:bold;
	float:left;
	margin:5px;
}

.card-member{
	float: left;
	width: 390px;
}
.card-online{
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #FF9000;
	font-size:7pt;
	padding:2px;
	margin:2px;
	height:10px;
	line-height:10px;
	cursor:default;
	font-weight:bold;
}
.card-featured{
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #C96767;
	font-size:7pt;
	padding:2px;
	margin:2px;
	height:10px;
	line-height:10px;
	cursor:default;
	font-weight:bold;
}
.card-new{
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #24A72D;
	font-size:7pt;
	padding:2px;
	margin:2px;
	height:10px;
	line-height:10px;
	cursor:default;
	font-weight:bold;
}
.card-updated{
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #3588AE;
	font-size:7pt;
	padding:2px;
	margin:2px;
	height:10px;
	line-height:10px;
	cursor:default;
	font-weight:bold;
}

.card-member-top,.card-member-top a{
	background-color: #D6E4F0;
	padding:3px;
	text-align:left;
	border-bottom: 1px solid #FFFFFF;
	color: #32608A;
	text-decoration:none;
}
.card-member-top a:hover{
	color: #689BCA;
}
.card-member-body{
	background-color: #FFFFFF;
	padding:5px;
	text-align:left;
}
.card-member-body:hover {
	background-color: #E1E1E1;
}
.card-member-header,.card-member-header a{
	font-family: "Trebuchet MS","Lucida Grande";
	font-size: 12pt;
	font-weight:bold;
	color: #507EA9;
	text-decoration:none;
}
.card-member-header a:hover{
	color: #689BCA;
}
.card-member-options,.card-member-options a{
	background-color: #D6E4F0;
	padding:3px;
	text-align:center;
	border-top: 1px solid #FFFFFF;
	color: #32608A;
	text-decoration:none;
	font-size:7pt;
}
.card-member-options a:hover{
	color: #689BCA;
}
ul.card-member-list{
	padding:0;
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	list-style-position: outside;
}
li.card-member-item{
	display:inline;
	background: url('arrow.gif') 5px no-repeat ;
	padding-left:10px;
}


.card-blog{
	border-top:2px solid #67C968;
	border-bottom:1px solid #67C968;
}

.card-blog-top,.card-blog-top a{
	background-color: #D5F0D6;
	padding:3px;
	text-align:left;
	border-bottom: 1px solid #FFFFFF;
	color: #328A33;
	text-decoration:none;
}
.card-blog-top a:hover{
	color: #67C968;
}
.card-blog-body{
	background-color: #EBFAEB;
	padding:5px;
	text-align:left;
}
.card-blog-header,.card-blog-header a{
	font-family: "Trebuchet MS","Lucida Grande";
	font-size: 12pt;
	font-weight:bold;
	color: #4FA851;
	text-decoration:none;
}
.card-blog-header a:hover{
	color: #67C968;
}
.card-blog-options,.card-blog-options a{
	background-color: #D5F0D6;
	padding:3px;
	text-align:center;
	border-top: 1px solid #FFFFFF;
	color: #328A33;
	text-decoration:none;
	font-size:7pt;
}
.card-blog-options a:hover{
	color: #67C968;
}
ul.card-blog-list{
	padding:0;
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	list-style-position: outside;
}
li.card-blog-item{
	display:inline;
	background: url('arrow.gif') 5px no-repeat ;
	padding-left:10px;
}



.member{
	height: auto;
}
.member-online-photo{
	padding: 0;
	text-align: center;
}
.member-online-name{
	padding: 2px;
	text-align:center;
}
.member-online-name a{
	font: 8pt Tahoma, sans-serif;
	color: #807569;
}
.member-online-name a:hover{
	text-decoration: none;
}
.member-online-indicator{
	border: 1px solid #998C7D;
	font: 7pt Arial, sans-serif;
	color: #FFFFFF;
	background-color: #BFAF9D;
}
.member-online-indicator a{
	font: 7pt Arial, sans-serif;
	color: #FFFFFF;
}

.member-offline-photo{
	padding: 0;
	text-align:center;
}
.member-offline-name{
	padding: 2px;
	text-align:center;
}
.member-offline-name a{
	font: 8pt Tahoma, sans-serif;
	color: #808080;
}
.member-offline-name a:hover{
	text-decoration: none;
}
.member-offline-indicator{
	border: 1px solid #999999;
	font: 7pt Arial, sans-serif;
	color: #FFFFFF;
	background-color: #BFBFBF;
}
.member-offline-indicator a{
	font: 7pt Arial, sans-serif;
	color: #FFFFFF;
}

.ecard{

}
.ecard-thumbnail{
	padding: 2px;
}
.ecard-name{
	background-color: #E5E5E5;
	border-left: 1px dashed #999999;
	border-right: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	padding:15px;
}

.photo{
	height:auto;
}
.photo_big { text-align: center }
.photo_big_container {
	background-color: #FF0000;
}
.photo-photo{ }
.photo-caption{
	padding: 2px;
	height:auto;
}
.photo-text{
	font: 7pt Tahoma, sans-serif;
	color: #808080;
}
.photo-text a{
	font: 7pt Tahoma, sans-serif;
	color: #808080;
}
.photo-text-big{
	font: 9pt Tahoma, sans-serif;
	color: #808080;
}

.news{
	border:1px solid #CCCCCC;
}
.news-title{
	background-color: #F2F2F2;
	border-right:1px solid #CCCCCC;
	float:left;
	padding:3px;
	width:80%;
}
.news-date{
	background-color: #E5E5E5;
	border-left:1px solid #CCCCCC;
	padding:3px;
	text-align:right;
}
.news-body{
	background-color: #FFFFFF;
	border-top:1px solid #CCCCCC;
	padding:5px;
}

/* forms */
.form{
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
}
.formlabel{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	float:left;
	text-align:right;
	width:40%;
	margin: 0 0 5px 0;
	padding:6px 0px 0 0;
	display:block;
	clear:both;
}
.formelement{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4E8199;
	float:left;
	margin:3px;
	text-align:left;
}
.formbutton{
	padding-top:10px;
	text-align:center;
	display:block;
	clear:both;
}
.formset{
	margin-bottom:2px;
}
.textfield{
	background-color: #FFFFFF;
	border:1px solid #999999;
	padding:3px;
	color: #666666;
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.dropdown{
	background-color: #FFFFFF;
	border:1px solid #999999;
	color: #666666;
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.textarea{
	background-color: #FFFFFF;
	border:1px solid #999999;
	padding:3px;
	color: #666666;
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.button{
	background-color: #F2F2F2;
	border:1px solid #999999;
	padding:3px;
	color: #666666;
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

/* lists */
.list-blue, .list-orange, .list-green {
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	padding: 0 15px;
}
.list-blue a, .list-orange a, .list-green a{
	color: #000000;
}
.list-blue a:hover, .list-orange a:hover, .list-green a:hover{
	text-decoration: underline;
}
.list-blue-header, .list-orange-header, .list-green-header{
	padding:3px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	height:20px;
}
.list-blue-header { background-color: #dbe7e7; border-top: 2px solid #7ea3a3; }
.list-orange-header { background-color: #f6ebcd; border-top: 2px solid #cbb77d; }
.list-green-header { background-color: #dedec4; border-top: 2px solid #c9cdb0; }
}
.list-blue-item, .list-orange-item{
	text-align:left;
	padding:3px;
}
.list-blue-item-1, .list-orange-item-1, .list-green-item-1{
	text-align:left;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	color: #777D68;
	padding:3px;
	height:20px;
}
.list-blue-item-1 { background-color: #eef7f7; }
.list-orange-item-1 { background-color: #fffbe5;}
.list-green-item-1 { background-color: #f0f0d5; }
.list-blue-item-2, .list-orange-item-2, .list-green-item-2{
	text-align:left;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color: #ffffff;
	color: #777D68;
	padding:3px;
	height:20px;
}
.list-blue-title,.list-blue-title a, .list-orange-title,.list-orange-title a, .list-green-title,.list-green-title a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #853200;
	text-decoration: none;
	padding-right:5px;
}
.list-blue-category, .list-orange-category{
	color: #7A7979;
	padding:3px;
}
.list-blue-category a, .list-orange-category a{
	color: #7A7979;
}
.list-blue-category a:hover, .list-orange-category a:hover{
	text-decoration: underline;
}
.list-blue-subcategory, .list-orange-subcategory{
	padding:3px;
	padding-left:20px;
}
.list-blue-subcategory a, .list-orange-subcategory a{
	color: #000000;
	text-decoration:none;
}
.list-blue-subcategory a:hover, .list-orange-subcategory a:hover{
	color: #853200;
	text-decoration: underline;
}
.list-mailbox-header { vertical-align: middle; }
.list-mailbox-item-1, .list-mailbox-item-2 {
	border-bottom: 1px solid #DDDDDD;
	padding: 5px 0;
}

/* rating */
.rating{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	color: #000000;
	font-weight: bolder;
	text-align:center;
}

.rating_0{
	color: #8093BA;
}
.rating_1{
	color: #8093BA;
}
.rating_2{
	color: #868FB3;
}
.rating_3{
	color: #8E8BAA;
}
.rating_4{
	color: #9885A0;
}
.rating_5{
	color: #A27F95;
}
.rating_6{
	color: #AD7989;
}
.rating_7{
	color: #B7737E;
}
.rating_8{
	color: #C06D75;
}
.rating_9{
	color: #C7696C;
}
.rating_10{
	color: #CE6565;
}

/* forum */
.forum-totals{
	padding:5px 15px;
}
.forum-button{
	border: 1px solid #000000;
	background-color: #FFFFFF;
	color: #666666;
	font-family : Tahome, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding:5px;
	cursor:pointer;
	float:left;
	margin:2px;
}
.forum_quote{
	border:1px dashed #689BCA;
	background-color: #FFFFFF;
	padding:5px;
}

/* calendar */
.calendar-button{
	font-family : Tahome, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #FFFFFF;
	border:1px solid #999999;
	color: #999999;
	cursor:pointer;
	width:20px;
	text-align:center;
	vertical-align: middle;
}
.calendar-date{
	font-family: "Trebuchet MS","Lucida Grande";
	font-size: 11pt;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	color: #853200;
}
.calendar-week{
	background-color: #e7e7e7;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	text-align: center;
}
.calendar-day{
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	color: #000000;
	cursor: pointer;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	height: 45px;
	text-align: right;
	vertical-align: top;
	width: 61px;
}
.calendar-extended{
	color: #999999;
}
.calendar-sunday{
	color: #1F5EAC;
}
.calendar-today{
	color: #B33838;
}
.calendar-holiday{
	color: #1F5EAC;
}
.calendar-nof-holiday{
	color: #3F981C;
}
.calendar-events{
	font-weight: bold;
}
.calendar-notes{
	font-style: italic;
}
.calendar-selected{
	border: 1px solid #B33838;
	width: 59px;
}

.event_note {
	background: #f4ed83 url(/images/bg_village_event_note.gif) bottom center no-repeat;
	min-height: 111px;
	margin: 0 auto 15px;
	padding: 10px 15px 20px 10px;
	width: 290px;
}
/* im */
.im{
	border:1px solid #999999;
}
.im-header{
	font-size:7pt;
	color: #666666;
	background-color: #F2F2F2;
	border-bottom: 1px solid #999999;
	padding:3px;
}
.im-body{
	background-color: #FFFFFF;
	text-align:center;
}

/* banners */
.banner-header{
	border-bottom: 1px solid #CCCCCC;
	padding:5px;
	text-align:center;
}
.banner-footer{
	border-top: 1px solid #CCCCCC;
	padding:5px;
	text-align:center;
}
.banner-side{
	padding:0;
	text-align:center;
}

/* notification */
.noti{
	border:1px solid #6888CA;
	background-color: #FFFFFF;
	color: #666666;
}
.noti-header{
	background-color: #6888CA;
	padding:3px;
	color: #FFFFFF;
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.noti-header a{
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
.noti-body{
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
.noti-body a{
	color: #666666;
}
.noti-body a:hover{
	text-decoration:none;
}

/* color selector */
.color-color{
	margin:1px;
	width:9px;
	height:9px;
	float:left;
	cursor:pointer;
	border:1px solid #000000;
}

/* albums */
.photo{
	height:auto;
}
.photo_edit{
	height:auto;
	text-align: center
}
.photo_main{
	background-color: #FA8072;
	border: 1px solid #999999;
	padding: 8px;
}
.album{
	width:80px;
	height:auto;
}
.album_main{
	margin-bottom: 3px;
}
.album_big{
	width:344px;
}
.album-photo{
	color: #7A7979;
	font-size: 10px;
	margin-bottom: 3px;
}
.album-caption{
	padding: 2px;
	height:auto;
}
.album_edit{
	height:auto;
}
.album-text{
	font: 7pt Tahoma, sans-serif;
	color: #808080;
}
.album-text a{
	font: 7pt Tahoma, sans-serif;
	color: #808080;
}
.album-text-big{
	font: 8pt Tahoma, sans-serif;
	color: #808080;
}

/* vchat */
#vchat_window{
	position: fixed;
	display: noned;
	width: 370px;
	top: 0;
	left: 0;
	z-index: 1;
}
.vchat_handler{
	border: 4px solid #00209F;
	background-color: #FFFFFF;
	height:100%;
	padding:5px;
}
.vchat_icon{
	margin:auto;
	text-align:center;
	float:left;
}
.vchat_message{
	color: #000;
	text-align:left;
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
}
.vchat_message_header{
	font-weight:bold;text-align:center
}
.vchat_message_content{
	padding-top:20px;
}
.vchat_buttons{
	text-align:center;
	padding-top:20px;
}

/* social bookmarking */
#sbdropdown {
	background-color: #ffffff;
	border: 1px solid #cccc99;
	border-bottom: none; 
	bottom: 26px;
	display: none;
	padding: 5px;
	position: fixed;
	right: 267px;
}
#sbbar {
border:1px solid #CCC;
background-color: #FFF;
padding: 3px;
}
.sbitem{
border:1px solid #FFF;
background-color: #F7F7F7;
color: #666666;
padding: 3px;
cursor: pointer;
text-align:left;
}
.sbitemhighlight{
background-color: #EBF3FA;
border:1px solid #689BCA;
padding: 3px;
cursor: pointer;
text-align:left;
}

/* tags */
.tagCloud {
	padding: 3px;
	text-align:center;
}
.tagCloud a{
	color: #4E8199;
	text-decoration:none;
}
.tagCloud a:hover {
	color: #4E8199;
	text-decoration:underline;
}

/* --- Drop Down Menu ---*/

.nav {
  font-size:0.85em;
  margin-left: 140px;
  position:relative;
  width:745px;
  z-index:9999;
}

.nav img {border: none;}

.nav ul { padding:0; margin:0; list-style-type:none; }
.nav ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:149px;}
.nav li {float:left;width:165px;position:relative;}
.nav a, .nav a:visited {display:block; width:133px; height:44px; padding-left:10px;}

.nav ul ul a.drop, .nav ul ul a.drop:visited {background: url(/images/bg_dropdownmenu.png) no-repeat;}
.nav ul ul a.drop:hover{background: url(/images/bg_dropdownmenu.png) no-repeat;}
.nav ul ul :hover > a.drop {background: url(/images/bg_dropdownmenu.png) no-repeat;}

.nav table {position:absolute; top:0; left:0; border-collapse:collapse;}

.nav ul ul a, .nav ul ul a:visited {
  background: url(/images/bg_dropdownmenu.png) no-repeat;
  color:#000;
  cursor:pointer;
  font-size:12px;
  font-weight:bold;
  height:18px;
  line-height:1em;
  margin-left: 18px;
  padding:2px;
  text-align:center;
  text-decoration: none;
  width:126px;
}

.nav a:hover, .nav ul ul a:hover{ background: url(/images/bg_dropdownmenu.png) no-repeat; color: #6e2405;}
.nav :hover > a, .nav ul ul :hover > a {background: url(/images/bg_dropdownmenu.png) no-repeat;}

.nav ul li:hover ul,
.nav ul a:hover ul{ visibility:visible; }

.nav .firstTeir > a { background: none; } 

/*             styles for the star rater                */	
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	overflow:hidden;
	background: url(alt_star.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	line-height:25px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.star-rating li a:hover{
	background: url(alt_star.gif) left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:25px;
}
.star-rating a.two-stars{
	left:25px;
}
.star-rating a.two-stars:hover{
	width: 50px;
}
.star-rating a.three-stars{
	left: 50px;
}
.star-rating a.three-stars:hover{
	width: 75px;
}
.star-rating a.four-stars{
	left: 75px;
}	
.star-rating a.four-stars:hover{
	width: 100px;
}
.star-rating a.five-stars{
	left: 100px;
}
.star-rating a.five-stars:hover{
	width: 125px;
}
.star-rating li.current-rating{
	background: url(alt_star.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

/* remove halo effect in firefox   */
a:active{
	outline: none;
}		

/* Vision Board */
#visionboard img { margin:0; padding:0; }

.vizualize_container {
	height: 695px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 490px;
}

.vizualize_picker {
	background: #ffffff;
	margin-bottom: 5px;
	padding: 5px 0;
	width: 259px;
}

.visionboard_trash {
	background: transparent url(/theclub/visionboard_imgs/bg/trash.png) no-repeat;
	bottom: 3px;
	height: 26px;
	position: absolute;
	right: 3px;
	width: 20px;
}

.newsfeed_holder{
	border-bottom: 1px solid #dddddd;
	clear:both;
	margin-bottom:5px;
	padding:5px;
	width:473px;
}
.newsfeed_mem_img {
	float: left;
	margin-right: 5px;
}
.newsfeed_icon{
	float:left;
	width:auto;
	padding-right:5px;
}
.newsfeed_message{
	color: #7A7979;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 13px;
	line-height: 15px;
	padding-bottom: 0px;
	vertical-align: bottom;
	width: 380px;
}
.newsfeed_message a{
	color: #6D7B99;
	font-weight: bold;
	text-decoration: none;
}
.newsfeed_message a:hover{
	text-decoration: underline;
}
.newsfeed_time{
	vertical-align: bottom;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	color: #B0B0B0;
}
.newsfeed_pic{
	background-color: #eeeeee;
	border: 1px solid #e2dfdf;
	float:left;
	margin: 3px 3px 0 30px;
	padding: 5px;
	vertical-align: middle;
}
.newsfeed_title{
	float:left;
	width:auto;
	padding-right:10px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.newsfeed_text_green{
	float:left;
	width:auto;
	padding-right:10px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666633;
}
.newsfeed_text_red{
	float:left;
	width:auto;
	padding-right:10px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#853200;
}
.newsfeed_shoutout {
/*	background-color: #FFFFFF;
	border: 1px solid #ECECE9; */
	color: #7A7979;
	font-size: 1em;
	line-height: 16px;
	margin: 0 auto;
	padding: 0 5px;
	width: 396px;
}
.newsfeed_comment_container {
	background-color: #E9E9E9;
	margin-bottom: 1px;
	padding: 3px;
	width: 374px;
}
.newsfeed_comment {
	float: left;
	width: 339px;
}
.newsfeed_shoutout_textarea {
	background-color: #FFFFFF;
	border:1px solid #DDDDDD;
	padding:3px;
	color: #B0B0B0;
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.newsfeed_photobox{
	width: 400px;
}

.rss_feed {
	padding-left: 20px;
	list-style: disc;
}
.rss_feed a { color: #7a7979; text-decoration: none; }
.rss_feed a:hover { text-decoration: underline; }
.rss_feed li { margin-bottom: 5px; }

/* Facebook Connect */
div.fb a img {border:0px;color:black;}
.fb_pic {margin-right:10px; float:left;}
.fb_table {font-size:11px;}
.fb_table tr {vertical-align:top}

.fb_table a img {border:0px;}
#fb_user_box { text-align:left;}
#fb_user_box img {float:left; diplay:inline;margin-right:5px;}

#fb_win {position:absolute; width:200px; height:200px; border:1px solid #333; display:none; background:white;padding:10px;text-align:center;}

#fb_friends_list {font-size:11px;}

/* weather mod */
.weather_current{
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	color: #008cbc;
	text-decoration: none;
	padding-bottom: 5px;
}

/*******************/
/* Added by Pooyan */
/*******************/

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none}

.handPointer {
	cursor: pointer;
	}

/*******************/
/* Added by Vanessa */
/*******************/
.bg_off_white {
    background-color: #EEEEEE;
}
.darkgray {color: #606060;}
.darkgreen { color: #6d794b;}
.loginsubtext {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:12px;
	color:#606060;
}
.solid {
    border-style: solid;
    border-width: 1px;
}

#homeRotatingNotes{
	background-color: #FFFFCC; 
	border-color: #ffcc66; 
	border-width: 4px; 
	border-style: double;
	margin:3px 0 10px 0; 
	padding: 10px; 
	text-align:center;
}
.repeatbody {
    background-color:#f0f0f1;   
    height:auto;    
    margin:0 0 10px 0;
    line-height: 15px;
    padding:10px 20px;
    width: 275px;
}
    {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='table-images/back.png',sizingMethod='crop');
    background: none;}
    
#background-image tbody tr:hover td
{
    color: #339;
    background: none;
}

#gradient-style
{
    font-size: 12px;
    width: 275px;
    border-collapse: collapse;
}

#gradient-style td
{
    border-bottom: 1px dashed #CCCCCC;
    padding: 4px;
    font-weight:bold;
}
#gradient-style tbody tr:hover td
{
    background: #ffffcc;
    color: #666666;
}
.login_popup {
	background: transparent url(/images/img_tutsite_loginboxtop.gif) no-repeat;
	color: #978058;
	height: 200px !important;
	height: 206px;
	padding: 6px 20px 0 0;
	width: 320px !important;
	width: 340px;
}
.login_popup a { color: #978058; }
.login_popup .text {
	border: 1px solid #605c5c;
	height: 25px;
	line-height: 12px;
	font-size: 1em;
	width: 174px;
}
.smbox  {
	background-color:#eeeeee;
	border: solid 1px #605c5d;
	color: #b1b4b4;
    padding:15px;
	text-align: left;
	width: 232px;
	height: 269px;
}
.smboxspace {
        margin:10px 0 3px;
}
.smbox p {
	font-family: Georgia, "Times New Roman", Times, serif;
        font-size:15px; 
        line-height:19px; 
}

.smboxpaper {
	background-image: url(/images/img_tutsite_tapebg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
    height:38px;
	margin:-20px 0 10px 47px;
    text-align:center;
    width:170px;
}
ul.bulleted li{
	line-height:35px;
}
ol.steps {
	list-style-type:decimal;
	font-weight: bold;
	margin: 20px 0;
	padding: 0 0 0 17px; /*--Distance between the order numbers--*/
}
ol.steps li {
	margin: 0;
	padding: 15px 15px;
	font-size: 17px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

ol.steps li h2 {
	color:#565454;
	font-size: 14px;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}

