/* css for body */	


/* SUB TAB CSS */
.subTabs{
width:100%;
background-color:#888888;
/*background:url(submenubg.jpg) repeat-x;*/
text-indent: 10px;
font-size:90%;
font-weight:bold;
height:20px;
padding-top:5px;
padding-bottom: 5px;
border-top:0px solid black;
border-bottom: 1px solid black;
}

.subTabs a{
font-family: verdana, sans-serif, courier;
text-decoration:none;
color:white;


}

.subTabs a:hover{
text-decoration:none;
color:#804040;
}


<!--[if IE]>

p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}

<![endif]-->


 

/*    date  21 aug 07

//////////////////////////////////////////////////////////////////////////*/

/* >>>>> Page Styles <<<<< */


#leftbox {

	/*background-color: #9ba49b;*/
	color: #000; 
	
	}

#leftbox ul{
margin:0px;
list-style-type:none;
/*border-style:solid;*/
border:1px solid; 
padding:0px;

}

#leftbox li{
margin:0px;
padding-left:5px; 

}
#leftbox a:link, #leftbox a:visited {color: #233622; text-decoration: none; }
#leftbox a:hover {color: #233622; text-decoration: underline; }


#container {
	margin-left: 215px;
	margin: 10px 10px 0px 215px; 
	/*background: #faf5f8 url("pic1.jpg") 100% 0 repeat-y;*/
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	width:620px;
	height:500px; 
	}
 

.left {
	float: left;
	margin-left: 6px;
	width: 43%;
	padding: 5px 5px 5px 0;
	background: #c3c8c3; }

html>body .left {margin-left: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/

.right {
	float: right;
	margin-right: 6px;
	width: 43%;
	padding: 5px 5px 5px 0;
	background: #c3c8c3; }

html>body .right {margin-right: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/

.clear {
	clear: both;
	margin: 0;
	padding: 0; }

#contents {
	background-color: #233622;
	margin: 8px 200px 5px 10px;
	/*margin-right: 149px;
	margin-left: 10px;*/
	color: #eef7e2;
	padding: 3px 3px 15px 3px;
	position: relative; } /*** IE6 needs this to display the div ***/

	
#footer{
clear:both;
border-top: 1px solid gray;
background:#C8DADB; 
padding:5px; 
font-size:11px;
line-height:1.5;
}
#footer strong{
color:#685E57;
}
	
#footer2{
clear:both;
border-top: 1px dotted;
margin-top:10px;

}

#footer  a:active,#footer  a:link,#footer a:visited ,#footer2  a:active, #footer2 a:link, #footer2 a:visited {
color:#5D5D5D;

}
#footer  a:hover, #footer2  a:hover{
color:blue;	

}



/*---------- begin styles used in index.php page ---*/
form{margin-top:0; margin-bottom:0px;}
	.slideboxhead{ background:#9B9B4F; padding:3px; text-align:right; color:white;}
	.slideboxmore {text-align:right;font-size:0.8em;}
	.slideboxmore a{ color:#F8F8F8;}
	
.linkcolr2{font-size:11px;} 
.linkcolr3{} 
.linkcolr a:link, .linkcolr a:visited, .linkcolr a:active {color:#00496C;text-decoration:none;font-size:10px; line-height:1.2em;o}
.linkcolr2 a:link, .linkcolr2 a:visited, .linkcolr2 a:active {color:#00496C;text-decoration:none;font-size:10px;} 
.linkcolr3 a:link, .linkcolr3 a:visited, .linkcolr3 a:active {color:#0054A8;text-decoration:none; font-size:10px;}
.linkcolr4 a:link, .linkcolr4 a:visited, .linkcolr4 a:active {color:black;text-decoration:none;}
.showmore{ font-size:9px;float:right;background:#D4D0C8;border:1px solid white; margin-right:10px;padding:2px; position}
.vidimage{float:left; padding:1px; border:1px solid gray;}
.middle img {vertical-align:text-bottom;}
.vdscrptn{float:left;margin-left:3px; margin-top:0px; font-size:10px; line-height:1.2em; width:130px;}
.top-banner{ margin-top:-10px;  z-index:100;float:left; width:210px; height:157px; padding:20px 10px 10px 20px; line-height:1em;  color:white; background:url(images/box.gif) no-repeat;}
	
/*---------- begin styles used in index.php page ---*/

#privateMenu{
border:1px solid;
width:500px;
margin:0 auto;
}
	
#privateMenu table{
font-size:16px;
font-weight:bold;
padding:5px;

}
	
#privateMenu table tr td{
padding:5px  0px 5px 0px;

}
#privateMenu img{
float:left;
height:60px;
width:60px;
}

/* start CSS for form validation */

#errordiv {
  border: 1px solid red;
  background-color: #FFAFAF;
  display: none;
  width: 50%;
  margin: 5px;
  padding: 5px;
}



#editcontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#editbox{

background:#F5EDE3;
border: 3px solid #E1D4C0;
margin-top:20px;
}
 
 
#editbox a:link,#editbox a:visited,#editbox a:active {
color:#0000D7;


}
 
