/* CSS Document */

/* Reset */

html, body { margin: 0; padding: 0; border: 0; background-color: transparent; font-size: 12px; 	} 

div, span, articles, aside, footer, header, hgroup, nav, section, 
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {	
		margin: 0;
		padding:0;
		border:0;
		vertical-align: baseline;
		background-color: transparent; }
		
img 	{  margin: 0; padding: 0; border: 0;	}	

table 	{ border-collapse: collapse; border-spacing: 0;	}

input, select, textarea, form, fieldset { margin: 0; padding: 0; border: 0;	}	

h1, h2, h3, h4, h5, h6, p, blockquote, a, li, 
th, td, caption, em, strong, strike { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		font-weight: normal;
		font-style: normal;
		line-height: 100%;
		text-indent: 0;
		text-decoration: none;
		text-align: left;
		color: #000;	}

ol, ul { list-style: none;	} 
 
/* Global */

html { }
body { background-color:#69F; }

/* heading */

h1, h2, h3, h4, h5, h6 	{ 
		font-weight: bold;  }

h1		{ font-size: 24px;	color: #36f; margin: 10px 0; }
h2		{ font-size: 20px;	color: #Fa0; margin: 10px 0; }
h3		{ font-size: 16px;	margin: 5px 0; }
h4		{ font-size: 14px;	}
h5		{ font-size: 14px;	}
h6		{ font-size: 16px; margin: 10px 0;	}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img 	{ margin: 0; }


/* Text Elements */

p		 { color: #000; font-size: 14px; line-height: 150%; }
p .left  { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a 			{	}
a:link		{ color: #36f;	} 
a:visited	{ color: #36f;	} 
a:active	{ color: #36f;	} 
a:focus		{ color: #666;	} 
a:hover		{ color: #fa0;	} 

blockquote 	{ color: #000; font-size: 12px; }
strong		{ font-weight: bold;	}
em			{
	font-style: italic;
}

sub			{	}
sup			{	}

/* images */


/* lists */

ul 			{	}
ol			{ list-style-type:decimal;	}
ul li		{ color: #000; font-size: 14px;	}
ol li		{ color: #000; font-size: 14px;	}

dl			{	}
dt			{	}
dd			{	}

/* Table */

table		{ width: 100%;	}
tr			{	}

.odd		{ background-color: #eee;	}
.even		{ background-color: #fff;	}

th			{ 	}
thead		{  }
tbody 		{	}
th, td, caption		{	}
caption		{	}
tfoot		{	}
.tfoot		{ background-color: #ccc; text-align: center; font-style: italic;	}
caption		{ background-color: #efefef; }

/* Miscellaneous */

sup, sub 		{ line-height: 0;	}

abbr, acronym	{ border-bottom: 1px dotted #666;	}

address {	}

del			{ background: #ffcece; color: #f00;	}

code, pre	{ background-color: #ff9; padding: 2px 0;
			margin: 4px 25px; font-family: "Courier New", Courier, monospace;
			font-size: 12px; font-weight: bold;	}


/* Container */


#outer { width:960px; background-color:#fff; margin:0 auto; }

#wrapper { width:900px; background-color:#fff; margin:0 auto; }

#logo	{ margin:20px 0 20px 50px; float:left; }

#date 		{ 	position: absolute; top: 0px; left: auto;
				line-height:30px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px; font-style: normal; color: #333;
			}

#ucr-logo 	{float:right; margin: 110px 0 10px 0;}

#navbar	{ clear:both;	 }
#navbar ul { border-top: 1px #666 solid; border-bottom: 1px #666 solid;
			margin: 20px 0; padding: 10px 0;
				}
#navbar ul li { display:inline;
				font-family : Arial, Helvetica, sans-serif;
				}
#navbar ul li a { padding: 0 10px;font-size:18px; color: #000; font-weight: bold;		}		

#navbar a:link {color: #666;}		
#navbar a:visited {color: #666;}	
#navbar a:active {color: #666;}	
#navbar a:focus {color: #36f;}	
#navbar a:hover {color: #fa0;}	

#content		{	}


/* Container Banner Slider begin */

#slider1_container { margin-left: 45px; }


#left-content 	{ clear:both; float: left;
					margin: 20px 0;width: 600px; }
#left-content p		{	text-indent: 20px; 	} 

#left-content ul		{	margin-left: 30px; 	} 
#left-content ul li {  list-style-type: square ; 
						line-height: 150%; }

#right-content	{ float: right; margin: 20px 0;
				width:270px;  }
#right-content p	{
					font-size: 12px; margin-bottom: 15px;
					text-indent: 20px;
				}
#right-content a	{ margin: 5px; float: right;	}	

/* index page end */			

/* content for all other pages*/
#full-content	{ margin-bottom: 20px; margin-left: 50px;
					width: 800px; }
					
/*
#full-content ul {	}
#full-content ul li 	{	}
#full-content ul li h3	{ margin-top: 20px;	}
#full-content ul li p	{ margin-bottom: 10px;	}
#full-content ul li img	{ width: 300px; }
*/ 

/* People page */
#pi				{ padding: 20px 20px 0 20px;  margin-bottom: 20px; 
					 }
.p-title		{ 
					font-size: 20px; color: #36f; font-weight: bold; }
#left-image		{ float: left;  }
#left-image img	{ width: 300px; margin-bottom:20px;}

#right-desc		{ float: left;	margin-left: 100px; 	}

.pi-list		{  margin-top:15px; margin-bottom: 15px; }
.pi-list li		{ margin: 5px 0;	}
.pi-cv			{ clear: both; border-top: 1px #ccc solid; padding: 10px 0;}
.pi-id			{clear: both; padding: 10px 0;}
.res-id			{  margin:10px 30px; float:left;}
.res-id li		{ margin: 5px 0;	
				}


.memb			{  margin-top:15px; margin-bottom: 10px;  }
.each-memb 		{    margin: 5px; padding: 5px;
					float: left; border: 1px #ccc solid; 
					width: 150px; height:270px; }
.each-memb img	{    }
.each-memb ul	{ width:150px;	}
.pm-list li		{ margin-top: 5px; width: 150px; 	}

.g-pic li		{ margin: 15px 0 15px 0; 	}
.g-pic img		{ width: 550px; }
.g-pic p		{ font-size: 18px; font-weight: bold; margin-bottom: 15px; }

.memb table				{ width: 800px;  cellpadding: 10px; 
							margin: 20px 0;
						 }
.memb table, th, td		{ 	border-collapse:collapse;
						border: 1px solid #ccc; }
.memb th, td 			{	padding:10px; font-size: 14px; }
.memb th				{ background-color:#ddd; text-align:center; }

/* Research page */

#action-list p		{ margin-bottom: 15px; text-indent: 20px;}
#action-list ul		{	margin-left: 30px; 	} 
#action-list ul li {  list-style-type: square ; 
						line-height: 150%; }

/* Courses page */

#course 		{ float: right;
				width: 500px; margin: 0 0 20px 0;	}
#course h3		{ font-size: 18px;	}
#course p		{ float: right; color: #999; margin-top: 10px;}
#course ul		{ clear: both; margin-left: 30px; 	}
#course ul li	{ margin: 10px 0; }

/* Publication page  */

#pub-left			{ float: left; 
						width: 150px; 	padding: 0 10px;
						background-color: #ddd; }
#pub-left img		{ width: 150px;	}	
#pub-left ul		{	}
#pub-left ul li		{ margin:15px 0; }	
#pub-left p			{ font-size: 12px; margin-top: 10px; line-height: 110%;	}
				

#pub-right			{ width: 700px; float: right;	
						 }
.p-title-c			{ font-size: 24px; color: #36f; font-weight: bold; 
						text-align:center; }			

#pub-page   		{	}
#pub-page ul  		{ list-style: square;	}
#pub-page ul li  	{	}

.back-to-top			{ font-size: 12px; }
.back-to-top a 			{	}
.back-to-top a:link		{ color: #36f;	} 
.back-to-top a:visited	{ color: #36f;	} 
.back-to-top a:active	{ color: #36f;	} 
.back-to-top a:focus		{ color: #fa0;	} 
.back-to-top a:hover		{ color: #000;	} 


.flip-new		{ color: #666; font-weight: bold; 
					font-size: 18px; margin: 20px 0;
					border-bottom: 2px solid #666;	
					padding-bottom: 5px;}
.panel-new	p	{ margin: 10px 0; text-indent: -30px; }

.flip			{ color: #666; font-weight: bold;
					font-size: 18px; margin: 20px 0;
					border-bottom: 2px solid #666;	
					padding-bottom: 5px;	}
.panel	p		{ margin: 10px 0; text-indent: -30px; }

.flip-all { color: #fff; font-weight: bold; font-size: 18px;
			padding: 5px;
			text-align: left;
			background-color: #69f;
			border: solid 1px #69f;
			}

.pub-vol 			{	font-style: italic; }	
.pub-page 			{	font-weight: normal; }
.pub-year			{	font-weight: bold; }
.pub-title			{   font-style: italic;  }

#pub-page   		{	}
#pub-page ol  		{	}
#pub-page ol li  	{  margin: 20px 0; 	}
#pub-page ol li a 	{ color: #000;	}

.abstract_title		{ color: #000; font-size: 14px; line-height: 150%;	}
.abstract			{ color: #000; }

.abstract table, th, td		{ 	border-collapse:collapse;
								border: hidden; }
.abstract th, td 			{	padding:10px 20px; font-size: 12px; line-height: 120%;  }
.abstract th				{  text-align:center; }

/* Press page*/

#press-content			{ margin-bottom: 20px; margin-left: 50px; width: 800px; }
	.art-press			{ margin-top:30px;	padding-top: 20px;
							border-top: 2px solid #999; }
		.p-a			{
						  width: 600px; margin-left: 120px;	
						}	
			.toc		{ float: left;	width: 200px; }
			.ref 		{ float: right; width: 300px; }
		.p-l			{ clear:both;	padding: 10px 10px 10px 20px;}
			.press-img 	{ float: left;	 margin: 5px 0;
						  border: 1px solid #999; 
						  }
			.press-img img { width: 100px;}			  
			.desc		{ float: right; width: 500px; margin-top: 10px;
						  font-weight: bold; 
						}
		.p-bottom 		{ clear:both;}
		

#press-content a			{ line-height: 150%; }		
#press-content a:link 		{color: #666; }		
#press-content a:visited	 {color: #666;}	
#press-content a:active		 {color: #666;}	
#press-content a:focus 		{color: #26f;}	
#press-content a:hover 		{color: #fa0; }	

/*Outreach page */

#outreach 		{	margin-bottom: 20px; margin-left: 50px;
					width: 800px;}
#outreach dl	{ 	 }
#outreach dt	{ border-top: 2px solid #999;  }
#outreach p		{ line-height: 150% ; margin-top: 10px;	text-indent: 20px;				                 }
#outreach dd 	{ 	}
#outreach img	{ margin: 20px 0;	}

/* Gallery page  */

#gall-bar   { }
#gall-bar ul { 
			margin: 20px 0; padding: 10px 0;
				}
#gall-bar ul li { display:inline;
				font-family : Arial, Helvetica, sans-serif;
				}
#gall-bar ul li a { font-size: 24px;	color: #36f; margin: 10px 50px; font-weight: bold;		}		


#image-g 		{  }

.gl-title		{ font-size: 24px; font-weight: bold; margin: 20px 0; 
					color: #36f; 	}

.gl-subtitle	{ font-size: 20px; font-weight: bold; 
					padding-bottom: 15px; margin: 20px 0; 
					border-bottom: 2px solid rgba(0,0,0,.4);
				}

.img-gl-tem, .img-gl-sem		{
								float:left; padding: 0 15px; margin-bottom: 25px;
								position: relative;
								}
				
#vedio-g		{ 		}

.gl-list		{	 padding-top: 20px; }

.img-wrapper 	{ 	float:left; padding: 0 20px;	
					margin-bottom: 15px;
					position: relative;
				}


.vd-link		{	}

.vd-caption		{
					border-radius: 0;
					padding: 10px;
					}

.vd-caption	 p{	
				text-align: center;	
				color: #000 !important;
				font-size: 16px !important;
				font-weight:bold;
				padding:0px !important;
				margin:0px !important;
				}


/* News page */

#news-body		{ background-color: #fff; 	}

/* Footer  */

#link 		{	clear: both;
				border-top: 1px #666 solid; border-bottom: 1px #666 solid; 
				padding: 10px 0; height: 30px;}			 

#ucr-bw {	height:30px; float: left; }
#ucr-bw img {  height: 30px;}

#ucr-link	{ float:left; margin-left: 50px;  }
#ucr-link ul	{ margin-top: 10px;	}
#ucr-link ul li { display: inline; }
#ucr-link ul li a { padding: 0 15px; font-weight:bold; font-size: 16px; }		

#ucr-link a:link {color:#666;}		
#ucr-link a:visited {color: #666;}	
#ucr-link a:active {color: #666;}	
#ucr-link a:focus {color: #36f;}	
#ucr-link a:hover {color:#fa0;}	

#address	{ clear:both; margin: 10px 0; }
#address p {  font-size:12px;}

#footer		{	}
#footer	p 	{	font-size: 12px; color:#666; text-align: center; }


/* layout Extra	*/

/* Navigation Extra */

/* Form */

form		{ text-align: left; margin: 20px;	}

label, submit, input, textarea	{ border: 0; padding: 0; 
			margin: 0; background: none;	}

label 		{ float:left; width: 150px;;
			text-align: right; display: block;	}
			
input, textarea		{ border: 1px #333 solid; margin-left: 10px;	}

input		{ width: 280px; margin-bottom: 16px; }

textarea	{ width: 280px; height: 150px; margin-bottom: 16px; 	}
select		{ 	}

.submit		{ width: 90px; height: 25px;
			margin-left: 150px; font-size: 12px;	}
			
br			{ clear: left;	}

/* Miscellaneous */


.copyright-text		{ font-size: 80%; font-style: italic; color: #333;	}
.foot-text		{ font-size: 80%; font-style: normal; color: #666;	}
.title		{ font-size: 18px; font-style: bold; color: #333;	}
.subtitle		{ font-size: 14px; font-style: italic; color: #333;	}
.artist		{ font-size: 16px; font-style: bold; color: #333;	}
.author		{ font-size: 14px; font-style: bold; color: #555;	}
.editor		{ font-size: 14px; font-style: italic; color: #555;	}
.pub-date		{ font-size: 10px; font-style:italic; color: #555;	}
.article-date		{ font-size: 10px; font-style: italic; color: #555;	}
.location		{ font-size: 10px; font-style: italic; color: #555;	}

.float-right		{ float: right; }
.float-left			{ float: left; }
.clear				{ clear: both; }
.first 				{ font-weight:bold;	}
.last 				{ font-weight:bold;	}
.left 				{ font-weight:bold; text-align:left;	}
.right 				{ font-weight:bold;	text-align: right; }
.center				{ text-align: center; }

.added				{ background:#d7d7ff; }
.removed			{ background:#ffcece; color: #ff0; }
.changed			{ background:#ffb; }

/* success, info, notice, and alert boxes - from blueprint css framework */

.error, .alert, .notice, .success, .info 	{
												padding: 0.8em; margin-bottom: 1em;
												border: 2px solid #ddd;
											}
.error, .alert 		{
						background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4;
					}
.notice		 		{
						background: #fff6bf; color: #514721; border-color: #ffd324;
					}			
.success	 		{
						background: #ebefc2; color: #264409; border-color: #cbd880;
					}
.info		 		{
						background: #d5edf8; color: #205791; border-color: #92cae4;
					}					
.error a			{ color: #8a1f11;	}					
.alert a			{ color: #8a1f11;	}						
.notice a			{ color: #514721;	}	
.success a			{ color: #264409;	}	
.info a				{ color: #205791;	}						
.GP-member {
	text-align: left;
	margin: 20px;
	float: left;
	height: 180px;
	width: 400px;
}
.GP-picture {
	float: left;
	width: 150px;
}
.GP-info {
	text-align: left;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	list-style-type: none;
}