body {

 	background:#b1bbd0;

 	color:#000;

 	text-align:center;

 	margin-left:auto;

 	margin-right:auto;

 	font-size:9pt;

 	font-family:verdana, arial, helvetica, sans-serif;

 	margin-bottom:20px;

 	margin-top:0px;

 }



 img {

 	border:0px;

 }



 a {

 	color:#606060;

 	text-decoration:none;

 }



 a:hover {

 	color:#6A962C;

 	text-decoration:underline;

 }



table, td, th {

	font-size:9pt;

}



 input {

 	background:#F6F6F6;

 	border:1px #000 solid;

 	font-size:10pt;

 	color:#000;

 }



 .inputmain {

 	background:#fff;

 	border:1px #000 solid;

 	font-size:10pt;

 	color:#000;

 }



 textarea {

	background-color:#F6F6F6;

 	border:1px #000 solid;

 	font-size:8pt;

 	color:#000;

 }



 .textarea {

 	background-color:#fff;

 	border:1px #000 solid;

 	font-size:8pt;

 	color:#000;

 }





 /*########################

 	MAIN SURR.

 ########################*/



 #outer {

 	width:775px;

 	margin-left:auto;

 	margin-right:auto;

 	font-size:8pt;

 	text-align:left;

 }





 /*########################

 	INPUT BUTTONS / FORMS

 ########################*/



 .button {

 	background:#70972D url(sa_plugin_3_1.jpg);

 	color:#fff;

 	border:1px #fff solid;

 	font-size:8pt;

 	cursor:pointer;

 }



 .button2 {

 	background:#3E99DA;

 	color:#fff;

	border:1px #fff solid;

 	font-size:8pt;

 	cursor:pointer;

 }





 .input {

 	background:#E7F2FC;

 	border-right:2px #344D71 solid;

 	border-bottom:2px #344D71 solid;

 	border-top:2px #6689AA solid;

 	border-left:2px #6689AA solid;

 	font-size:8pt;

 	color:#000;

 }





 .input2 {

 	background:#B4E9FF;

 	border:2px #FF0052 solid;

 	font-size:8pt;

 }



 .input3 {

 	background:#000;

 	border:1px #fff solid;

 	font-size:8pt;

 	color:#fff;

 }



 .input4 {

 	background:#000;

 	border:1px #459DCF solid;

 	font-size:8pt;

 	color:#fff;

 }











 /*########################

 	IMAGES

 ########################*/





 .pic1 { border:3px #000 solid; }



 .pic2 { border:3px #fff solid; }



 .pic3 { border:2px #fff solid; }



 .pic4 { /*filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;*/ border:1px #fff solid; }



 .pic5 { border:1px #ccc solid; }



 .pics1 {



 }



 .pics4 {



 }



 .pics2 {



 }



 .pics3 {



 }



.wrap1 {



}



.wrap2 {



}



.wrap3 {



}



.wrap4 {



}



.wrap5 {



}



.wrap5 img {



}



 /*########################

 	TOP AREA (the header, with messages, chat, instand messanger, etc..

 ########################*/





 #top .top_text a { color:#606060; }

 #top .top_text a:hover { color:#6A962C; }

 #top .top_text { color:#000; }



 #top {

 /*	background:#fff; */

 	width:100%;

 	color:#000;

 }



 #top td {

 	color:#000;

 }



 #top input,select {

 	font-size:8pt;

 	background:#fff;

 	color:#000;

 }



 #top a {

 	font-size:7pt;

 	color:#606060;

 }



 #top a:hover {

 	font-size:7pt;

 	color:#6A962C;

 	text-decoration:underline;

 }



 .top2 {

 	background:#000000;

 }





 /*########################

 	MAIN MENU LINKS   HOME , GALLERY, PRAYERS, ETC...

 ########################*/



 #outer2 {

 	background:#70972D url(sa_plugin_3_1.jpg);

 	border-left:1px #D9D9D9 solid;

 	border-right:1px #D9D9D9 solid;

 	text-align:center;

 }



 .menu {

    border-bottom:2px #70972D solid;

 	background:#70972D url(sa_plugin_3_1.jpg);

 	height:30px;

 	padding-left:5px;

 	padding-right:5px;

 	cursor:pointer;

 	color:#fff;

 	font-size:7pt;

 	font-weight:bold;

 }



 .menu a {

 	color:#fff;

 	font-size:7pt;

 	text-decoration:none;

 	font-weight:bold;

 }