.displayPics{
margin:5px 3px 5px 2px ;
padding: 2px;
width:156px;
font: bold 13px Arial;
border: 1px solid #625e00;
border-width: 1px 0;
background:url(images/bgslide.gif);
float:left;
font-size:10px;
}

.displayPics_vid2{ /*change ph2*/
margin-right:0px;
width:118px;
height:143px;
padding:3px;
padding-top:5px;
border: 0px solid #625e00;
border-width: 0px 0;
background:url(images/bgslide.gif);
float:left;
font-size:11px;
 
}
.displayPics_vid2 p{
	margin:0px;
	padding:0px;
	text-align:center;
	font-weight:bold;
}

.displayPics_vid2 > span{
	padding:55px;
}




.displayPics_vid{
margin-right:8px;
width:151px;
height:230px;
padding:3px;
border: 1px solid #625e00;
border-width: 1px 0;
background:url(images/bgslide.gif);
float:left;
font-size:11px;
 
}
.displayPics_vid p{
	margin:0px;
	padding:0px;
	text-align:center;
	font-weight:bold;
}

.displayPics_vid > span{
	padding:55px;
}

.pics{
float:left;
border:4px double white;

}

.recentlyAdded{
position:relative;
display:block;
float:left;
width:660px;
padding: 5px 5px 10px 5px;
background: #E5E5E5;
border: 1px solid  #8E7791;
margin-left:5px;
}
.recentlyAdded1{
position:relative;
display:block;
float:left;
width:745px;
padding: 5px 3px 10px 5px;
background: #E5E5E5;
border: 1px solid  #8E7791;
margin-left:5px;
}




.videoSlide{
 position:relative; 
 float:left;
  margin:20px 20px 10px 2px;
}

/*---------------------------- css  of homepage right column after login -----> */

#homebox{

}
#homebox ul{
list-style-type:none;
margin:0px;
padding:0px;
 
}
#homebox li{
float:left;
list-style-type:none;
width:90px;
background:url("but_home.png") no-repeat;
margin:20px 7px 7px 0px;
 
text-align:center;
}
#homebox a:active,#homebox a:link,#homebox a:visited{color:navy; font-weight:bold;}

#homebox1{width:100%; text-align:center; border:0px solid white;}

#homebox1 table tr td{ margin-top:20px; background:url("but_home.png") no-repeat;}


.indexLoginBox{

	height:200px; 
	border:1px solid gray; 
	width:335px;
	 margin-bottom:10px;
	 background:url('images/bgsheet.png'); 
	 color:white;
	 padding:10px;
}



/*-------------pegination --------------------*/
.peginate{
			 background:white;
			 border:1px solid #A0A0A0;
			 padding:1px;
			 margin:2px;
			 font-weight:bold;
			 text-align:center;
			
			 }
			 .peginate a:link,.peginate a:visited, .peginate a:active
			 {
				 color:#005EBB;
			 
			 }
			 .peginate a:hover{
			  background:#005EBB;
			  color:white;
			  }
	
