@charset "UTF-8";
/*-----------------------------------------------------------------------------
author:    Zaw Aung 
email:     zawaungiu@yahoo.com
website:   http://www.mangalarama.org/

-----------------------------------------------------------------------------*/
/* Import main stylesheet and then set colors and branding for the desired look. */

@import url(decoration.css);


/* =Branding. Sets background image for header of page.
-----------------------------------------------------------------------------*/
#branding {
	background: url('../images/bannerbg_e.jpg') no-repeat center bottom;
	height:120px;
	}
	
#branding2 {
	background: url('../images/header2.jpg') no-repeat center top;
	}

	#branding3 {
	background: url('../images/header3.jpg') no-repeat center top;
	}
/* =Colors
-----------------------------------------------------------------------------*/

/* Background color for body of layout. */
#wrapper, #mainNavBar a, #secondaryNavBar a {
	background: #cde1f2;	
}

/* Color for headings */
h1, h2 {
	color: #616c07;
	padding-top:5px;
	padding-bottom: 5px;
}

 h3, h4, h5 {
	color: #003399;
	padding-top:5px;
	padding-bottom: 5px;
}

#belowfooter {
	color: ButtonShadow;
	color: ButtonShadow;
}

#mainNavBar li {
	border-left: 1px solid #369;
}

#mainNavBar li.first {
	border-left: 0px none;
}

/* current section should have the selected class */

#uiNav, #mainNavBar, #footer p {
	background: #cde1f2;
	border-top:1px double #05efd0;
	border-bottom:1px double #99ffff;
	
}

#sidebar {
border:0px;
display:block;

}
#sidebar {
	font-size: 1.0em;
}

/* UBERLINK 
  STYLES Begin here:
*/
#mainNavBar #secondaryNavBar {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#mainNavBar a, #mainNavBar a:visited {
	color:#000099;
}	
	
#mainNavBar a:hover {
	background: #05efd1;
}

#mainNavBar a.selected{
	background: #ff33cc;
	color:#000099;
}


#secondaryNavBar li, #secondaryNavBar a {
	display: block;
	float: left;
	padding:0 9px;
	line-height: 1.0em;
	text-decoration: none;
	font-weight:bold;
	color:#000066;
	font-size:small;
	border-right:1px dotted #003300;
	
}

/* Column and footer colors */


#footer p {
	background: #336699;
}

#footer top {
	background: #e5efd0;
}

a {
	color: #7ca45a;
	color: #5c9639;
}

img {
	padding:2px;
}

#borderStyle img {
	float:center;
	border:solid 1px yellowgreen;
	padding:5px;
	margin-left:5px;
}

tr, td {

	padding: 5px;
	line-height: 1.2em;
	font-family: sans-serif;
	font-size:1.0em;
	color: Black;
	font-style:normal;
}


/* = HR line
---------------------------------------------------------------------------------- */
.hr {
  	background: url('http://www.esa.org/images/hr_dot.gif');
  	background-repeat:repeat-x;
	position:relative;
  	height:2px;
  	margin:3px 5px 5px 3px;
}
.hr hr {
  display: none;
}

/* = body Box What's New
----------------------------------------------------------------------------------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

<!-- hide entire css code from ie6{  } //-->
<![if !IE 6]>

.newcontainer{
float:right;
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 200px; /* container width*/
background-color: transparent;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid #9999CC;
padding: 2px 0px 1px 2px;
line-height:normal;
margin: 0px 0px 0px -1px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.shadowcontainer .innerdiv b{
font-size:1.2em;
color:#666699;
font-weight:bold;
margin-left:10px;
}

/* = body Curly Box What's New
----------------------------------------------------------------------------------- */
/*URL: http://www.dynamicdrive.com/style/ */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
//width: 300px;
}

.curlycontainer .innerdiv{
background: transparent;
position: relative;
left: 2px;
top: 2px;
padding-left:5px; padding-right:4px; padding-top:1px; padding-bottom:15px
}

/* = body switchcontent
----------------------------------------------------------------------------------- */

.switchcontent {
	background-color:#fbfbf0;padding:3px;
	border: 1px #eeeeee outset;
	width:740px;
}