/*
Theme Name: EDU Pepper
Theme URI:
Description: Theme for UAMS.EDU PEPPER Yo
Version: 0.1
Author: Jason Skinner
Author URI: http://www.jasonskinner.me
*/


/*--------------------------------------------------------------------*/
/*----------------------->>>>>>>>>>>>>  CSS RESET V2.1 - Jason Skinner*/
/*--------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

ol, ul {
	list-style: none;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Tell the browser to render HTML 5 elements as block */  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{  
    display: block;  
}  

/*Remove vertical textarea scrollbar in IE */
textarea{overflow:auto;}

/*--------------------------------------------------------------------*/
/*--------------------------------------------->>>>>>>>>>>>>  GLOSSARY*/
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/*--------------------------------------->>>>>>>>>>>>>  CONTENT1*/
/*--------------------------------------------------------------------*/
#content #right_container a{ 
	text-decoration: underline;
}

#content  
{
	min-height: 500px;
}

a:hover{ }

/*--------------------------------------------------------------------*/
/*--------------------------------------->>>>>>>>>>>>>  GLOBAL CLASSES*/
/*--------------------------------------------------------------------*/
body {
	background: url(../images/body_bckgrnd.png) bottom right no-repeat #bdbdc0;
	background-attachment: fixed;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

/*.clear{ clear: both; }
.float_left{ float: left;}
.float_right{ float: right; }

.txt_left{ text-align: left; }
.txt_right{ text-align: right; }
.txt_center{ text-align: center; }
.txt-justify{ text-align: justify; }

.bold{ font-weight: bold; }

.img_left{ float: left; margin: 0 15px 15px 0; }
.img_right{ float: right; margin: 0 0 15px 15px; }*/

/*--------------------------------------------------------------------*/
/*--------------------------------------->>>>>>>>>>>>>  GRIDS-STYLING*/
/*--------------------------------------------------------------------*/
td.BoundFieldItemStyleHidden {
	display: none;
}

th.BoundFieldHeaderStyleHidden {
	display: none;
}
table.center {
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------------*/
/*----------------------------------------------->>>>>>>>>>>>>  HEADER*/
/*--------------------------------------------------------------------*/

#topper-container {
	display: inline-block;
	background: url(../images/topper_bckgrnd.png) #a1a1a3;
	width: 100%;
	padding: 3px 0 9px 0;
	height: 27px;
	margin: 0 0 -2px 0;
	border-bottom: 1px solid #cfcfd1;
}
	#topper-container #topper{
		width: 960px;
		margin: 0 auto 0 auto;
		background: none;
	}
	
	#topper-container #topper h6{
		float: left;
		font-size: 1em;
	}
	
		#topper-container #topper h6 a{
			background: url(../images/network_icon.png) left top no-repeat;
			color: #8a0000;
			padding: 4px 0 0 25px;
			margin: 0 0 0 3px;
			position: absolute;
			display: block;
			height: 21px;
		}

			#topper-container #topper h6 a:hover{
				color: #8a0000;
			}
		

	#topper ul#toppernav{
		float: right;
		margin: 2px 3px 0 0;
	}
		#topper ul#toppernav li{
			float: left;
			margin: 0 0 0 22px;	
		}
			#topper ul#toppernav li a{
				color: #efeff0;
				font-size: .88em;
				display: inline-block;
			}
			
				#topper ul#toppernav li a:hover{
					color: #fff;
				}

#header{
	width: 958px;
	height: 118px;
	background: url(../images/header_bckgrnd.png) #70000b;
	margin: 0px auto 0 auto;
	padding: 0px;
	border: 1px solid #c50000;

}

	#header a#uamslogo{
		display: inline-block;
		width: 360px;
		height: 95px;
		background: url(../images/uams_logo.png);
		text-indent: -99999px;
		margin: 10px 0 0 15px;
		float: left;
	}
	
	#header h1{
		float: right;
		color: #f2f1ed;
		margin: 15px 20px 0 0;
		font-size: 1.8em;
		letter-spacing: 2px;
		min-height: 37px; /*keeps searchbar in place*/
		clear: right;
	}
	
			

