

body {
	background:url(v2/bg_heart.gif);
;
	color:#000;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size:8pt;
	font-family:verdana, arial, helvetica, sans-serif;
	margin-bottom:20px;
	margin-top:0px;
}

img {
	border:0px;
}

a {
	color:#b70000;
	text-decoration:none;
}

a:hover {
	color:#00004D;
	text-decoration:underline;
}


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:#F6F6F6;
	border:1px #000 solid;	
	font-size:8pt;
	color:#000;
}

.textarea {
	background:#fff;
	border:1px #000 solid;	
	font-size:8pt;
	color:#000;
}


/*########################
	MAIN SURR.
########################*/

#outer {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	font-size:8pt;
	text-align:left;
}


/*########################
	INPUT BUTTONS / FORMS
########################*/

.button {
	background:#fff url(v2/line10.gif);;
	color:#fff;
	border-top:2px #3E577C solid;	
	border-left:2px #3E577C solid;
	border-right:2px #fff solid;
	border-bottom:2px #fff solid;
	font-size:7pt;
	cursor:pointer;
}

.button2 {
	background:#fff url(v2/line11.gif));
	color:#000;
	border-top:1px #000 solid;	
	border-left:1px #000 solid;
	border-right:1px #000 solid;
	border-bottom:1px #000 solid;
	font-size:7pt;
	cursor:pointer;

}

 .buttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #BE5836; /*#FEF2CD;*/
	color: #FFEA96; /*#623D37;*/
}

 .input {
 	background:#FFEA96;
 	border-right:1px #8B2B0A solid;
 	border-bottom:1px #8B2B0A solid;
 	border-top:1px #BE5836 solid;
 	border-left:1px #BE5836 solid;
 	font-size:8pt;
	font-weight: bold;
 	color:#000;
 }
 
 
 .input2 {
 	background:#FFEA96;
 	border:1px #8B2B0A solid;
 	font-size:8pt;
	font-weight: bold;
 }
 
 .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:1px #000 solid; }

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

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

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

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

.pics1 {
	position:absolute;
	background:#ff0000;
	border:1px solid #fff;
	padding: 0px 1px 0px 1px;
	color: #FFF;
	font-size:7pt;
}

.pics4 {
	position:absolute;
	background:#ff0000;
	border:1px solid #fff;
	padding: 0px 1px 0px 1px;
	color: #FFF;
	font-size:7pt;
	filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; border:1px #fff solid;
}

.pics2 {
	position: relative;
}

.pics3 {
	background:#ccc;
	position:absolute;
	filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;
	padding: 0px 1px 0px 1px;
	color: #FFF;
	font-size:7pt;
	font-weight:bold;
}


