html{
    height: 100%;
}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	background: url('../images/g-bgextend.jpg') repeat-y center;
    height: 100%;
}

a { text-decoration: none; color: #ca9812; }
a:hover { text-decoration: underline; color: #ca9812; }
img { border: 0px; }

.left { float: left; }
.right { float: right; }
.vmid { vertical-align: middle; }
.clear { clear: both; }
.bold { font-weight: bold; }
.purple { color: #49176d; }


.arrow {margin-bottom: 2px;}

#whitebg { width: 100%; height: 40px; position: absolute; background: #fff; left:0; }
#whitebg_fix, #whitebg_fix_sub { background: #fff; position: absolute; float: left; height: 40px; width: 837px; } #whitebg_fix_sub { width: 950px; }
#container, #container_home { position: relative; top: 0; background-color: #fff; height: 100%; }
#container { width: 950px; padding-top: 40px; margin: 0 auto; /*background: url('../images/y-stopbg.jpg') no-repeat;*/ text-align: left; }
	#sub_header { height: 41px; padding: 0 25px 0 35px; }
	#subpage_title { float: left; display: block; }
	#subpage_title a { height: 41px; display: block; }
	#rcol_logo { float: right; position: relative; top: 9px; display: block; }
	#rcol_logo a { display: block; width: 255px; height: 41px; }
	#main_content { width: 615px; font-size: 14px; line-height: 18px; }
		.main_content_pad { padding-left: 35px; }
		.article_links { font-size: 11px; color: #999; }
		.article_title { padding-top: 10px; font-size: 23px; font-weight: bold; font-family: Arial, 'Trebuchet MS'; }
		.article_title_sm { padding-top: 10px; font-size: 16px; font-weight: bold; font-family: Arial, 'Trebuchet MS'; }
		#rating_box { float: left; width: 150px; font-size: 11px; padding-top: 10px; }
		#feed_options { float: left; width: 150px; font-size: 11px; line-height: 14px; padding-bottom: 70px; }
			.feedoption_sel { padding-left: 8px; }
			.feedoption { padding-left: 8px; }
			.search_txtsm { width: 110px; color: #666; border: 1px solid #ccc; height: 15px; }
		#pagination { width:130px; position: relative; top: -45px; font-size: 11px; line-height: 14px; }
		#comment_feed { margin-left: 150px; font-size: 11px; min-height: 100px; line-height: 14px; padding-top: 10px; }
		#txt_bubble { float: left; width: 150px; height: 95px; background: url('../images/txtbubble.png') no-repeat; }
		#txt_speak { margin-left: 150px; min-height: 95px; }
		#img_preview { float: left; width: 280px; padding-right: 20px; }
			.padtop_7 { padding-top: 7px; }
		#img_txt_speak { margin-left: 300px; min-height: 210px; }
		#img_txt_spread { margin-left: 300px; padding-top: 35px; min-height: 175px; }
		#img_txt_visualize { float:right; width: 280px; }
			/*.art_feed { width: 130px; margin-right: 20px; float: left; }*/
			.art_feed { padding-bottom: 10px; }
			.art_feed td { vertical-align: top; }
			.art_feed p { margin-top: 5px; margin-bottom: 20px; }
			.mid { float: none; margin: 0 150px 0 150px; }
			.art_feed_mid { padding: 0 15px 0 15px; }
			.rightside { float: right; margin-right: 0px; }
#container_home { margin: 0 auto; width: 837px; position: relative; text-align: left; padding-top: 40px; }
	#leftcol { width: 278px; height: 644px; background: url('../images/olivebranchbg.png') no-repeat; position: absolute; left: -278px; top: 40px; }
	#sleftcol{ padding-left: 278px; background: url('../images/olivebranchbg.png') no-repeat; position: absolute; left:-278px; height: 644px; }
	#rightcol {  background: #49176d; }
		/* Right column color classes */
		.green, .green a, .green a:hover { color: #419639; }
		.yellow, .yellow a, .yellow a:hover { color: #ca9812; }
		.blue, .blue a, .blue a:hover { color: #038da3; }
		.orange, .orange a, .orange a:hover { color: #d1561f; }
		.xsm_garrow, .xsm_barrow, .xsm_oarrow, .xsm_yarrow { padding-right: 7px; }
		.xsm_garrow { background: url('../images/g-xsmarrow.png') no-repeat right; }
		.xsm_barrow { background: url('../images/b-xsmarrow.png') no-repeat right; }
		.xsm_oarrow { background: url('../images/o-xsmarrow.png') no-repeat right; }
		.xsm_yarrow { background: url('../images/y-xsmarrow.png') no-repeat right; }
    
	#mainbody, #mainbody_home { margin: 0px; /*background: #fff url('../images/y-mainbodybg.jpg') no-repeat;*/ width: 950px; padding: 19px 0 0px 0px; }
    #mainbody { padding-bottom: 40px;}
	#mainbody_home { padding: 81px 0 0px 35px; width: 802px; padding-bottom: 40px; }
		#logo { width: 510px; height: 83px; background: url('../images/y-homelogo.png') no-repeat; }
		#introtxt { font-size: 16px; line-height: 20px; width: 360px;}
        #introtxt p {margin-bottom: 0;}
		.sm_arrow { padding-right: 12px; background: url('../images/y-smarrow.png') no-repeat right; }
		.sm_backarrow { padding-left: 12px; background: url('../images/y-smbackarrow.png') no-repeat left; }
		.xsm_arrow { padding-right: 7px; background: url('../images/y-xsmarrow.png') no-repeat right; }
		#sub_rightcol { width: 300px; background: #ece7f0; float: right; }
			.sub_rightcol_pad { padding: 20px 25px 0 20px; border-bottom: 1px solid #fff;}
            #mainbody_home .sub_rightcol_pad{ height: 350px;}
				#sub_rcol_title_heroes, #sub_rcol_title_spread, #sub_rcol_title_speak, #sub_rcol_title_visualize { height: 18px; padding-bottom: 15px; display: block; }
				#sub_rcol_title_heroes a, #sub_rcol_title_spread a, #sub_rcol_title_speak a, #sub_rcol_title_visualize a { height: 18px; display: block; }
				#sub_rcol_title_heroes { width: 124px; background: url('../images/stitle-peaceheroes.png') no-repeat; }
				#sub_rcol_title_spread { width: 126px; background: url('../images/stitle-spreadpeace.png') no-repeat; }
				#sub_rcol_title_speak { width: 158px; background: url('../images/stitle-speakyourpeace.png') no-repeat; }
				#sub_rcol_title_visualize { width: 142px; background: url('../images/stitle-visualizepeace.png') no-repeat; }
				.sub_rcol_update { padding-bottom: 15px; line-height: 15px; }
					.sub_rcol_update img { float: left; padding: 3px 5px 10px 0px; }
					.sm_grey_txt { font-size: 9px; color: #999; }
					.xsm_grey_txt { font-size: 9px; color: #999; }
                    #sub_rcol_login { width: 290px; padding: 20px 0 5px 10px; border-bottom: 1px solid #fff; }
			#sub_rcol_search { width: 260px; padding: 20px; border-bottom: 1px solid #fff; }
				#searchbox { padding-left: 57px; /*background: url('../images/y-search.png') no-repeat;*/ }
				.search_txt { width: 180px; color: #666; border: 1px solid #ccc; height: 15px; }
				.search_sub { width: 9px; height: 19px; /*background: url('../images/y-submitbut.png') no-repeat;*/ border: 0px; }
			#sub_goshen { width: 300px; height: 129px; /*background: url('../images/y-goshen.png') no-repeat;*/ float: right; }
		#home_sections ul { margin: 0px; padding: 0px; padding-top: 25px; list-style: none; width: 490px; }
			#home_sections ul li { margin: 0px; padding: 0px; padding-top: 20px; display: block; font-size: 14px; }
		#login, #login_home {  position: relative; float: left; height: 70px;width: 580px; font-size: 10px; padding-top: 60px; border-top: 1px solid #ece7f0; border-bottom: 1px solid #ece7f0; }
		#login {margin-left:35px;}
        #sub_rcol_login { font-size: 10px; }
		#login_home { width: 485px; }
			.login_txt { width: 100px; padding: 1px 5px 1px 5px; border: 1px solid #ccc; color: #999; font-size: 10px; height: 15px; line-height: 15px; }
			.login_sub { width: 50px; height: 17px; /*background: url('../images/y-loginbut.png') no-repeat;*/ border: 0px; }
			.login_label { width: 110px; padding-left: 6px; display: block; float: left; line-height: 15px; }
			.hr { margin: 8px 0 8px 0px; height: 1px; background: #ece7f0; }
		.sm_txt_register { font-size: 11px; }
		.register_txt { width: 268px; padding: 1px 5px 1px 5px; border: 1px solid #ccc; color: #999; font-size: 11px; }

#intro_text p
{
    margin-bottom: 0;
}
.color { color: #ca9812; }

/* jOverlay CSS (http://alvarojunior.com/jquery/joverlay/) */
#box_purple { width: 470px; border: 5px solid #49176d; background: #fff ; text-align: left; }
    #box_purple .submit_but { background: url('../images/p-submit.gif') no-repeat; }
    #box_purple form {padding-bottom: 0;margin-bottom: 0}
#box_green { width: 470px; border: 5px solid #419639; background: #fff; text-align: left; }
	#box_green .submit_but { background: url('../images/g-submit.png') no-repeat; }
	#box_green .logincont_but { background: url('../images/g-logincontbut.png') no-repeat; }
    #box_green form {padding-bottom: 0;margin-bottom: 0}
#box_blue { width: 470px; border: 5px solid #008da9; background: #fff; text-align: left; }
	#box_blue .submit_but { background: url('../images/b-submit.png') no-repeat; }
	#box_blue .logincont_but { background: url('../images/b-logincontbut.png') no-repeat; }
    #box_blue form {padding-bottom: 0;margin-bottom: 0}
#box_orange { width: 470px; border: 5px solid #d1561f; background: #fff; text-align: left; }
	#box_orange .submit_but { background: url('../images/o-submit.png') no-repeat; }
	#box_orange .logincont_but { background: url('../images/o-logincontbut.png') no-repeat; }
    #box_orange form {padding-bottom: 0;margin-bottom: 0}
#box_yellow { width: 470px; border: 5px solid #d19916; background: #fff; text-align: left; }
	#box_yellow .submit_but { background: url('../images/y-submit.png') no-repeat; }
	#box_yellow .logincont_but { background: url('../images/y-logincontbut.png') no-repeat; }
    #box_yellow form {padding-bottom: 0;margin-bottom: 0}
#feed_text { float: right;}

.popup_content { padding: 20px; }
.popup_submit { background: #ece7f0; padding: 8px 20px 0 20px; height: 26px; }
	.cancel_but { width: 53px; height: 17px; float: left; background: url('../images/cancel.png') no-repeat; border: 0px; cursor: pointer; }
	.submit_but { width: 62px; height: 17px; float: right; border: 0px; cursor: pointer; }
	.logincont_but { width: 137px; height: 17px; float: right; border: 0px; cursor: pointer; }
.popup_txt { width: 278px; height: 15px; color: #666; font-size: 11px; }
.popup_txt_half { width: 130px; height: 15px; color: #666; }
.popup_dd_half { width: 130px; height: 21px; color: #666; }
.popup_dd_speak { width: 215px; height: 21px; color: #666; }
.popup_dd { width: 278px; height: 21px; color: #666; }
.popup_txtarea { width: 278px; height: 100px; color: #666; font-family: arial; font-size: 11px; }
.popup_txtarea2 { width: 278px; height: 50px; color: #666; font-family: arial; font-size: 11px; }


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
.star-rating-control{float:left;}
div.rating-cancel, div.star-rating{
	float: left;
	width: 17px;
	height: 15px;
	text-indent: -999em;
	cursor: pointer;
	display: block;
	background: transparent;
	overflow: hidden;
}
div.rating-cancel, div.rating-cancel a { background: url('../images/delete.gif') no-repeat 0 -16px; }
div.star-rating, div.star-rating a { background: url('../images/g-star.gif') no-repeat 0 0px; }
div.rating-cancel a, div.star-rating a { display: block; width: 16px; height: 100%; background-position: 0 0px; border: 0;}
div.star-rating-on a { background-position:0 -16px!important; }
div.star-rating-hover a { background-position: 0 -32px!important; }
/* Read Only CSS */
div.star-rating-readonly a { cursor: default !important;}
/* Partial Star CSS */
div.star-rating{ background: transparent!important; overflow: hidden!important; }

.thumbnail
{
    height: 50px;
    width: 50px;
    text-align: center;
}

.sub_rcol_update .thumbnail, .sub_rcol_update .thumbnail
{
    padding: 3px 5px 10px 0;
    float: left;
}

.grid
{
    height: 130px;
    width: 130px;
    text-align: center;
}

#leaftip_home
{
    position: absolute;
    height: 16px;
    width: 16px;
    top: 24px;
    left: -33px;
}

.o-links a:link, .o-links a:visited
{
    color: #d1561f;
}

.y-links a:link, .y-links a:visited
{
    color: #ca9812;
}

.g-links a:link, .g-links a:visited
{
    color: #419639;
}

.b-links a:link, .b-links a:visited
{
    color: #038da3;
}