/********************************************

   AUTHOR:  			Md. Khasruzzaman Milon 

   	DATE:          		February-10-2010          	

 *******************************************/

 

/********************************************

   HTML ELEMENTS

********************************************/ 



/* Top Elements */

* { margin: 0; padding: 0;}



body {

	background:#00A650 url(../images/brick.jpg);

	font: 16px/1.75em Arial, Helvetica, sans-serif;

	color:#00A650;

	text-align: center;

	margin: 0 0 15px 0;

	cursor:default;

	font-weight:bold;

	line-height:30px;

	

	

}



h2{

font-size:22px;

font-weight:bold;

color: #660066;



}



h3{

font-size:18px;

font-weight:bold;

color: #A94841;



}



/* search form */

#search_box {

	position:absolute;

	float:right;

	right:30px;

	width: 200px;

    height: 31px;

    background: url(../images/bg_search_box.gif) ;

	margin:0 auto;

}

#search_box #searchfield {

    float: left;

    padding: 8px 0 0 4px;

    margin: 0 0 0 0;

    border: 0;

    width: 159px;

    background: none;

	font-size:14px;

	color:#669900;

	font-weight:bold;

	

}

#search_box #go {

    float: right;

    margin: 0 0 0 0;

	padding:3px 5px 0 0;

}









/********************************************

   LAYOUT

********************************************/ 

#wrap {

	position: relative;

	width: 910px;	

	margin: 0 auto;

	text-align: left;

	background: #FFFFFF url(../images/content.jpg) repeat-y center top;

	

}

#content-wrap {

	float: left;

	width: 850px;

	margin-left: 30px;

	display: inline;

	/*background: #fff url(../images/content-wrap.jpg) repeat;*/

	background:#EEEEEE;

	

}





/* header links */

#header,#PageTitle{

	position: relative;

	background: #FFFFFF url(../images/titlebg.png) repeat-x ;

	height: 35px;

	width:550px;

	

	

}





#PageTitle h1{

	font: Arial, Helvetica, sans-serif;

	font-size: 22px;

	color: #660066;

	font-weight:bold;

	margin: 0 0 5px 0;
	

		

}







/* header-photo */

#header-photo {

	position: relative;

	clear: both;

	margin: 5px auto;

	height: 250px;

	width: 850px;

	

}





/* Main */



#main{

width:600px;

position:relative;

margin:0 0 0 200px;

text-align:justify;

padding: 15px 10px 10px 10px;

text-align:justify;

}



#main p{

padding: 10px 0 0 0;

position: relative;

}



.imagediv,.msgimagediv{

float:right;

margin:15px 0 0 10px;

position:relative; 

border: #996600 2px solid;

height:200px;

}



.msgimagediv{

float:left;

}



.smallimagediv{

float:right;

margin:15px 0 0 10px;

position:relative; 



width:60px; 

height:60px;

}



/* Sidebar */	

#sidebar {

	float: left;

	width: 200px;

	}



#sidebar h1 {

color:#003333;

font-size:14px;	

padding: 4px 0 4px 5px;

font-size:15px;

font-weight:bold;

}	



/* sidemenu */

ul.sidemenu {

	text-align: left;

	margin: 7px 8px 8px 10px; padding: 0;			

	border-top: 1px solid #E5E5E5;

	text-decoration: none;	

}

ul.sidemenu li {

	list-style: none;

	padding: 4px 0 4px 5px;

	margin: 0 2px;		

	border-bottom: 1px solid #E5E5E5;

}

* html body ul.sidemenu li {

	height: 1%;

}

ul.sidemenu li a {

	text-decoration: none;	

	color: #326ea1; 

	border: none;		

}

ul.sidemenu li a:hover {	

	color: #383d44;

	border: none;

}



/* footer-wrap */

#footer-wrap {

	clear: both;

	width: 910px;

	font-size: 95%;

	padding: 20px 0;

	text-align: left;	

	background:url(../images/footer-bottom.jpg) no-repeat center bottom;	

}

#footer-wrap a {

	text-decoration: none;

	color: #666666;

	font-weight: bold;

}

#footer-wrap a:hover {

	color: #000;	

}

#footer-wrap p {

	padding: 10px 0;

	font-size:10px;

}

#footer-wrap h2 {

	color: #666666;

	margin: 0;

	padding: 0 10px; 

}







/* footer */

#footer {

	clear: both;

	color: #666;	

	margin: 0 auto 10px auto; 

	width: 850px;

	padding: 5px 0;

	text-align: center;

	background: #F8F7F7;

	border-top: 1px solid #F2F2F2;	

}