.wrap1 img {background:#ffea96;}
 /*.wrap1 {background:url(http://localhost/blackyogateachers_old/inc/img/pinoy/v2/shadow.gif) right bottom no-repeat;}
 .wrap2 {background:url(http://localhost/blackyogateachers_old/inc/img/pinoy/v2/corner_bl.gif) -4px 100% no-repeat;}
 .wrap3 {padding:0 9px 9px 0;background:url(http://localhost/blackyogateachers_old/inc/img/pinoy/v2/corner_tr.gif) 100% -4px no-repeat;}*/
 
 .wrap1 {background:#ffea96;}
 .wrap2 {background:#ffea96;}
 .wrap3 {background:#ffea96;}



/*########################
	TOP AREA
########################*/

 
 #top .top_text a { color:#fff; }
 #top .top_text a:hover { color:#B70000; }
 #top .top_text { color:#fff; }
 
 
 #top {
 	width:100%;
 	#border-left:0px #D9D9D9 solid;
 	#border-right:0px #D9D9D9 solid;
 	color:#fff;
 }
 #top a {
 	font-size:7pt;
 	color:#fff;
 }
 
 #top a:hover {
 	font-size:7pt;
 	color:#fff;
 	text-decoration:underline;
 }
 
 .top2 {
 	background:#fff;
 }
 
 
 /*########################
	MENU LINKS
########################*/

 #outer2 {
 	background:#bf0000 url(v2/menuback.gif);
	height:36px;
 	border-left:0px #D9D9D9 solid;
 	border-right:0px #D9D9D9 solid;
 	text-align:center;
 }
 
 
 .menu {
 	background:#bf0000 url(v2/menuback.gif);
 	height:36px;
 	padding-left:5px;
 	padding-right:5px;
 	cursor:pointer;
 }
 
 
 
 .menu a {
 	color:#fff;
 	font-size:7pt;
 	text-decoration:none;
 	font-weight:bold;
 }
 
 
 .menu2 {
 	background:#fff url(v2/menubackon.gif);
 	height:36px;
 	padding-left:5px;
 	padding-right:5px;
 	cursor:pointer;
 }
 
 .menu2 a {
 	color:#000;
 	font-size:7pt;
 	text-decoration:none;
 	font-weight:bold;
 }
 
 .menu2 a:hover {
 	color:#000;
 	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 #97C81F 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:#00004D;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 url(v2/menu_BG.gif);
 }
 
 .menu5c {
 	font-size:7pt;
 	color:#fff;
 	padding-left:5px; 	
 	cursor:pointer;
 	background:#000 url(v2/menu_BG.gif);
 }
 
 .menu5a {
 	background:#000  url(v2/line5red.gif) right;
 	background-repeat:no-repeat;
 	text-align:right;
 	width:24px;	
 	height:41px;
 }
 
 .menu5b {
 	background:#000  url(v2/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:#ffea96;
 	font-size:8pt;
 	color:#000;
 	border-left:1px #D9D9D9 solid;
 	border-right:1px #D9D9D9 solid;
 }
 
 .main2 {
 	background:#ffea96;
 	border-right:1px #D9D9D9 solid;
 	font-size:7pt;
 	color:#fff;
 }
 
 .main3 {
 	background:#ffea96;
 	border-left:1px #D9D9D9 solid;
 	font-size:7pt;
 	color:#fff;
 }
 
 .main3-b {
 	background:#000;
 	vertical-align:bottom;
 }
 
 
 
 .main3-a {
 	background:#ffea96;
 	text-align:right;
 	vertical-align:bottom;
 }
 
 
 
 .main3-c {
 	background:#ffea96;
 	border-left:1px #D9D9D9 solid;
 	font-size:7pt;
 	color:#fff;
 }
 
 
 
 .main4 {
 	background:#ffea96;
 	border-right:1px #D9D9D9 solid;
 	font-size:8pt;
 	color:#000;
 }
 
 .main3 a {
 	color:#ffea96;
 }
 
 .main3 a:hover {
 	color:#ffea96;
 	text-decoration:underline;
 }
 
 
 #topright {
 	background:#ffea96;
 	border-right:1px #D9D9D9 solid; 
 	font-size:8pt;
 	color:#000;
 	
 }
 