/*------------------ blog images and*/
#folderMenu{
			float:left;
			width:200px;
			/*height:300px;*/
			margin:50px 5px 5px -205px;	
			display:block;
			position:relative;	
			background:#e4e9ed;

}
.folderstatus{
clear:both;
text-align:center;
 margin-top:10px;
 margin-bottom:15px;
 background:#efefef;

}
.displayFolders{
	float:left;
	 width:330px;
	 margin:5px;
	 font-size:11px;

}
.displayFolders a{
	font-weight:bold;
	font-size: inherit;
}

.folderDiscription{
	float:left; 
	width:240px;

}
.folderlist{
	margin-top:inherit;
	background:#EAEAEA;
	 padding:5px;
	 border-bottom: 2px solid #D6D6D6;
	 border-right:1px solid #D6D6D6;
}

#fldrdisc{
	background:#CFDEDD;
	width:300px;
	border:1px solid #808080;
	text-align:left;
	padding:10px;
}

.scrollThumb{
	width:166px;
	float:left;
	margin:3px 3px 2px 0px; 
	font-size:.85em;
	
}


.scrollThumb img{
	float:left;
	margin-right:5px;
}

.scrollThumb p{
	color:gray;
	margin:0px;
	padding:0px;
}
.scrollThumb a:active, .scrollThumb a:visited, .scrollThumb a:link{
			text-decoration:none;
}
.scrollThumb a:hover{
	background:inherit;
}

#allcontents{
	width:510px;
	float:left; 
	padding-top:5px; 
	padding:10px;
	margin:10px 0px 0px 10px; 
	background-color:silver;
	border:1px solid gray;
}
.bloghomebox{
	border:1px solid #B5B8B1; 
	margin-bottom:1em; 
	background:#E1E0DF;
 
}

.bloghomebox p{
	background:#FAAA32;
	border-bottom:1px solid black; 
	padding:6px;
	margin-bottom:5px;
	font-weight:bold;
		position:relative;
}
#blogform{
 	background:#e1d4c0;
	
	padding:9px 3px 5px 3px;
}

.conf_message{
	background:#E1CE93;
	color:#47507A;
	font-weight:bold;
	border:1px solid #9D7E37;
	padding:10px;
}

.mousehover:hover{
		background:#dddddd;
		}

#blogslide{
	width:124px; 
	font-size: 11px;
	margin-left:3px;
	padding:10px 5px;
	float:left;
}

#blogslide:hover{
	 background:silver;
 
}

.hoverclass:hover{
	 background:silver;
}

.shomoreLink{clear;both; float:right; font-size:11px;}

.titlecol{float:left;width:87%;   }
.titlecol a:active, .titlecol a:visited, .titlecol a:link{
		 color:navy;
		  
   }
							   
							   
.linkcolr a:link , .linkcolr a:active, .linkcolr a:visited{
   		color:#206bb7;
}

#myPrivateBox{border:1px solid; list-style-type:none; padding:0px;}

#myPrivateBox li{
			padding:5px 0px 0px  5px;
			 
		}
		
#myblog{clear:both;border:1px solid gray; padding:1em;background:; font-size:11px; }

#myfriendsLeft{background:white;margin:10px;padding-top:10px;padding-bottom:30px;text-align:center;
			   font-size:.9em; font-weight:bold;}

#invitebox{ width:350px; border:1px solid #ced7ee; }
#invitebox h4, h5{margin:0; padding:5px;  }
#invitebox h4{ text-align:center; height:2em; background:#B0E6FF ; }
#invitebox ul{ margin:0; padding:0; list-style-type:none; background:url(images/bgslide.gif)}
#invitebox ul li{ margin:0; padding:5px;}

.moreLink{float:right;font-weight:bold; background:silver; border:1px solid gray; padding:2px 10px 2px 10px;}

#leftSide a{line-height:1.5em; }