/* CSS Document for UCLA International Institute Website */

body {
	color: #000;
	background-color: #D1C6C0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 740px;
	margin-bottom: 50px;
}

#heirarchy {
font-family: verdana, helvetica, arial, sans-serif;
font-size:12px;
font-weight: bold;
margin: 0 auto 0 auto;
width: 700px;
}

#layout {
	background-color: #fff;
	border-left: 1px solid #66583F;
	border-right: 1px solid #66583F;
	border-bottom: 1px solid #66583F;
	padding: 5px;
}


#header {
	font-size:28px;
	padding: 0;
	padding-left: 15px;
	/*border: 1px solid #66583F;*/
	margin: 0;
	/*padding-bottom: 5px;
	margin-bottom: 5px;*/
	/*border-bottom: 2px solid #94CF4C;*/
}


#nav {
	/*border: 1px solid #E5E5E5;*/
	
	margin: 0;
	padding: 3px;
	margin-left: -25px;
	margin-right: auto;
		
}

#nav li {
	display: inline;
}	

#nav li a {
	color: #09345F;
	background-color: #E5E5E5;
	text-decoration: none;
	border: 1px solid #09345F;
	padding: 5px;
	margin: 2px;
	width: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	
	
}

#nav li a:hover {
	color: #E5E5E5;
	background-color: #09345F;
	text-decoration: none;
	border: 1px solid #E5E5E5;
	padding: 5px;
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	
}

#banner {
	width: 100%;
	float: left;
	margin-right: -200px;
	padding: 0;
}

#googlebox {
	width: 200px;
	float: right;
	margin: 0;
	padding: 0;
}

#primarycontent {
	width: 100%;

	float: left;
	margin-right: -225px;		
}

#articlelayout {
	margin-right: 230px;

	margin-left: 20px;
}

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

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

#sidebar {
	width: 202px;
	padding-right: 18px;
	float: right;
}

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

#footer {
	text-align: center;
	clear: both;
	margin-top: 15px;
	padding: 0 0 5px 20px;
	border-top: 1px solid #09345F;
}

.ctraddress, .toppage {

	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #66583F;
	
}

#copyright {
	text-align: center;
	clear: both;
	margin-top: 10px;
	padding: 0 0 5px 20px;
	color: #66583F;

}


/* typography */


h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

p, td, li {
	font-family: Arial, Helvetica, sans-serif; 
}

h1 {
	/*font-size: 20px;*/
	color: #66583F;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: lighter;
	line-height: 1.3em; 
	font-size: 26px;
	letter-spacing: -.05em;
	margin-bottom: 0;
}

h2 {
	font-size: 18px;
	color: #800000;
}


h3 {
	font-size: 16px;
	color: #66583F;
}

h4 {
	font-size: 14px;
	color: #800000;
	margin-bottom: 0;
}


h5 {
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

p {  
	font-size: 12px;
	line-height: 140%;
}

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

p.tagline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #66583F;
	font-style: italic;
	margin-bottom: 25px;
	
}



	
li { 
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

blockquote {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

li.manual {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height : 30px;
}



.subtitle {
	font-size: 12px;
	color: #003399;
	font-weight : bold;
	background-color : transparent;
}

.abstract {
	margin-top: 0;
	margin-bottom: 1em;
	color: #66583F;
	font-style: italic;
	
}

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

.toppage { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #cccccc;
	background-color: transparent;
	text-decoration: none;
}



.bioname {
	font-weight: bold;
	color: #006699;
	background-color : transparent;
}


#google {
	text-align: left;
}




.searchTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	background-color : transparent;
}







#articleimage {
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
}



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


#singlecolumnlayout h2, h3, h4, h5, h6  {
	margin-top: 15px;
	margin-bottom: 10px;
}



#articleformat h2  {
	margin-bottom: 20px;
	border-bottom: 1px solid #800000;
	font-style: italic;
}

.articleimage img {
	border: 5px solid #877467;
	margin-top: 10px;
}

.wrapimage img {
	float: left;
	margin-right: 10px;
}

#singlecolumnlayout h1, h3 {
	color: #66583F;
}