/*##############################
	#topleft - TOP LEFT AREA BLACK SWOSH
	A:LINKS - USERNAME
###############################*/
 #topleft {
 	background:#fff  url(v2/swosh.gif);
 	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:#1F1F1F url(v2/line11.gif);
 	font-size:7pt;
 	color:#000;
 }
 
 .mainmenu2 {
 	background:#1F1F1F url(v2/line10.gif);
 	font-size:7pt;
 	color:#fff;
 }
 
 .mainmenu2 a { color:#fff; }
 .mainmenu2 a:hover { color:#B70000; }
 
 
 .mainmenu3 {
 	background:#00004D;
 	font-size:7pt;
 	color:#fff;
 }
 
 .mainmenu4 {
 	background:#00004D;
 	font-size:7pt;
 	color:#fff;
 }
 
 .mainmenu5 {
 	background:#B70005; 
 	font-size:7pt;
 	color:#fff;
 }
 
 .mainmenu6 {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#B70005;
 	font-size:7pt;
 	cursor:pointer;
 	color:#fff;
 }
 
 .mainmenu6 a { color:#fff; text-decoration:none; }
 .mainmenu6 a:hover { color:#fff; text-decoration:none; }
 
 .mainmenu7 {
 	border:1px #BF0000 solid;
 	padding:5px;
 	background:#b70000;
 	font-size:7pt;
 	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(v2/line9.gif);
 
 
 }
 
 .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;
 }
 
 .item3 { border-bottom:1px #ccc solid; color:#b70000; }
 .item a { color:#b70000; text-decoration:none; }
 .item2 a { color:#00004D; text-decoration:none; }
 .item2 a:hover { color:#00004D; text-decoration:none; }
 

/*########################
	BORDERS
########################*/

 .border {
 	border:0px #332F2F solid;
 	background:transparent;
 }
 
 .border2 { border:1px #BDBDBD solid; background:#fff; color:#000;  }
 .border3 { border:1px #95C719 solid; background:#000; color:#fff; }
 .border4 { border:1px #BDBDBD solid; background:#F6F6F6; }
 .border5 { border-bottom:1px #000 dashed; }
 .border6 { border:1px #95C719 solid; background:#2589C5; color:#fff; }
 .border7 { border-bottom:1px #98C920 dashed; }
 .border8 { background:#ffea96; border:1px #000 solid; }
 .border9 { background:#fff; color:#000; }
 
 /* USED IN MAIL ALERT */ 
 .border10 { background:#000 url(v2/line10.gif); color:#fff; }
 .border11 { border:1px #BDBDBD solid; background:#fff; color:#000; } 
 
 /* B-BOARD */
 .border12 { background:#fff; color:#000; } 
 .border13 { background:#ffea96; 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:#97C81F; }
 .link1 a:hover { color:#97C81F; text-decoration:underline; }
 
 /* USED IN MAIN MENU SQURE */
 .sqr { background:#b70000; vertical-align:middle; }
 .sqr1 { background:#b70000; vertical-align:middle; }
 
 /* COMMENT BOX */
 .comment {
 	border:1px #E4E4E4 solid;
 	background:#F8F8F8;
 	
 }
 
 .comment-text {
 	color:#000;	
 	font-size:8pt;
 }
 
 .comment-headline {
 	background:#fff;
 	color:#000;
 	padding:5px;
 	font-size:7pt;
 }
 
 .comment-head {
 	background:#fff url(v2/line10.gif);
 	color:#fff;
 	padding:5px;
 	font-size:8pt;
 }
 
 .comment-head a { color:#fff; }
 .comment-head a:hover { color:#B70000; }
 

/*########################
	BOTTOM MENUS
########################*/

 #bottom3 {
 	background: url(v2/footerbase.gif);
 	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:transparent;
 	width:100%;
 	color:#fff;
 }
 

/*########################
	FORUM
########################*/

 .forum-1 {
 	background:#b70000;
 	color:#fff;
 	font-size:8pt;
 }
 
 .forum-2 {
 	background:#F6F6F6;
 	color:#000;
 	font-size:8pt;
 }
 
 .forum-2 a { color:#b70000; }
 .forum-2 a:hover { color:#b70000; 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:#ffea96;
 	color:#000;
 	font-size:8pt;
 	border:1px #b70000 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;
 }
 
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(v2/coolbox.png) no-repeat bottom right; 
} 
.cssbox { 
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 50px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 7px 0 15px 24px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC59;
	font-weight: bold;
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 2px 0px 35px 24px; /* mirror .cssbox_head right/left */ 
}  

#header {
  float:left;
  width:100%;
  background:#DAE0D2 url(v2/bg.gif) repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url(v2/left.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#header a {
  float:left;
  display:block;
  background:url(v2/right.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#8b2b0a;
  }
#header #current {
  background-image:url(v2/left_on.gif);
  }
#header #current a {
  background-image:url(v2/right_on.gif);
  color:#8b2b0a;
  padding-bottom:5px;
  }

.tableheaders {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC59;
	background-image: url(v2/tableheader.gif);
}

.tablelisting {
	color: #8B5B1B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffec;
}