/* alignment classes */

.float-left  { float: left; }

.float-right { float: right; }

.align-left  { text-align: left; }

.align-right { text-align: right; }



/* display and additional classes */

.clear { clear: both; }







/*Banner page Design*/









#content{

	margin:0px auto;

	height:50px;

	bottom:0;

	z-index: 3;

	background:#00A650 no-repeat 100%;

	border-top:1px solid #000;

	border-bottom:1px solid #4F4F4F;

	position:absolute;

	width:598px;

}





#contentframe{

	overflow: hidden;

	border-top:solid 1px #4F4F4F;

	border-bottom:1px solid #000;

	height: 100%;

	text-align:left;

	z-index: 3;	

}



#slidecounter{

	float:left;

	color:#4F4F4F;

	font:20px "Helvetica Neue", Arial, sans-serif;

	font-weight:bold;

	margin:18px 20px;	

}





#slidecaption{

	float:left;

	color:#4F4F4F;

	font:20px "Helvetica Neue", Arial, sans-serif;

	font-weight:bold;

	margin:18px 20px;	

}





#banner{

	width:850px;

	height:300px;

	position: relative;	

	padding: 0;	

	margin-left: 30px;

	

	

	

}









/*  Menu  */



#menu{

width: 200px;

height:400px;

background: transparent url(../images/menu-bg.jpg) 100% 0;

overflow:hidden;

border:#00A650 1px solid;

}



.arrowsidemenu{

	width: 200px; /*width of menu*/

	border-style: solid solid none solid;

	border-color: #94AA74;

	border-size: 1px;

	border-width: 1px;

}

	

.arrowsidemenu div a{ /*header bar links*/

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	display: block;

	background: transparent url(../images/arrowgreen.gif) 100% 0;

  	height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/

	padding: 4px 0 4px 10px;

	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/

	text-decoration: none;

}

	

.arrowsidemenu div a:link, .arrowsidemenu div a:visited{

	color: #26370A;

}



.arrowsidemenu div a:hover{

	background-position: 100% -32px;

}



.arrowsidemenu div.unselected a{ /*header that's currently not selected*/

	color: #6F3700;

}



	

.arrowsidemenu div.selected a{ /*header that's currently selected*/

	color: blue;

	background-position: 100% -64px !important;

}



.arrowsidemenu ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

}



.arrowsidemenu ul li{

	border-bottom: 1px solid #a1c67b;

}





.arrowsidemenu ul li a{ /*sub menu links*/

	display: block;

	font: normal 12px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	color: black;

	padding: 5px 0;

	padding-left: 10px;

	border-left: 10px double #a1c67b;

	background: #FFFFFF;

}



.arrowsidemenu ul li a:hover{

	background:#99CC66;

}





/*Contact Us*/



#contact_Us{

background: transparent url(../images/menu-bg.jpg) 100% 0;

text-align:justify;

color:#000000;

width:182px;

padding:0 10px 0 10px;

border:#00A650 1px solid;

font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;

}

#contact_Us h1,{

	display: block;

	background: transparent url(../images/arrowgreen.gif) 50% 0;

  	height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/

	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/

	text-decoration: none;

}





/*Other*/



.thumblink{

text-decoration:none;

color:#006666;

font-weight:400;



}



.thumblink:hover{



color:#990033;



}



.thumb img{

border:#CCCCCC 2px solid;

width:100px;

height:100px;

}



.thumb > img:hover{

width:120px;

height:120px;

border:#CC3333 2px solid;

z-index:100;

opacity:0.8;filter:alpha(opacity=80);

}





#detail{

 /*display:none;*/



}





.header{

color:#C29897;

background:#FFF897;

text-align:left;

font-size:12px;

border:#A7DAEA 1px solid;

font-weight:bold;

}





.ctnt{

background:#FFEEE7;

color:#000000;

text-align:center;

font-size:12px;

border:#A7DAEA 1px solid;

font-weight:bold;

}







/***************Banner********************/





/*** set the width and height to match your images **/



#slideshow {

    position:relative;

    height:300px;

	top: -2px;

	

	

}



#slideshow IMG {

	margin: 18px 5px 5px 20px;

    position:absolute;

	z-index:8;

    opacity:0.0;

	height:273px;

	width:263px;

	



	

}



#slideshow IMG.active {

    z-index:10;

    opacity:1.0;

}



#slideshow IMG.last-active {

    z-index:9;

}



.ancr{

color:#000000;

}

.blink
{
	color:#006600;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	vertical-align:text-top;
	top:0px;
	
}