/* Rajca Research Group at UNL, style14.css  */

/*================================*/
/* 99Lime.com HTML KickStart by Joshua Gatcke, style.css  */

/*--IMPORTS--*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);

/*----OVERRIDES----*/
h1,h2,h3,h4,h5,h6{
font-family: "Arimo", arial, verdana, sans-serif;
font-weight:normal;
}

thead th,
tbody th{
font-family: "Arimo", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
}

.menu{
font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
font-family: "Arimo", arial, verdana, sans-serif;
}

/*----LAYOUT----*/
body{
margin:0;
padding:0 0 0 0;
color:#000;
background:#ccd399 url(img/bk3.png);
font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}

#wrap{
width:100%;
background:#ccc;
margin:30px auto 30px auto;
padding:0 2%;
border:0px solid #ccc;
}

.footer{
background:#424200;
padding: 3px 0px 5px;
color:#ccc;
font-size:0.9em; 
text-align:left;
box-shadow:#cc0000:inset 0 0 10px rgba(0,0,0,0.2);
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
}

.footer ul{
	margin:0px;
	padding:0;
	}

		.footer li{
		margin:0;
		padding:0;
		list-style-type:none;
		display: compact;
		}

		.footer li a{
		color:#ccc;
		padding:0em 1em;
		text-decoration:none;
		line-height:100%;
		font-size: 0.9em;
		}
		.footer li a:hover{
		color:#000;
		}

#footer-b{
text-align:center;
padding:15px 15px 50px 15px ;
margin:0;
border-top:2px solid #ddd;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
background:#f7f7ee;
}
				
/*----NAV BAR----*/
.navbar{
position:fixed;
top:0;
left:0;
padding:8px 0;
width: 100%;
background:#3b4d00;
color:#fff;
z-index:1000;
}
	.navbar #logo{
	position:absolute;
	top:2em;
	right:0;
	padding:0em 2em;
	font-size: 0.8em;
	color:#efefef;
	text-decoration:none;
	}

	.navbar span{
	color:#ccc;
	font-size: 0.8em;
	padding:0;
	}


	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}

		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}

		.navbar li a{
		display:inline-block;
		color:#efefef;
		padding:0em 1em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 0.7em;
		}
		
.title{
background:#e1f1cb;
padding:25px 0px;
color:#cc0000;
box-shadow#cc0000:inset 0 0 10px rgba(0,0,0,0.2);
text-align:center; 
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.title + div.grid{margin-top:50px;}
	 .tile h3{margin:4px;}
	 .title h5{margin-top:10px;}
	 .title h6{margin:2px;}
	 .title-top{margin:40px 0 0 0;}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}

/* Viewable Grids 
	To view your grids, add the class .visible to any grid container.
	This will add a background color so you can see the layout of your grids. 
*/
*[class*="col_"].visible{
background:#f7f7ee;
border:1px dotted #ccc;
}

/*----TABS----*/
ul.tabs{
margin:10px 0 -1px 0;
padding:0;
width:100%;
border-bottom:1px solid #e5e5e5;
float:left;
font-size:0;
}

	ul.tabs.left{text-align:left;}
	ul.tabs.center{text-align:center;}
	ul.tabs.right{text-align:right;}
	ul.tabs.right li{margin:0 0 0 -2px;}

	ul.tabs li{
	font-size:14px;
	list-style-type:none;
	margin:0 -2px 0 0;
	padding:0;
	display:inline-block;
	*display:inline;/*IE ONLY*/
	position:relative;
	top:0;
	left:0;
	*top:1px;/*IE 7 ONLY*/
	zoom:1;
	}

	ul.tabs li a{
	text-decoration:none;
	color:#000;
	display:inline-block;
	padding:9px 15px;
	position: relative;
	top:0;
	left:0;
	line-height:100%;
	background:#f5f5f5;
	-webkit-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	-moz-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	border:1px solid #e5e5e5;
	border-bottom:0;
	font-size:0.9em;
	zoom:1;
	}

	ul.tabs li a:hover{
	background:#fff;
	}

	ul.tabs li.current a{
	position:relative;
	top:1px;
	left:0;
	background:#70692f;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color:#fff;
	}

	.tab-content{
	border:1px solid #efefef;
	border:1px solid #e5e5e5;
	background:#E4E9D6;
	clear:both;
	padding:20px;
	margin:0 0 40px 0;
	}

/* End 99Lime.com css  */

/*================================*/

.headline {
    text-align: center;
}
  
