/* Burma Assist style sheet bat1 */

/* mac hide\*/
html, body {height:100%}
/* end hide */

body {
	background: #036 url('../images/tile.gif') repeat-y center;
	padding:0;
	margin:0;
	text-align:center;
	font-size: small;
	font-family: Verdana, Arial, Geneva, sans-serif;
	min-width:780px;		/* for mozilla*/
	
}

#outerwrap {

	width:  778px;			/* width max is 778 */
	height: auto;
	border: 1px solid #fff;
	color: #000;
	text-align:left; 
	margin: 0 auto;
	background:  #fff url('../images/centrebg.gif') repeat-y center;
	position:relative;
	
}

#uberwrap {

	width:  758px;
	height: auto;
	margin: 0px auto;
	
	
}

	
#innerwrap {				
        position: relative;            /* enables content first */
	float:    left;
	width:    496px;
	margin:   5px 0px 10px 10px;
	border:   1px solid #fff; 
	display:  inline;		/* fix for ie6 */
		
}

#header{

	width:  758px;
	height: 154px;
	background: #fff url('../images/logo.gif') no-repeat;
	margin: 5px 10px 0px 10px;
	overflow: hidden;	
}


#breadcrumbs {

  background-color: #fff;
  width:	    222px;
  font-size:	    80%;
  color:	    #f00;
  margin:	    0px;
  padding:	    0px 3px 2px 3px;
  border:   	    1px solid #fff;
  
}


#left {
	position:relative;	/* ie needs this to show float */
	width:230px;
	float:left;
	font-size: 90%;
	margin: 0px;
	padding: 3px;
	border: 1px solid #fff; 
}

#left h1, h2, h3, h4, h5, h6 { color: #399; }

#centrecontent {

	width:			246px;
	float:			right;
	background-color: 	#fff;
	margin:			0px;
	padding:		0px 5px 5px 5px;
	border: 		1px solid #fff; 
}

#centrecontent p { font-size: 100%; }


#centrecontent h1 { font-size: 160%; color: #399; }
#centrecontent h2 { font-size: 140%; color: #399; }
#centrecontent h3 { font-size: 130%; color: #399; }
#centrecontent h4 { font-size: 120%; color: #399; }

.special { font-size: 170%; font-family: Arial, Verdana, sans-serif; color: #399; }


#right {
	position:		relative;        /* ie needs this to show float */
	width:			250px;
	float:			right;
	margin:			5px 10px 10px 5px;
	padding:		0px;
	border: 		0px none;
	display:		inline;		 /* ie6 fix */
}

#movie {

  background:  	    #fff url('../images/video.jpg');
  width:	    238px;
  height:           200px;
  margin:           0px 0px 2px 5px; 
}

.movietext {

  background-color: #fff;
  font-size:	    70%;
  padding:          5px;
  margin:           2px 5px 2px 5px;
  border: 	    1px solid #fff;
       
}


.thoughttext {

  font-size:	    90%;
  font-style:       italic; 
  color:	    #444;
  padding:          5px;
  margin:           5px 5px 0px 5px;
  border: 	    1px solid #fff; 
       
}

.thoughttext h4 {

 font-size: 105%;
 font-weight: bold;
 color: #000;
}

.thoughttext p { color:	#000; }

.thought { color: #fff; }

.donate {

position: absolute;
bottom: 30px;
right:10px;
width: 166px;
margin: 0px;
padding: 0px;	
border:	0 none;
z-index: 100;
}

.donate a, a:link, a:visited, a:hover, a:active, img { border: none; }

.moon {

position: absolute;
bottom: 30px;
right: 180px;
width: 161px;
margin: 0px;
padding: 0px;
border: 1px solid #fff;
display: none;

}

.small {text-align: center; font-size: 80%; color: #399; } 

.burmapics img {

	width:		200px;
	height:		128px;
	margin-top:	3px;
	margin-bottom:	2px;
	padding-left:   7px;
	padding-right:  7px;
	border-left:	4px solid #693;
	border-right:	4px solid #693;
}

.burmapics h4 { font-size: 105%; color: #444; }

.intro {
 font-size: 90%;
 color: #399;
 padding: 3px 10px;
 }
 
.pictext {
 font-size: 80%;
 color: #000;
 padding-left: 10px;
 }

.lhtext {
 font-size: 95%;
 color: #000;
 padding: 10px; 
}

.lhtext img { border 0px none; }

.rhtext {
 font-size: 95%;
 color: #000;
 padding: 10px; 
}

.rhtext img { border: 0px none; }

.spacer {

width:   230px;
height:  auto;
color:   #fff;
margin:  5px 0px;
padding: 0px;
border:  0 none;

}

#footer {

	width:			756px;
	height: 		22px;
	border: 		1px solid #fff;
	background-color: 	#036;
	color: 			#fff;
	text-align:		center;
	font-weight:		bold;
	font-family:		Arial, Verdana, sans-serif;
	font-size:		90%;
	padding-top: 		3px;
	margin:			0px 10px;
	
}

#footer a { text-decoration: none; }
#footer a:link { color: #fff; }
#footer a:visited { color: #fff; }
#footer a:hover { color: #ff0; }

#clearfooter { width: 100%; clear: both; }


.copy { font-size: 80%; text-align: center; }

/* Boxes with curves */

.roundcont1 {
	width: 220px;
	font-size: 95%;
	background-color: #bbb;
	margin: 0px;
	color: #000;
}

.roundcont1 p {
	margin: 0 10px;
}

.roundcont2 {
	width: 250px;
	font-size: 100%;
	background-color: #bbb;
	color: #000;
}

.roundcont2 p {
	margin: 0 10px;
}

.roundcont2 h3 {
	margin: 0 10px;
        color: #000;
}

.roundtop { 
	background: url(../images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

/* Display none of the stuff for printing */
#pfooter {display: none }
#pfooter p { display: none; }
#pheader img { display: none; }
#ptagline h3, hr { display: none; }