/* CSS Document for Asia Pacific Media Network Website b. april 2005, last updated: april 2005*/
/* by scott gruber */

/* top navigation for regions */



#navregions {
	float: left;
	width: 847px;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	list-style: none;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	text-transform: uppercase;
	/*border-top: 3px solid #990000;
	border-bottom: 3px solid #990000;*/
	background: #536895;
	}
	
#navregions li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	}
	
li#nav_home a {
	margin-left: 25px;
	}
	
#navregions a {
	float: left;
	padding: 7px 13px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	}
#navregions a:hover, #navregions a.active {
	color: #fff;
	background: #94CF4C;
	}
#navregions a.active {
	font-weight: bold;
	background: #666;
}





	

/* layout */

body {
	color: #000000;
	/*background-color: #1E6A95;*/
	background-color: #536895;
	margin: 0px;
}

#header {
	background:#fff;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#header img.logo {
	margin-top: 5px;
	}

#header .google {
	float: right;
	margin-right: 5px;
}

#header .google img {
	margin-bottom: 10px;
}


#layout {
	background:#fff;
	border: 1px solid #a89f9a;
	border-top: 0;
	padding: 0;
	width: 847px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	/*background: url(/images/tile.gif) repeat-y;*/
}


#content {
	
	padding: 10px;
	
}

body#tsunami #content {
	padding: 10px;
	background: url(/images/tsunami-back.gif) repeat-x;
}
body#tsunami .calloutbox {
	background-color: #fff;
}



#leftSideBar {
	float: left;
	width: 175px;
}


#leftSideBar .calloutbox { 
	border: 1px solid #eee;
	width: 150px;
	margin: 0;
	margin-bottom: 25px;
}

#leftSideBar .calloutbox h4 {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: lighter;
	color: #000;
	background: #FDAD4B;

}

#leftSideBar .calloutbox p {
	margin: 0 0 12px 0;
	padding: 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif; 
	color: #333;
}

#leftSideBar .calloutbox img.thumbnail { 
	border: 1px solid #fdad4b;
	margin-right: 5px;
	float: left;

}

#leftSideBar .calloutbox p { 
	border: 0;
	/*margin-bottom: 10px;*/
	clear: both;
	

}

#leftSideBar .calloutbox img.logo { 
	margin-top: 10px;
	margin-bottom: 15px;
}

#maincolumnhome {
	width: 400px;
	float: left;
	margin-right: -225px;	

}

#maincontenthome {
	width: 100%;
}

#maincolumn {
	width: 100%;
	float: left;
	margin-right: -225px;		
}

#maincontent {
	margin-right: 235px;
	margin-left: 20px;
}

#maincontent img.thumbnail {
	
	border: 2px solid #536895;
	margin-right: 15px;
	float: left;
	clear: both;

}

#googleresultspage table{
	background-color: #fff;
	padding: 0;
	
		
}



#googleresultspage table {
	/*border-bottom: 1px solid #000;*/
	margin-bottom: 10px;
	
}



#googleresultspage  .g {
	margin: 0;
}

#maincontent .articleimage img {
	border: 2px solid #536895;
	margin-top: 15px;
}



.articleimage span.photocaption {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #536895;
	font-style: italic;

}

#maincontent img, #mainstory img {
	/*border: 2px solid #536895;*/
}

#maincontent img.noborder, #mainstory img.noborder {
	border: 0;
}

#maincontent .calloutbox { 
	border: 1px solid #eee;
	/*width: 225px;*/
	margin: 0;
	margin-bottom: 25px;
}

#maincontent .calloutbox h4 {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: lighter;
	color: #000;
	background: #94CF4C;
}


/*#maincolumn {
	float: left;
	width: 450px;
	
	width: 70%;
	margin-right: -225px;
background:#eee;
	border: 5px solid #fdad4b;
}

#maincontent {
	width: 100%;
}*/

#singlecolumn {
	width: 100%;
	float: left;
}

#singlecolumnconent {
	margin-right: 20px;
	margin-left: 20px;
}


.videobox { 
	border: 1px solid #eee;
	margin-bottom: 25px;
	margin-left: 15px;
	padding: 10px;
}

#sidebar {
	margin-top: 15px;
	width: 225px;
	float: right;
}

#sidebar h2 {
	margin-bottom: 0;
}

#sidebar .mediumimage { 
	border: 2px solid #000; 	
}

#sidebar .calloutbox { 
	border: 1px solid #eee;
	width: 225px;
	margin: 0;
	margin-bottom: 25px;
}

#sidebar .calloutbox h4 {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: lighter;
	color: #000;
	background: #94CF4C;
}

#sidebar .calloutbox p {
	margin: 0 0 12px 0;
	padding: 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif; 
	color: #333;
}