#singlecolumnlayout p {  
	margin-top: 0;
	margin-bottom: 1em;
	
	/*color: #66583F;*/
}

#singlecolumnlayout .abstract {  
	margin-top: 0;
	margin-bottom: 1em;
	color: #66583F;
	font-style: italic;
}

#singlecolumnlayout li {
	line-height: 1.5em;
}
 


#articlelayout h1, h2, h3, h4, h5, h6  {
	margin-top: 15px;
	
}

#articlelayout h1 {
	margin-bottom: 0;
}

#articlelayout h1+p {
	margin-top: 0;
}

#articlelayout h4 {
	margin-bottom: 0;
}


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

#articlelayout .abstract {  
	margin-top: 0;
	margin-bottom: 1em;
	color: #66583F;
	font-style: italic;
}


#articlelayout li {
	line-height: 1.5em;
}


#mainstory img {
	border: 5px solid #877467;
	margin-top: 10px;
}

.thumbnail {
	border: 3px solid #877467;
	margin-right: 15px;
	float: left;
	clear: both;
	
}

.thumbnail2 {
	border: 3px solid #877467;
	margin-right: 5px;
		
}

.imgtagline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #66583F;
	font-style: italic;
	margin-bottom: 25px;
	
}


/*storypullquote used for articles only */
#storypullquote {
	float: right;
	width: 150px;
	margin-top: 150px;
	margin: 10px;
	color: #1E6A95;
	border-left: 1px dotted #1E6A95;
}

#storypullquote p {
	padding: 5px;
	text-align: right;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#storypullquote h4 {
	margin-top: 0;
	padding-top: 0;
	padding: 5px;
	text-align: right;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #003399;
}


#sidebar h1, h2, h3, h4, h5, h6  {
	margin-top: 5px;
	margin-bottom: 5px;
}

#sidebar h5+p  {
	margin-top: 10px;
	
}

#address h4 {
	margin-bottom: 0;
}

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


#storytools {
	border: 1px solid #94CF4C;
	margin-top: 10px;
	margin-bottom: 10px;		
	border: 1px solid #94CF4C;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #003399;
	font-style: italic;
	
}

.calloutbox {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;		
	border: 1px solid #94CF4C;
	padding: 5px;
	/*padding-bottom: 0;*/
	float: left;
	width: 50%;
	
}

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

.calloutbox ul li {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
}

.spotlight {
	margin-top: 5px;
	margin-bottom: 10px;		
	border: 1px solid #09345F;
	border-top: 2px solid #09345F;
	border-bottom: 2px solid #09345F;
	padding: 5px;
	padding-bottom: 0;
	
}



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

.spotlight ul li {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
	list-style:none outside;
}

.spotlight ul.expertslist li {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
	list-style:none outside;
}


.relatedeventlist {
	margin-top: 5px;
	margin-bottom: 10px;		
	border: 1px solid #94CF4C;
	border-top: 2px solid #94CF4C;
	border-bottom: 2px solid #94CF4C;
	padding: 5px;
	padding-bottom: 0;

	
}

.relatedeventlist h4 {
	margin-bottom: 0;
	margin-top: 0;
}

.relatedeventlist p {
	margin-top: 0;
	margin-bottom: 10px;
}

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

.relatedeventlist ul li {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
	list-style:none outside;
}






.newsbox {
	margin-top: 5px;
	margin-bottom: 5px;		
	/*border: 1px solid #94CF4C;*/
	border-top: 1px solid #94CF4C;
	/*border-bottom: 1px solid #94CF4C;*/
	padding: 5px;
	padding-bottom: 0;
	
}



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

.newsbox ul li {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
	list-style:none outside;
}


/* css for calendar, event and spotlight events begins here */


.displaycalendar td {
	padding: 1px;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	
}
.monthformat {
	color: #000;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
}
.dayweekformat {
	color: #66583F;
	font-weight: bold;
}



/* css for calendar, event and spotlight events ends here */






/* various story boxes */

#sidebar .spotlight h4 {
	margin-bottom: 10px;
	margin-top: 10px;
}


