/*  Regional Tibetan Youth Congress, Portland/Vancouver Chapter CSS
*/

* {
	padding: 0;
	margin: 0;	
}

body {
   font : 76% Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align : center; /* keep page centered in IE */
   width : 100%;
      color : #FFFFFF;
}

/* links */
a:link {
	color: #0A499E;
	background: transparent;
	text-decoration: none;
}

a:visited {
	color: #0A499E;
	text-decoration: none;
	font-weight : bold;
}

a:hover {
   color: #06306A;
   text-decoration : underline;
    
  }
  
/* Links within paragraphs (subtle) */
p a {
	color: #666666;
	text-decoration: none;
}

/* Links within paragraphs (revealed) */
p:hover a {
	color: #0000ff;
	text-decoration: underline;
}

/* Rollover effect for links within paragraphs */
p a:hover {
	color: #ff0000;
}



/* Headings */  
h1 
	{
	padding-left: 3px;
	margin: 0;
	padding-bottom: 15px;
	font-size: 185%; color: #0A9E0A; font-family : verdana;
	}

h2{
	padding-left: 4px;
	margin: 0 0 0 0;
	padding-bottom: 0;
	font-size: 110%;
	color: #0A9E0A;
	font-family : verdana;
	}
	
h3{
	padding-left: 3px;
	margin: 0;
	padding-bottom: 2px;
	font-size: 100%; color: #0A9E0A; font-family : verdana;
	
}
	
h4{
	padding-left: 3px;
	margin: 0;
	padding-bottom: 2px;
	font-size: 80%; color: #0A9E0A; font-family : verdana;
	
}

p{margin: 0;padding: 0 15px 0.7em;line-height: 1.5}


#contentright p {
	background:  transparent;
	padding: 0 2px 5px 5px;

}

/* Layout Stuff */
#logo {
	width: 758px;
	height: 112px;
	background-image : url(../images/new_banner_4.gif);
}

img {
	border: none;
}
img.floatLeft { float: left;
margin-left: 2px; 
margin-top: 0;
margin-bottom: 1px; 
margin-right: 10px;}

.centeredImage   {
	text-align: center;
	display:block;
	margin-left: 12%; 
	}

#wrapper {
	text-align: left;
	width: 758px;
	margin: auto auto;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	background: #FFFFFF;
	}
	
#contentwrapper {
	padding: 0 13px 16px 10px;
	margin: 1em 0 0 0;

}

#content {
	width: 758px;
	background: transparent  ;
	float: right;
	padding: 0px 0 20px 0;
	background-repeat : no-repeat;
}

#senge_left
{
	background: url(../images/snowlion.jpg) no-repeat bottom left ;

}
#senge_right
{
	background: url(../images/snowlion_lft.jpg) no-repeat bottom right ;

}

address{
	padding-left: 5px;
	padding-bottom: 20px;
	font-style: normal;
	color: #727271;
	font-family : verdana;
	font-size: 95%;
}
address.table{
	color: #727271;
	font-family : verdana;
	font-size: 95%;
}
address.tr{
	color: #727271;
	font-family : verdana;
	font-size: 95%;
}
address.td{
	color: #000000;
	font-family : verdana;
	font-size: 95%;
}	
hr {
background-color: #ccc;
border: 0;
height: 1px;
width:700px;
margin: 0;
}
  
div.hr {
  height: 15px;
  background: #A9A9A9;
  
}
div.hr hr {
  display: none;
}

/* Footer */

/* Wrapper needed to center footer */
/* If wrapper is too wide, IE will expand the wrapper and the right border 
on page will have a gap */


/*#footerWrapper {
	margin-left: 150px;
	width: 583px;
}

#footer {
   margin: auto;
	width: 758px;
	height: 40px;
	text-align: center ; 
	font: verdana, arial, helvetica;
	font-size: 11px;
	color: #0BB80F;
	background-color : #CFC8C9;
	
}	*/

#footer
{
	background: url(../images/footer_bar.jpg) no-repeat ;
	background-position : center;
	height: auto;
	font: verdana, arial, helvetica;
	font-size: 11px;
	color: #FFFFFF;
	
}

#footer img {
	padding: 0 0 0 0;
}

#footer a {
	color: #bfbfbf;
}



/* List Styles */
#contentright ul {
	padding: 0;
	margin-left: 2em;
	list-style-type: none;
}

#contentright ul li {
	background: url(../Images/metallica_list.gif) no-repeat 0 .3em;
	text-align: left;
	padding: 10px 1px 10px 30px;
	font-size: 0.8em;
}

.navheading {
	background: #999587 url(../Images/metallica_nav.gif) no-repeat 1px 1px;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 2px 4px 2px 24px;
	margin: 0;
}

#navlist {
	font-size: .9em;
	letter-spacing: .1em;
	line-height: normal;
	list-style-type: none;
	margin: 0 0 1em 0;
}

#navlist li {
	background: none;
	list-style-type: none;
	padding: 0 10px 0 0;
	margin: 0;
}

#navlist a {
	background: #CFC8C9;
	display: block;
	padding: 2px 0px 3px 2px;
	width: 88px;
	text-align : center;
	margin : auto auto auto 0px;
}

#navlist a:link, #navlist a:visited, #navlist a:hover  {
	color: #FFFFFF;
	text-decoration: none;
}

#navlist a:hover, #navlist a:active, #navlist a:focus {
	background: #5E585C ;
}

/* Classes */
.clear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

.padder {
	padding: 20px 0 0 5px;
}

.note {
	font-size: .9em;
	padding: 0 5px 0 5px;
	background: #0BB80F;
}
 
 #pic-gallery li{
	width:120px;
	border:solid #CCC;
	border-width:1px 1px 1px 1px;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#303030;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin: 5px 10px 1px 1px;
}
#pic-gallery img{
	border:1px solid #EEE;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}

#pic-gallery  a span{
/*\*/
	position:absolute;
	left:-9999px;

}

#pic-gallery a:hover span{	
	top:10px;
	left:10px;
	width:125px;
	font-weight:bold;
	background:#FFF;
	color:#999;
	padding:5px 5px 5px 5px;
	text-transform:uppercase;
	font-size:55%;
	border:1px solid #EEE;
	border-width:0 0 10px 0;
	filter: alpha(opacity=100);
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/
}