/********************************************
	AUTHOR:  			Ravi Kandel
	WEBSITE:   			http://www.nepalmedia.com/
	TEMPLATE NAME:		Himalayan River Fun
	VERSION:			1.0.1
 *******************************************/

/* Top elements */
* { margin:0; padding: 0; }

body {
	background: #b1c7cc url(../images/waterbkg.gif);
 	color: #303030; 
 	font: 75%/1.5  Verdana, 'Trebuchet MS', arial, sans-serif;
 	text-align: center; 
 	margin: 0px;
}  

#mainbody{
	margin:auto;
	width: expression(document.body.clientWidth < 757? "755px" : document.body.clientWidth > 1002? "900px" : "auto");
	min-width:755px;
	max-width:1000px;

	clear:both;
	margin:auto;
}

#main {
	background-color: #7ab2c2;
	margin:auto;
	width: expression(document.body.clientWidth < 757? "755px" : document.body.clientWidth > 1002? "900px" : "auto");
	min-width:755px;
	max-width:1000px;
	padding: 10px;
}

 
/* headers */
h1, h2, h3 {
	font-family: Helvetica, Arial, Verdana, 'Trebuchet MS', sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 1.35em;	
}
h2 {
	font-size: 1.3em;
	text-transform: uppercase;
	color: #339900;
}
h3 {
	font-size: 1.2em;
	color: #333;
	letter-spacing: 1px;
}

h1, h3, p { 
	padding: 0;
	margin: 10px 15px 5px 15px; 
	text-align:justify;
}

h2 { 
	padding: 0;
	margin: 10px 5px 5px 0px; 
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;	
	color: #333333;	
}
ul span, ol span {
	color: #666666;
}


/*** My Stle ***/
.toptext{
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	color: #bababa;
}

.topcorner{
	background: transparent url(../images/topcorner-left.gif) no-repeat left top;
}

.title{
	font-family: Arial, Verdana, Helvetica;
	font-size: 14px;
	color: #004777;
}

.mtitle{
	font: bold 14px Arial, Helvetica, Verdana;
	color: #153254;
	padding-top: 4px;
	padding-bottom:4px;
}

.weltitle{
	font-family: Arial, Verdana, Helvetica;
	font-size: 18px;
	color: #004777;
}

.menubox{
padding-left: 10px;
padding-right: 5px;
}


/*** Blue Block ***/

#menublock{
width: 147px;
margin-bottom: 0;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #333;
font-weight: bold;
}

* html #blueblock{ /*IE 6 only */
w\idth: 97%; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#menublock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#menublock li {
margin: 0;
}

#menublock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #a2b8d1;
background-color: #c9d8e6;
color: #004777;
text-decoration: none;
width: 100%;
border-bottom: 1px solid #e5edf6;
}

#menublock li a .yellow{
color: #FFFF00;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#menublock li a:hover{
border-left: 10px solid #107600;
background-color: #228C00;
color: #fff;
}

.botcleft{
	background: #a2b8d1 url(../images/botc-left.gif) no-repeat left bottom;
}

.botcright{
	background: #a2b8d1 url(../images/botc-right.gif) no-repeat right bottom;
}

.footertext{
font-family: Tahoma, Arial, Verdana;
font-size: 11px;
color: #000000;
}

.footertext a{
font-family: Tahoma, Arial, Verdana;
font-size: 11px;
color: #e4dfc2;
}

.mylink{
	color:#004495;
	text-decoration: none;
}

.mylink:hover{
	color:#1b7100;
	text-decoration: underline;
}

/**** Box ***/
.container{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 97%;
background-color: #faf8f3;
}