#sidebar h4 {
	margin-bottom: 0;
	margin-top: 15px;
}

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










#storystatslist {
	margin: 0;
	margin-top: 15px;
	border: 1px solid #66583F;
	width: 80%;
	padding: 0;
}

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

#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: #039;
}

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



/* css for forms */

.formback {
	background-color: #D1C6C0;
	color: #003399;
	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: #D1C6C0;
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
 
 .formback3 { 
	background-color: #D1C6C0; 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
 }

.formbutton {
	background-color: #D1C6C0;
	color: #003399;
	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
}

/* used for photo of the week callout */
.specialphoto {
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
}

.specialphoto img {
	border: 2px solid #536895;
}

.specialphoto h4 {
	margin-top: 0;
	margin-bottom: 15px;
	font-style: italic;
	color: #536895;
}

.specialphoto li {
	text-align: left;

}


/* for configuring a table used for conferences */

table.conf {
	border-width:0;
	color: #000;
	line-height:1.5em;
	/*width:100%;*/
	margin:0 0 1.5em;
	
}

table.conf tr td.blank {
  border-width:0;
  padding:2px;
  }
  
.conf th {
	background:#eee;
	padding:5px 5px;
	border:1px solid #ccc;
	border-width:0 0 1px 1px;
	font-size: 100%;
	font-weight: bold;
	font-family: Georgia, Times, serif; 
	color:#993333;
	text-align:left;
 }
  
  
.conf td {
	padding:5px 5px;
	border:1px solid #ccc;
	border-width:0 0 1px 1px;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.conf td p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.conf td.time {
	
	background-color:#eee;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, Times, serif; 
	text-align: left;
	width:30%;
}

.conf td.panel {
	
	background-color:#eee;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, Times, serif; 
	text-align:left;
	width:50%;
}

.conf h4 {
	color:#990000;
}

.conf ul li {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
	list-style:none outside;
}



/* linkology */
a:link {
	color: #003399;
	background-color : transparent;
}

a:visited {
	color: #003366;
	background-color : transparent;
}

a:hover {
	color: #6699CC;
	text-decoration: underline;
	background-color : transparent;
}

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



/* 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;*/
}

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

}

.slidedescription{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	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 */



.aifeeds {
	width: 200px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	border-right: 1px solid #B3151C;
	border-left: 1px solid #B3151C;
	border-top: 2px solid #B3151C;
	border-bottom: 2px solid #B3151C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.aifeeds h4 {
	margin:0;
}

.aifeeds p, li {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

/* css for slideshow backend created using .net by kaya */

.headerstyle {
	background-color: #66583F;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

}

.footerformat {
	color: #66583F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}




#expertslist li {

	padding: 10px 25px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	}
	
.tsunamispecial {
	background-color: #f1f2ef;
	padding: 10px;
	border: 1px solid #990000;
	width: 50%;
	float: right;
	margin-left: 15px;
	margin-right: 10px;

}

.tsunamibox {
	/*background-color: #f1f2ef;*/
	padding: 5px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	

}

.tsunamibox h4 {
	color: #003366;
	/*padding: 5px;*/
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
}

.tsunamibox ul li {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
	list-style: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

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


/* for configuring a table used for idp info */

table.study {
	border-width:0;
	color: #000;
	line-height:1.5em;
	width:460px;
	margin:0 0 1.5em;
	
}

table.study tr td.blank {
  border-width:0;
  padding:2px;
  }
  
.study th {
	background:#eee;
	padding:5px 5px;
	border:1px solid #ccc;
	border-width:0 0 1px 1px;
	font-size: 100%;
	font-weight: bold;
	font-family: Georgia, Times, serif; 
	color:#993333;
	text-align:left;
 }
  
  
.study td {
	padding:5px 5px;
	border:1px solid #ccc;
	border-width:0 0 1px 1px;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.study td p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.study td.topic {
	
	background-color:#eee;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, Times, serif; 
	text-align: left;
	width:150px;
}

.study td.info {
	
	/*background-color:#eee;*/
	
	text-align:left;
	width:175px;
}

.study h4 {
	color:#990000;
}

.study ul li {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
}