.headline p {
	text-align: left;
    margin: 20px;
}

.main {
    text-align: left;
}
  
.main p {
	text-align: left;
    margin: 5px 5px 5px 20px;
}
.main h5 {
	text-align: left;
    margin: 20px 5px 5px 20px;;
}

ul.main {
	color: #000;
	text-align:left;
	font-weight:normal;
	font-size:x-small;
	list-style-type:none;
	}	
	.main li{
	list-style-type:none;
	}

	.main li a{
		text-decoration:underline;
		line-height:100%;
		font-size: x-small;
		}	
		
		.main li a:hover{
		color: #6C6C00;
		}


.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}

.textbox-em {
	background-color: #e1f1cb;
	border-left: 4px solid #95954A;
	border-right: 4px solid #95954A;
	box-shadow#cc0000:inset 0 0 10px rgba(0,0,0,0.2);
	padding: 2px 2px;
	margin: 5px;
	border-radius:25px;
} 
.textbox-em:hover { 
    background-color: #E4E9D6; 
} 
.textbox-em:active { 
    background-color: #EB8D00; 
}
 
.textbox-border {
	background-color:#f6f9ed;
	border-left: 0px solid #95954A;
	border-right: 0px solid #95954A;
	box-shadow#cc0000:inset 0 0 10px rgba(0,0,0,0.2);
	margin: 5x;
	border-radius:0px;
}

.textbox-border2 {
	background-color:#E0DBC7;
	border: 1px solid #95954A;
	box-shadow#cc0000:inset 0 0 10px rgba(0,0,0,0.2);
	padding:15px;
	margin:8 10px ;
	border-radius:8px;
}

.textbox-border3 {
	background-color:	#FAF6DD;
	border-left: 3px solid #95954A;
	box-shadow#cc0000:inset 0 0 10px rgba(0,0,0,0.2);
	padding:15px;
	margin:8 10px ;
	
}
.textbox {
	background-color:#f7f7ee;
	border: 2px solid #95954A;
	box-shadow#cc0000:inset 0 0 10px rgba(0,0,0,0.2);
	padding:20px;
	margin: 5px;
	border-radius:0px;
}

.textbox-tab {
	background-color:none;
	box-shadow#cc0000:inset 0 0 10px rgba(0,0,0,0.2);
	padding:30px 0px 10px;
	margin: 10px 0px 10px;
	border-radius:0px;
}

#mapBox {
	width:600px; 
	height:510px;
	display:none; 
	*margin-left:-9999px; 
	*height:0px; 
	*position:relative; 
	*top:-500px; 
	*display:block;
	
}

.publist{
	color: #B00000;
	text-align:center;
	font-weight:bold;
	}
	
	ul.publist {
	color: #000;
	text-align:left;
	font-weight:normal;
	font-size:x-small;
	list-style-type:none;
	}	
	.publist li{
	list-style-type:0;
	}

	.publist li a{
		color: #3710EF;
		text-decoration:underline;
		line-height:100%;
		font-size: x-small;
		}	
		
		.publist li a:hover{
		color: #C03;
		}
		
.spotlight{
	color:#6C6C00;
	text-align:center;
	font-weight: bolder;
	font-size:1em;
	text-shadow:0px 1px 1px #fff;
	padding:8px 0;
	margin:5px;
	z-index:1000;
}
	
.title-ex{
background:#f6f9ed;
padding:10px 0px 0px;
color:#626200;
box-shadow#cc0000:inset 0 0 10px rgba(0,0,0,0.2);
text-align:center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.title-ex + div.grid{margin-top:50px;}
	 .tile-ex h3{margin:4px;}
	 .title-ex h5{margin-top:10px;}
	 .title-ex h6{margin:2px;}
		 
	 .title-ex a{
		color:#8B0000;
		text-decoration: none;
		line-height:100%;
				}	
		.title-ex a:hover{
		color:#626200;
		}
		
.link a{
		display:inline-block;
		position:relative;
		border:1px solid #ddd;
		background:#fff;
		padding:4px;
		margin:4px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		}
	
.link
{
vertical-align:middle;
}		
		
img{
margin:0;
padding:0;
display:inline-block;
position:relative;
zoom:1;
vertical-align: bottom;
}

	img.align-left, .img-wrap.align-left{float:left;margin:5px 10px 5px 0;}
	img.align-right, .img-wrap.align-right{float:right;margin:5px 0 5px 10px;}
	img.align-center, {float: none;margin:0 0 5px 10px;}
	img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;}