/* ##################
	Hover main menu
   ##################*/
 .menu2 {

 	background:#70972D;

 	height:30px;

 	padding-left:5px;

 	padding-right:5px;

 	cursor:pointer;

 	border-bottom:2px #70972D solid;

 	color:#fff;

 	font-size:7pt;

 	font-weight:bold;

 }



 .menu2 a {

 	color:#fff;

 	font-size:7pt;

 	text-decoration:none;

 	font-weight:bold;

 }



 .menu2 a:hover {

 	color:#fff;

 	font-size:7pt;

 	text-decoration:none;

 	font-weight:bold;

 }



 /*########################

 	MENU LINKS 4

 ########################*/





 .menu4 {

 	padding:2px;

 	/* border-top:1px #014E82 solid;

 	border-left:1px #000 solid; */

 	border-bottom:1px #014E82 solid;

 	/*cursor:pointer;*/

 	font-size:7pt;

 	font-weight:bold;

 }



 .menu4-1 {

 	padding:2px;

 	border-bottom:1px #195B85 solid;

 	/*cursor:pointer;*/

 	font-size:7pt;

 	font-weight:bold;

 }



 .menu4-2 {

 	font-size:7pt;

 	font-weight:bold;

 	padding-left:15px;

 }



 .menu4-4 a {

 	color:#fff;

 }



 .menu4-4 a:hover {

 	color:#fff;

 }





 /*########################

 	LOGIN BOX

 ########################*/



 .LoGin1 {background:#fff;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;}

 .LoGin2 {background:#70972D;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;color:#fff;font-size:8pt;}









 /*########################

 	MENU LINKS 5



 	MAIN LINKS FOR THE MEMBERS AREA border-bottom:1px #332F2F solid;



 ########################*/



 .menu5border {



 }



 .menu5 {



 	font-size:7pt;

 	color:#fff;

 	padding-left:5px;

 	cursor:pointer;

 	background:#000;

 }



 .menu5c {

 	font-size:7pt;

 	color:#fff;

 	padding-left:5px;

 	cursor:pointer;

 	background:#000;

 }



 .menu5a {

 	background:#000 right;

 	background-repeat:no-repeat;

 	text-align:right;

 	width:24px;

 	height:41px;

 }



 .menu5b {

 	background:#000  url(line5.gif) right;

 	background-repeat:no-repeat;

 	text-align:right;

 	width:24px;

 	height:41px;

 }



 .menu5d {

 	font-size:7pt;

 	color:#000;

 	text-align:center;

 	background:#fff;

 }



 .menu5e {

 	font-size:8pt;

 	color:#fff;

 	text-align:right;

 	padding-right:10px;

 	padding-top:8px;

 	background:#000;

 	font-weight:bold;

 }



 .menu5f {

 	background:#000;

 	width:24px;

 	height:35px;

 }



 .menu5g {

 	border:1px #000 solid;

 	padding:5px;

 	background:#000;

 	font-size:7pt;

 }



 .menu5g2 {

 	border:1px #000 solid;

 	padding:5px;

 	background:#1F1F1F;

 	font-size:7pt;

 }





 .menu5 a {

 	color:#fff;

 }



 .menu5c a {

 	color:#fff;

 }



 .menu5d a {

 	color:#064D9F;

 }



 .menu5d a:hover {

 	color:#000;

 }



 .menu5g a {

 	color:#fff;

 }



 .menu5g2 a {

 	color:#000;

 }









 /*########################

 	MAIN PAGES

 ########################*/





 #main {

 	background:#fff;

 	font-size:8pt;

 	color:#000;

/*
 	border-left:1px #D9D9D9 solid;

 	border-right:1px #D9D9D9 solid;
*/
 }



 .main2 {

 	background:#fff;

 	border-right:1px #D9D9D9 solid;

 	font-size:7pt;

 	color:#fff;

 }



 .main3 {

 	background:#fff;

 	border-left:1px #D9D9D9 solid;

 	font-size:7pt;

 	color:#fff;

 }



 .main3-b {

 	background:#000;

 	vertical-align:bottom;

 }







 .main3-a {

 	background:#fff;

 	text-align:right;

 	vertical-align:bottom;

 }







 .main3-c {

 	background:#fff;

 	border-left:1px #D9D9D9 solid;

 	font-size:7pt;

 	color:#fff;

 }







 .main4 {

 	background:#fff;

 	border-right:1px #D9D9D9 solid;

 	font-size:8pt;

 	color:#000;

 }



 .main3 a {

 	color:#fff;

 }



 .main3 a:hover {

 	color:#fff;

 	text-decoration:underline;

 }





 #topright {

 	background:#fff;

 	border-right:1px #D9D9D9 solid;

 	font-size:8pt;

 	color:#000;



 }





 /*##############################

 	#topleft - TOP LEFT AREA BLACK SWOSH

 	A:LINKS - USERNAME

 ###############################*/

 #topleft {

 	background:#fff;

 	background-repeat:no-repeat;

 	width:480px;

 	height:45px;

 	color:#fff;

 	border-left:1px #D9D9D9 solid;

 }



 #topleft a { color:#fff; text-decoration:underline; }

 #topleft a:hover { color:#fff; text-decoration:none; }





 .page {

 	color:#fff;

 }





 .pbar1 {

 	background:transparent;

 }



 .pbar2 {

 	background:#941D31;

 }



 .pbar3 {

 	font-size:8pt;

 	padding:1px;

 	border:solid #014E82 1px;

 }





 /*########################

 	MENUS

 ########################*/





 .mainmenu {

 	background:#9ECF52 url(line11.gif);

 	font-size:7pt;

 	color:#000;

 }



 .mainmenu2 {

 	background:#9ECF52 url(line10.gif);

 	font-size:7pt;

 	color:#fff;

 }



 .mainmenu2 a { color:#fff; }

 .mainmenu2 a:hover { color:#54A4DE; }





 .mainmenu3 {

 	background:#195B85; 

 	font-size:7pt;

 	color:#fff;

 }



 .mainmenu4 {

 	background:#195B85; 

 	font-size:7pt;

 	color:#fff;

 }

/* #################################
   color/background of Y4Jers strips	
   #################################*/

 .mainmenu5 {
/*
 	background:#195B85;
*/
	background:#454545 url(sa_navigation_2.jpg);
	
 	font-size:7pt;

 	color:#fff;

 }

/* Buttons on Y4Jers like post comment, ok, cancel, and etc.*/

.mainmenu6 {

/*	border:1px #195B85 solid; */
	border:0px;
	
	padding:5px;

	font-size:8pt;

	cursor:pointer;

	color:#fff;

	background:#70972D url(sa_plugin_3_1.jpg);

}



.mainmenu6 a { color:#fff; text-decoration:none; }

.mainmenu6 a:hover { color:#fff; text-decoration:none; }


/* Buttons hover on Y4Jers like post comment, ok, cancel, and etc.*/
.mainmenu7 {

/*	border:1px #195B85 solid; */
	border:0px;
	
	padding:5px;

	background:#70972D;

	font-size:8pt;

	cursor:pointer;

	color:#fff;

}



.mainmenu7 a { color:#FFF; text-decoration:none; }

.mainmenu7 a:hover { color:#FFF; text-decoration:none; }









 /*########################

 	SITE MENUS

 ########################*/





 .item {

 	border-top:1px #ccc solid;

 	border-left:1px #ccc solid;

 	border-right:1px #ccc solid;

 	border-bottom:1px #ccc solid;

 	padding:5px;

 	cursor:pointer;

 	font-size:7pt;

 	font-weight:bold;

 	background:#fff url(line9.gif);

 	color:#54A4DE;

 }



 .item2 {

 	border-top:2px #000 solid;

 	border-left:1px #ccc solid;

 	border-right:1px #ccc solid;

 	border-bottom:1px #fff solid;

 	padding-top:9px;

 	padding-bottom:5px;

 	padding-right:5px;

 	padding-left:5px;

 	cursor:pointer;

 	font-size:7pt;

 	font-weight:bold;

 	background:#fff;

 	color:#195B85;

 }

/* User tabs */

 .item3 { border-bottom:1px #ccc solid; color:#54A4DE; }

 .item a { color:#606060; text-decoration:none; }

 .item2 a { color:#6A962C; text-decoration:none; }

 .item2 a:hover { color:#6A962C; text-decoration:none; }





 /*########################

 	BORDERS

 ########################*/





 .border {

 	border:1px #332F2F solid;

 	background:#195B85;

 }



 .border2 { border:1px #BDBDBD solid; color:#000; background:#f9f9f9;  }

 .border3 { border:1px #95C719 solid; background:#000; color:#fff; }

/* strip under buletin boards and prayers separators */

 .border4 { border:1px #BDBDBD solid; background:#454545; }

 .border4 .color { color:#fff; }

 .border4 .sqr { background:#fff; vertical-align:middle; }

 .border5 { border-bottom:1px #000 dashed; }

 .border6 { border:1px #95C719 solid; background:#2589C5; color:#fff; }

 .border7 { border-bottom:1px #98C920 dashed; }

 .border8 { background:#F5F5F5; border:1px #000 solid; }

 .border9 { background:#fff; color:#000; }



 /* USED IN MAIL ALERT */

 .border10 { background:#000 url(line10.gif); color:#fff; }

 .border11 { border:1px #BDBDBD solid; background:#fff; color:#000; }



 /* B-BOARD */

 .border12 { background:#fff; color:#000; }

/*  Y4Jers home section strips background  */
 .border13 { background:#F1F1F1; color:#000; }

 .border14 { background:#F9F9F9; color:#fff; }



 /*########################

 	TEXT COLORS

 ########################*/



 .color { color:#000; }

 .color2 { color:#fff; }

 .color3 { color:#ff0000; }

 .color4 { color:#000; }



 /*########################

 	BACKGROUNDS & EXTRAS

 ########################*/



 .cur { cursor:pointer; }





 .pollinput {

 	background:transparent;

 	font-size:7pt;

 	border:0px;

 }





 .frame1 { background:#fff; margin:0px; }

 .main_frame1 { background:#FFFFFF; margin:0px; }



 .link1 a { color:#195B85; }

 .link1 a:hover { color:#195B85; text-decoration:underline; }



 /* #############################
     USED IN MENU SQURE []
	#############################*/

/* Squre on the light menu strips usually on the y4jers home*/
 .sqr { background:#9ECF52; vertical-align:middle; }


/* Squre on the dark menu strips usually on most y4jers strips */
 .sqr1

 {

     background:#9ECF52;

     vertical-align:middle;

     margin-left: 4px;

     margin-right: 3px;

 }



 /* COMMENT BOX */

 .comment {

 	border:1px #BDBDBD solid;

    background:#fff;

    color:#000;

 }



 .comment-text {

 	color:#000;

 	font-size:8pt;

 }



 .comment-headline {

 	background:#fff;

 	color:#000;

 	padding:5px;

 	font-size:7pt;

 }



 .comment-head {

 	background:#70972D;

 	font-size:7pt;

 	color:#fff;

 	padding:5px;

 }



 .comment-head a { color:#fff; }

 .comment-head a:hover { color:#9ECF52; }







 /*########################

 	BOTTOM MENUS

 ########################*/



 #bottom3 {
 
 	background:#606060;

 	width:100%;

 	font-size:7pt;

 	font-weight:bold;

 	text-align:center;

 	color:#fff;

 }



 #bottom3 a {

 	color:#fff;

 }



 #bottom3 a:hover {

 	color:#fff;

 	text-decoration:underline;

 }



 #bottom4 {

 	background:#54A4DE;

 	width:100%;

 	color:#fff;

 }



 /*########################

 	FORUM

 ########################*/



 .forum-1 {

 	background:#454545;

 	color:#fff;

 	font-size:8pt;

 }



 .forum-2 {

 	background:#F6F6F6;

 	color:#000;

 	font-size:8pt;

 }



 .forum-2 a { color:#606060; }

 .forum-2 a:hover { color:#6A962C; text-decoration:underline; }



 .forum-3 {

 	border:1px #000 solid;

 }



 .forum-4 {

 	border:1px #000 solid;

 	background:#fff;

 	color:#000;

 	font-size:8pt;

 }



 .forum-q {

 	background:#F5F5F5;

 	color:#000;

 	font-size:8pt;

 	border:1px #54A4DE solid;



 }



 /*########################

 	DROP DOWN MENU

 ########################*/



 #dropmenudiv{

 	padding:5px;

 	border:1px #c0c0c0 solid;

 	background:#1c4c80;

 	position:absolute;

 	z-index:100;

 	font-size:7pt;

 	text-align:left;

 }



 #dropmenudiv a {

 	color:#fff;

 }



 #dropmenudiv a:hover {

 	color:#fff;

 	text-decoration:underline;

 }



 /*########################

 	MESSAGES AND ERRORS

 ########################*/

 span.message_message {

    background-image: url("../../../design/pic/message.gif");

    background-repeat: no-repeat;

	padding-left: 20px;

	padding-bottom: 6px;

 }



 span.error {

	background-image: url("../../../design/pic/warning.gif");

	background-repeat: no-repeat;

	padding-left: 20px;

	color: #FF0000;

	padding-bottom: 6px;

 }



 span.message_error {

	background-image: url("../../../design/pic/warning.gif");

    font-weight: bold;

	background-repeat: no-repeat;

	padding-left: 20px;

	color: #FF0000;

	padding-bottom: 6px;

 }



.ajax_message {

	background:#FFF8CC;

	padding:5px;

	border:1px #FFE222 solid;

}



.jquery_background {

	background:#fff;

}



.socialOver {

	background:#FFF8CC;

	border:1px #FFE222 solid;

	color:#000;

}



.socialDefault {

	background:#fff;

	border:1px #fff solid;

	color:#000;

}



.socialBox {

	border:1px #BDBDBD solid; 

	color:#000; 

	background:#f9f9f9;

}



.topFriendsNum

{

	float: left; 

	margin-left:8px; 

	vertical-align:top; 

	height:80px;

	width:80px; 

	text-align:center; 

	padding-top:5px; 

	font-size:16pt;

	border:1px #ccc solid;

}

 /*########################

 	Y4J Subdreamer style.

 ########################*/

  a.sdcopyright:link     { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-stretch:expanded; text-decoration: none;  }

  a.sdcopyright:active   { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-stretch:expanded; text-decoration: none; }

  a.sdcopyright:visited  { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-stretch:expanded; text-decoration: none; }

  a.sdcopyright:hover    { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 9px; color: #C5C5C5; font-stretch:expanded; text-decoration: none; }

  

  a.sdcategory:link     { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform:uppercase; line-height: 31px; white-space:nowrap; }

  a.sdcategory:active   { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform:uppercase; line-height: 31px; white-space:nowrap; }

  a.sdcategory:visited  { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform:uppercase; line-height: 31px; white-space:nowrap; }

  a.sdcategory:hover    { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 10px; color: #C5C5C5; font-weight: bold; text-decoration: none; text-transform:uppercase; line-height: 31px; white-space:nowrap; }

  

img { border: 0; }



.width_1

{ width: 800px; }



.width_3

{ width: 100%; }



html, body {

margin-bottom: 20px;

margin-top: 0px;

margin-left: 0px;

margin-right: 0px;

padding: 0;



font-family: Verdana, Arial, Helvetica, sans-serif;



}


 textarea, input 

{ border: 1px #ACACAC solid; color:#606060; padding: 1px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color: #FFFFFF; margin: 1px; overflow:hidden; }



.logo

{ padding: 0px 0px 5px 20px; }



.sdcopyright

{ font-size: 9px; font-stretch:expanded; color: #FFFFFF; }



.main_1

{ width: 50%; }



.main_2

{ width: 50%;}

/* { width: 50%; height: 650px;} Height must be taken out to make sure that when pages are not heigh enough to be aligned to top*/



.main_3

{ width: 100%; background-image:url(http://www.y4j.org/skins/satin/images/sa_background_4.jpg); background-repeat:repeat-x; background-position: top; }

/* 
{ width: 100%; background-image:url(http://www.y4j.org/skins/satin/images/sa_background_4.jpg); background-repeat:repeat-x; background-position: top; }
*/



.main_4

{ width: 100%; height: 0px; }



.main_5

{ width: 100%; background-color: #B7D57B; padding: 5px; padding-bottom: 0px; }



.main_6

{ width: 100%; border: 1px solid #848484; border-bottom: 0px; background-color: #FEFEFE; background-image:url(http://www.y4j.org/skins/satin/images/sa_background_6.jpg); background-repeat:repeat-x; background-position: bottom; }



.main_7

{ width: 100%; height: 0px; vertical-align:top; }
/*
must be set to TOP, because when pages are not high enough to fill the screen, they are placed in the middle by default.
{ width: 100%; height: 0px; vertical-align:middle; }
*/


.main_8

{ width: 100%; background-color: #A8CA69; background-image:url(http://www.y4j.org/skins/satin/images/sa_background_7.jpg); background-repeat:repeat-x; background-position: bottom; padding: 5px; padding-top: 0px; }



.main_9

{ width: 100%; border: 1px solid #848484; border-top: 0px; background-color: #FFFFFF; }



.main_10

{ width: 100%; background-image:url(http://www.y4j.org/skins/satin/images/sa_background_8.jpg); background-repeat:repeat-x; background-position: bottom; }



.main_11

{ width: 100%; background-image:url(http://www.y4j.org/skins/satin/images/sa_background_9.jpg); background-repeat:repeat-x; background-position: top; }



.main_12

{ width: 100%; padding: 10px; padding-bottom: 2px; height: 400px; }



.main_13_3

{ padding: 10px; }



.navigation_1

{ width: 100%; height: 32px; background-color: #2A2A2A; background-image:url(http://www.y4j.org/skins/satin/images/sa_navigation_1.jpg); background-repeat:repeat-x; background-position: top; }



.navigation_2

{ width: 1px; }



.navigation_3

{ height: 28px; background-image:url(http://www.y4j.org/skins/satin/images/sa_navigation_2.jpg); background-repeat:no-repeat; background-position: top right; white-space: nowrap; }



.navigation_4

{ padding-left: 16px; padding-right: 18px; }



.banner_1

{ width: 100%; background-image:url(http://www.y4j.org/skins/satin/images/sa_banner_1.jpg); background-repeat:repeat-x; background-position: top; }



.banner_2

{ width: 100%; background-image:url(http://www.y4j.org/skins/satin/images/sa_banner_2.jpg); background-repeat:no-repeat; background-position: top right; }



.banner_3

{ width: 100%; height: 120px; }



.footer_1

{ width: 100%; height: 32px; background-image:url(http://www.y4j.org/skins/satin/images/sa_navigation_1.jpg); background-repeat:repeat-x; background-position: top; border-left: 1px solid #313133; border-right: 1px solid #313133; text-align:center; vertical-align:middle; }