/*--------------------------------------------------------------------*/
/*-------------------------------------------------->>>>>>>>>>>>>  NAV*/
/*--------------------------------------------------------------------*/

ul#main_nav{
	width: 980px;
	height: 57px;
	background: url(../images/main_nav.png); 
	margin: 0 0 -3px -10px;
	position: relative;
	z-index: 100;
    text-transform:capitalize;
	font-weight: bold;
}

	ul#main_nav li{
		list-style-type: none;
		float: left;
		position: relative;
		
	}
	
		ul#main_nav li a{
			height: 30px;
			padding: 15px 15px 0 15px;
			display: inline-block;
			text-decoration: none;
			color: #333;
			border-right: 1px solid #d6d6d6;
			font-size: 13px;

		}
		
			ul#main_nav li a:hover{
				color: #860000;
				padding: 16px 15px 0 15px;
				height: 29px;
				background: url(../images/main_nav_hover.png); 
			}
			
	ul#main_nav li ul.children{
		position: absolute;
		padding: 10px 0 0 10px;
		float: left;
		visibility: hidden;	
		z-index: 99;
		border: 0px;
		width: 250px;
		background: #f2f1e9;
		overflow: hidden;
		border-bottom: 1px solid #cdcccc;
		border-left: 1px solid #cdcccc;
		border-right: 1px solid #cdcccc;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-radius: 0px 0px 5px 5px;
		top: 45px;
		margin: 45px 0 0 0; _margin: 45px 0 0 0;  ie6 & ie7 fix
		left: 0;
	}
	
		ul#main_nav li ul.children li{
			border: 0;
			background: 0;
			float: left;
			margin: 0px 0px 12px 0;
			display: block;
			width: 230px;
			padding: 0;
			vertical-align: middle;
		
		
		}
		
			ul#main_nav li ul.children li a{
				border: none;
				margin: 0;
				display: block;
				width: 250px;
				padding: 0;
				color: #565656;
			}
			
				ul#main_nav li ul.children li a:hover{
					background: none;
					color: #860000;
					padding: 0;
					margin: 0;
					height: 30px;
				}
			
/*--------------------------------------------------------------------*/
/*---------------------------------------------->>>>>>>>>>>>>  CONTENT*/
/*--------------------------------------------------------------------*/

#wrapper{
	width: 960px;
	margin: 0 auto 0 auto;
	
}

	#wrapper #content{
		width: 960px;
		position: relative;
		background: #fff;
		z-index: 1;
		padding: 10px 0 0 0;
		display: inline-block;
	}
	
/*		#wrapper #content2{
		width: 960px;
		position: relative;
		background: #fff;
		z-index: 1;
		padding: 10px 0 0 0;
		display: inline-block;
	}*/
	
		#wrapper #content_bottom{
			width: 960px;
			height: 15px;
			background: url(../images/content_bottom.png);
			margin: -3px 0 4px 0;
		}

/*--------------------------------------------------------------------*/
/*----------------------------------------------->>>>>>>>>>>>>  FOOTER*/
/*--------------------------------------------------------------------*/

#wrapper #footer{
	width: 940px;
	height: 100px;
	padding: 10px 10px;
	background: url(../images/footer_bckgrnd.png) top no-repeat;
}

	#wrapper #footer #footer_nav{
		float: left;
		display: inline-block;
	}
	
		#wrapper #footer #footer_nav li{
			list-style-type: none;
			float: left;
			margin: 0 7px 0 0;
    width: 896px;
}
		
			#wrapper #footer #footer_nav li a{
				display: block;
				color: #89899f;
				font-size: .8em;
				padding: 0 7px 0 0;
			}
			
				#wrapper #footer #footer_nav li a:hover{
					text-decoration: underline;
				}

/*--------------------------------------------------------------------*/
/*----------------------------------------------->>>>>>>>>>>>>  SPINNER*/
/*--------------------------------------------------------------------*/
.loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 50px;
	height: 50px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#myDIV {
	width: 100%;
	padding: 50px 0;
	text-align: center;
	background-color: lightblue;
	margin-top: 20px;
}