* html .container{ /*IE 6 only */
w\idth: 97%; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

.container .innerdiv{
background: transparent url(../images/brcorner.gif) bottom right no-repeat;

position: relative;
left: 2px;
top: 2px;
padding: 1px 10px 15px 7px;
text-align:justify;
}

.container .title {
font-family: Helvetica, Arial, Verdana;
font-size: 14px;
font-weight: bold;
padding: 8px 0 3px 20px;
text-transform: none;
background: url("../images/square.gif") no-repeat 0% .7em;
}

.rowline{
border-bottom: 1px solid #dddddd;
padding: 2px;
font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

.toprow{
padding: 4px;
background-color: #999999;
color: #000000;
}

	/** Welcome Round border**/
.welcome {
	background: url(images/titlearrow.gif) center left no-repeat;
	font-weight: bolder;
	font-size: 14px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin-top: 4px;
	color: #0D3389;
	padding-left: 25px;
	}
	

.leftborder {
border-left: 2px solid #001479;
}

.topborder {
border-top: 2px solid #001479;
}

.rightborder {
border-right: 2px solid #001479;
}

.bottomborder {
border-bottom: 2px solid #001479;
}

.fixed{
background-color: #c9c3ae;
border: 1px solid #87847a;
padding: 5px;
}


/*** Next menu ***/

#nextmenu{
width: 100%;
margin-bottom: 0;
font-family: Verdana, Tahoma, Arial;
font-size: 12px;
color: #333;
}

* html #nextmenu{ /*IE 6 only */
w\idth: 97%; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#nextmenu ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#nextmenu li {
margin: 0;
}

#nextmenu li a{
display: block;
padding: 5px 5px 5px 12px;
background-color: #b8c4d2;
border-bottom: 1px solid #a1adbb;
color: #004777;
text-decoration: none;
width: 100%;
}

html>body #nextmenu li a{ /*Non IE6 width*/
width: auto;
}

#nextmenu li a:hover{
background-color: #0e5585;
color: #fff;
}

.whitetext{
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #fff;
}

.whitetext a{
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #ffffff;
}

.whitetext a:hover{
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #dadc0e;
}

.mytable{
border: 1px solid #d1d3cc;
background-color: #e4e3e3;
}


.tdleft{
font-weight: bold;
padding: 2px;
background-color: #edebeb;
border-bottom: 1px dotted #bebebe;
vertical-align:top;
}

.tdright{
background-color: #f5f5e9;
border-bottom: 1px dotted #bebebe;
padding-left: 5px;
padding-right: 5px;
}

/** Ovel Button **/
a.ovalbutton{
background: #3c5b00;
display: block;
float: left;
font: bold 13px Arial, Tahoma, Verdana; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin-right: 10px;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #FFFFFF; /*button text color*/
}

a.ovalbutton span{
background: #3c5b00;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background: #c02900;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background: #c02900;
color: black;
color: #FFF;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.leftimg{
padding: 4px;
margin-right: 5px;
margin-bottom: 3px;
margin-top: 3px;
background:#FFFFFF;
border: 1px solid #DDDDDD;
}

.rightimg{
padding: 4px;
margin-left: 3px;
margin-bottom: 3px;
margin-top: 3px;
background:#FFFFFF;
border: 1px solid #DDDDDD;
}

.topimagebackground {
height: 180px;
}


/*** my menu ***/
.ubercolortabs{
padding: 0px 5px 0px 0px;
width: 99.5%;
overflow: hidden;
background: #a03832;
margin-right: 19px;
}

.ubercolortabs ul{
font: bold 12px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
letter-spacing: 1px;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}


.ubercolortabs a{
float: right;
color: #FFFFFF;
background: #a03832; /*default background color of tabs, left corner image*/
margin: 0 0px 0 0;
padding: 0 0 1px 2px;
text-decoration: none;
margin-bottom: -1px;
}

.ubercolortabs a span{
float: right;
display: block;
background: transparent url(../images/topmenu-right.gif) no-repeat top right; /*right corner image*/
padding: 8px 20px 10px 20px;
cursor: pointer;
padding-right: 10px;
color: #FFFFFF;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background: #147900; /*background color of tabs onMouseover*/
color: #FFFFFF;
}

.ubercolortabs a:hover span{
background: #147900;
}

.shadetabs{
padding: 5px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px Arial, Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 4px 7px;
margin-right: 1px;
border-left: 1px solid #9aa1b5;
border-right: 1px solid #9aa1b5;
border-top: 1px solid #9aa1b5;
border-bottom: 1px solid #e4e7f0;
color: #00175c;
background: #e4e7f0 url(../ajaxtabs/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../ajaxtabs/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


.ajbox {
	border: 1px solid #d5dbec;

	padding: 10px;
	margin: 0px 0px 10px 0px;
	background: #FFFFFF;
	
	}