#sidebar .calloutbox img { 
	margin-top: 10px;
	margin-left: 5px;
}

#sidebar .calloutbox img.thumbnail { 
	border: 1px solid #94CF4C;
	margin-right: 5px;
	float: left;
}


#sidebar .calloutbox ul {
	margin-left: 10px;
	padding-left: 0;
	
}

#sidebar .calloutbox ul li {
	margin: 0 0 0 15px;
	padding: 0 0 5px 5px;
	line-height: 1.5em;
	/*list-style: url(/images/squareblue.gif) none outside;*/
}

#sidebar .focus {
	margin: 0;
	margin-bottom: 15px;		
	border-top: 1px solid #536895;
	border-bottom: 1px solid #536895;
	padding: 2px 0 0 2px;
}

#sidebar .focus h4 {
	font-size: 13px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: lighter;
	color: #536895;
	font-weight: bold;
	text-transform: uppercase;
}

#sidebar .focus img.thumbnail { 
	border: 3px solid #536895;
	margin-top: 5px;
}

.clearing {
  height: 0;
  clear: both;
  
}

#sidebar .calloutbox ul.rsslist {
	margin-left: 10px;
	padding-left: 0;

	
}

#maincontent .calloutbox ul.rsslist li, #sidebar .calloutbox ul.rsslist li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 5px;
	line-height: 2em;
}




li.pdf {
	list-style: url(/images/icon_pdf.png) none outside;
	
}

li.word {
	list-style: url(/images/icon_word.png) none outside;
	
}

li.feed-rss {
	list-style: url(/images/icon_feed.gif) none outside;
}

li.feed-google {
	list-style: url(/images/icon_google.gif) none outside;
}

li.feed-yahoo {
	list-style: url(/images/icon_yahoo.gif) none outside;
	/*list-style: none outside;*/
}

li.feed-delicious {
	list-style: url(/images/icon_delicious.gif) none outside;
}

li.feed-blogger {
	list-style: url(/images/icon_blogger.gif) none outside;
}

ul.listauthors {
	margin-left: 10px;
	padding-left: 0;
	margin-bottom: 25px;
}

ul.listauthors li {
	margin: 0 0 7px 2px;
	padding: 0 0 5px 2px;
	line-height: 1.2em;
	font-size: 11px;
	border-bottom: 1px dotted #536895;
	list-style: none;
	
}

.listauthors strong {
	font-size: 12px;
	margin-right: 5px;
	}


#footer {
	clear: both;
	margin:0;
	padding: 0;
	margin-top: 15px;
	
}


#footernav {
	float: left;
	width: 847px;
	margin: 0 0 0 -10px;
	padding: 0;
	list-style: none;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	/*text-transform: uppercase;*/
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #536895;
	padding: 7px 13px;
	}
	
#footernav li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	
}
	
li#fnav_am a {
	margin-left: 25px;
	}
	
#footernav a {
	/*float: left;*/
	padding: 7px 13px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	}
	
#footernav a:hover, #navregions a.active {
	color: #ffb300;
	/*background: #94CF4C;*/
	padding: 7px 13px;
	}
#footernav a.active {
	font-weight: bold;
	background: #666;
}




#endpage {
	text-align: center;
}


/* typography */


h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: lighter;
	line-height: 1.2em; 
	letter-spacing: -.05em;
	color: #000;
}

h1 {  
	font-size: 24px;
	margin-bottom: 0;
}

img.map {  
	margin-top: 10px;
}

h2 {  
	font-size: 20px;
}

h3 {  
	font-size: 18px;
}

h4 {  
	font-size: 16px;
}


h5 {  
	font-size: 12px;
	margin-left: 25px;
	margin-right: 25px;
	/* font-style: italic; */
}

p {  
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.3em; 
}

hr {
	
	border: 1px solid #536895;
	margin-top: 20px;
	margin-bottom: 20px;
}


#mainstory {
	border: 1px solid #1E6A95;
	background-color: #eee;
	/*width: 325px;
	margin-left: 180px;*/
	padding: 10px;
	
}

#mainstory h1 {  
	margin-top: 5px;
	color: #003366;
	font-size: 30px;
	margin-bottom: 0;
	
}

#mainstory p.abstract {  
	color: #003366;
	font-style: normal;
	margin-top: 0;
}




#maincontent h4 {
	margin-bottom: 0;
}

#maincontent p {
	margin-top: 0;
	margin-bottom: 15px;
}

.headlines h2 {
	margin-bottom: 0;
	
}

.headlines h2+p {
	margin-top: 0;
	margin-bottom: 10px;
}

.headlines h3 {
	margin-top: 30px;
	margin-bottom: 10px;
	background-color: #eee;
	padding: 2px 5px;
}

.headlines ul {
	margin-left: 10px;
	padding-left: 0;
}

.headlines  ul li {
	margin: 0 0 0 5px;
	padding: 0 0 5px 2px;
	line-height: 1.2em;
}

li {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;

}

.abstract {
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif; 
	font-style: italic;
}

.caption { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #990000;
	font-style: italic;
	
}

.small { 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px;
}



.pagination { 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-style: italic;
}


.copyright {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-align: center;
}



/* begin top stories */


#storystatslist {
	margin: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #6699CC;
	width: 100%;
	padding: 0;
}

#storystatslist tr.titlerow {
	background-color: #eee;
}

#storystatslist td.datarow {
	padding: 2px;
	border-top: 1px solid #ccc;
}

#storystatslist h4 { 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	padding: 10px 5px 10px 5px;
	margin: 0;
	color: #536895;
}

#storystatslist p {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	
}
/* end top stories */

/* css for forms */

.formback {
	background-color: #94CF4C;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-right: #50555a 1px solid;
	border-top: #50555a 1px solid;
	border-left: #50555a 1px solid;
	border-bottom: #50555a 1px solid;
	font-weight: bold;
	padding: 2px 5px ;
}


.formbutton {
	background-color: #94CF4C;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-right: #50555a 1px solid;
	border-top: #50555a 1px solid;
	border-left: #50555a 1px solid;
	border-bottom: #50555a 1px solid
}

.formback2 {
	background-color: #eee;
	color: #536895;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-right: #50555a 1px solid;
	border-top: #50555a 1px solid;
	border-left: #50555a 1px solid;
	border-bottom: #50555a 1px solid;
	font-weight: bold;
}


.formbutton2 {
	background-color: #eee;
	color: #536895;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-right: #50555a 1px solid;
	border-top: #50555a 1px solid;
	border-left: #50555a 1px solid;
	border-bottom: #50555a 1px solid
}



#storytools {
	border: 1px solid #999;
	padding-left: 10px;
	font-style: italic;
}

#storytools img {
	margin-right: 5px;
}

/* table for subscribe to listserv*/

#subscribe td { 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
}

#subscribe {
	width: 100%;
}


/* slideshow css for institute template */

#startslideshow {
	margin-top: 0;
	margin-bottom: 10px;
}

#startslideshow img.thumbnail {
	border: 2px solid #877467;
	float: none;
	

}


#slideshow {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	
}

#slideshow h1 {
	margin-bottom: 0;
}

#slideshow p {
	margin-top: 0;
	margin-bottom: 10px;
}

#slideshow td {
	/*border: 1px dotted #d1c6c0;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#slideshow img.slideImage{
	padding: 5px;
	background-color: #D1C6C0;
	margin-bottom: 0;

}

.slidedescription, slideBoxText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1E6A95;
}

.slidecopyright{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.slidenumOn {
	background-color: Maroon;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
}

a.slidenumOff {
	
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;

}
/* end slideshow css */

/* section bars */

.section1 {
	background-color: #BFCAE2;
	border: 3px solid #809CC9;
	padding: 0 15px;
	margin: 10px 0;
	width: 500px;
}

.section1 h2 {
	color: #536895;
	border-bottom: 1px solid #536895;
}

.section1 a:link, .section1 a:visited {
	color: #536895;
}

.section1 ul, .section2 ul {
	margin-left: 15px;
	padding-left: 0;
}

.section1 strong, .section2 strong, .section3 strong {
	font-size: 14px;
}



.section1 ul li, .section2 ul li, .section3 ul li {
	margin: 0 0 0 10px;
	padding: 0 0 15px 5px;
	line-height: 1.5em;
	/*list-style: url(/images/post.png) none outside; */

}

.section2 {
	background-color: #CC6666;
	border: 3px solid #800000;
	padding: 0 15px;
	margin: 10px 0;
	width: 500px;
}

.section2 h2 {
	color: #800000;
	border-bottom: 1px solid #800000;
}

.section2 a:link, .section2 a:visited {
	color: #800000;
}

.section3 {
	background-color: #fff;
	border: 3px solid #748984;
	padding: 0 15px;
	margin: 10px 0;
	width: 500px;
}


.section3 h2 {
	color: #748984;
	border-bottom: 1px solid #748984;
}

/* linkology */

a {
	text-decoration: none;
}

a:link {
	/*color: #990000;*/
}

a:visited {
	/*color: #CC3333;*/
}

a:hover {  
	/*color: #FF3300;*/
	text-decoration: underline;
}

a:active {
	/*color: #FF0000;*/
	text-decoration: underline;
}

.selected {
	background-color: #FDAD4B;
	color: #fff;
	font-weight: bold;
	padding: 3px;
}