/*
Theme Name: University of Alabama - Departmental Template 
Theme URI: http://www.ua.edu/advancement/ur/webcomm/index.html
Description: Based on the UA WebComm Template, the Departmental Template can be used by departments, offices, or any other official UA group or initiative that requires a web presence.  
Version: 0.1
Author: College of Arts & Sciences Office of Educational Technology (eTech)
Author URI: http://etech.as.ua.edu

*/



body {  
	margin:0 auto;
	padding:0;
	text-align:left;
	background-color: #cccccc;
}

/*** Basic Text Formatting ***/

h1 {font:bold 1.5em Georgia,Verdana,sans-serif;margin-top:5px}
h2 {font:bold 1.4em Georgia,Verdana,sans-serif;margin-top:5px}
h3 {font:bold 1.3em Georgia,Verdana,sans-serif;margin-top:5px}
h4 {font:bold 1.2em Georgia,Verdana,sans-serif;margin-top:5px}
h5 {font:bold 1.1em Georgia,Verdana,sans-serif;margin-top:5px}
h6 {font:bold 1em/150% Georgia,Verdana,sans-serif;color:#000;margin-top:0px;margin-bottom:10px;}
.sans8 {font:0.8em/125% Verdana,sans-serif;}
.sans7 {font:0.7em/125% Verdana,sans-serif;}
.sans6 {font:0.6em/125% Verdana,sans-serif;}
.sans8w {font:0.8em/125% Verdana,sans-serif;color:#fff;}
.sans7w {font:0.7em/125% Verdana,sans-serif;color:#fff;}
.sans6w {font:0.6em/125% Verdana,sans-serif;color:#fff;}



a:link {color:#900;text-decoration:none}
a:visited {color:#900;text-decoration:none}
a:active {color:#900;text-decoration:none}
a:hover {color:#900;text-decoration:underline}

.subpage_header {font:bold 1.1em/115% Georgia,Verdana,sans-serif;color:#000;padding-top:10px;padding-bottom:3px;}
.subpage_teaser {font:bold 0.95em/125% Georgia,Verdana,sans-serif;color:#000;padding-top:10px;padding-bottom:20px;}
.subpage_teaser2 {font: 0.95em/140% Georgia,Verdana,sans-serif;color:#000;padding-top:5px;padding-bottom:20px;}

.subpage_text {font:0.7em/125% Verdana,sans-serif;color:#000;padding-bottom:10px;}
.subpage_text a:link {color:#900;text-decoration:underline;}
.subpage_text a:visited {color:#900;text-decoration:underline;}
.subpage_text a:active {color:#900;text-decoration:underline;}
.subpage_text a:hover {color:#900;text-decoration:none;}

.lpmain {font:0.7em/125% Verdana,sans-serif;}
ul.lpmain {margin-left:1.4em;padding-left:0em;}
ul.lpmain li {padding-bottom:0.3em;}
.lpmain a:link {color:#900;text-decoration:none}
.lpmain a:visited {color:#900;text-decoration:none}
.lpmain a:active {color:#900;text-decoration:none}
.lpmain a:hover {color:#900;text-decoration:underline}


/*** General Page Structure ***/

#wrapcontainer {
		background: url(images/back_wrap_gray.gif);
		background-repeat:repeat-x;
		
}
 
#shadowcontainer {
		width:778px; 
		margin:0px auto;
		padding:0px;
		overflow:hidden;
		background-image: url(images/shadow_back_gray.gif);
		background-repeat:repeat-y;				
}

#content {
		width:762px; 
		margin-left: 8px;
		text-align:left;
		overflow:visible;
}

#pagetop {
		border-top:1px solid #900;
}

#col_nav {
		width:160px;
		float:right;
		margin: -20px 0px 0px 0px;
		padding-left:5px;
		padding-top: 10px;
		padding-right:5px;
		text-align:left;
		
		
}

#col_content {
		
		float:left;
		margin:0px auto;
		
			
}

#col_full {
		width:730px;
		float:left;
		margin:0px auto;
		padding-left:20px;
		padding-bottom:15px;
		padding-top:10px;
		text-align:left;
}




/*** Header Bar ***/

#header {
		background-color:#900;
		width:762px;
		height:78px;
		border-top:2px #fff solid;
		margin:0px auto;
}

#header_nameplate {
		width:550px;
		background-color:#900;
		float:left;
		color:#fff;
}
				
#header_nameplate a:link {font-size: 24px; font-weight: bold; color:#fff;text-decoration:none}
#header_nameplate a:visited {font-size: 24px; font-weight: bold;color:#fff;text-decoration:none}
#header_nameplate a:active {font-size: 24px; font-weight: bold;color:#fff;text-decoration:none}
#header_nameplate a:hover {font-size: 24px; font-weight: bold;color:#ccc;text-decoration:underline}				
#header_nameplate img {margin-top:10px;margin-bottom:0px;}
				
				
#header_mark {
		float:left;
		height:68px;
		width:187px;
		padding-top:10px;
		padding-right:25px;
		text-align:right;
		background-color:#900;
}				


/*** Targeted Links Bar ***/

#targetbar {	
		min-height:26px;
    	background-color:#666; 
		text-align:center;
		clear:both;
		border-top:2px solid #fff;
		border-bottom:2px solid #fff;
}

#targetbar ul {
		font:0.7em/26px Georgia,Verdana,Arial,sans-serif;
		color:#fff;
		margin: 0px;
		padding: 0px 0px 0px 0px;
}

#targetbar ul li {
		display: inline;
		border-left:1px solid #fff;
		padding: 0em 1.5em;
		height:0;
}

#targetbar ul li:first-child {
		display: inline;
		border-left:0px solid #fff;
		padding: 0em 2em;
		height:0;
}


#targetbar ul li a {
		text-decoration: none;
		color: #fff;
}

#targetbar ul li a:hover {
		background:#eee;color:#900;text-decoration:none;
}



/*** Navigation Menu ***/

#submenu {
		margin-top:20px;
		padding-left:5px;
		font-size:24px;
		
}

#submenu ul {
		font:bold .75em/175% Georgia,Tahoma,Verdana,sans-serif;
		color:#900;
		padding:0px;
		margin:0px;
}

#submenu ul li {
		list-style: none;
		padding:7px 0px 7px 0px;
		margin:3px 0px 3px 0px;
		line-height: 1.1em;
}

#submenu ul li a {
		text-decoration:none;
		padding:7px 0px 7px 0px;
		margin:3px 0px 3px 0px;
}

#submenu ul li a:hover {
		text-decoration:none;
		color:#666666;
		padding:7px 0px 7px 0px;
		margin:3px 0px 3px 0px;
}



/*** Main Page Content ***/
			
#main_img {
		border-bottom:1px solid #900;
		margin-top:0px;
		margin-bottom: 2px;
		width:762px;
		position: relative;			
}

.feature {
		padding:15px;
}

.feature img {
		width:100px;
		float:left;
		padding-right:15px;
}

.feature h1  {font:bold 0.95em/100% Georgia,Verdana,sans-serif;color:#000;margin-top:0px;margin-bottom:5px;text-align:left;}
.feature p {font:0.75em/140% Verdana,sans-serif;color:#000;padding-top:8px;margin-bottom:0px;text-align:left;}

#mainbody {
	
		
		clear:both;
		margin-top:0;
		margin-right: auto;
		text-align: left;
}

.post_title {
	
	font-weight: bold;
	padding: 25px 0px 0px 30px;
	height: 25px;
	
	}
	
.entry {
	font:12px Verdana,sans-serif;
	margin-top:0px;
	padding: 0 5px 0px 30px;
	position: relative;
	top: 0px;
	width:500px;
}


/*** Sprinkle ***/

.sprinkle {
	border: 1px solid black;
	margin: 10px 20px 10px 20px;
	float: left;
}

/*** Faculty Profile ***/

.faculty_profile {
	border: 1px solid black;
	display: block;
	}
	
.hanging p {

margin-left:.5in;
text-indent:-.5in

}

/*** Footer ***/
/*** Please maintain a standard footer across all departmental pages with the UA institutional links as in the template ***/

#mod_footer {
		width:762px;
		background:url(images/footer_gray.jpg) repeat-x;
        min-height:75px;
		background-color:#fff;
		padding-top:15px;
		padding-bottom:10px;
		border-top:1px solid #900;
		border-bottom:1px solid #000;
		text-align:center;
		clear:both;
		margin-left:auto;
		margin-right: auto;
}

.footer {font: 0.7em/150% Verdana,sans-serif;color:#000;}
.footer a:link {color:#900;text-decoration:none}
.footer a:visited {color:#900;text-decoration:none}
.footer a:active {color:#900;text-decoration:none}
.footer a:hover {color:#900;text-decoration:underline}

#footer_links {
	margin: 0px;
}

#footer_links li {

display:inline;
font: 11px/150% Verdana,sans-serif;color:#000;
font-weight: bold;
border-left: 2px solid #000;
padding: 0em 1.0em;}

#footer_links li:first-child {
		display: inline;
		border-left:0px solid #fff;
		padding: 0em 1em;
		height:0;
}

/*** Two or Three-Column Content Structure ***/
/*** This optional style can be used to create a two or three column structure similar to a table with two or three columns ***/
/*** Use the 'columns' div to wrap the width of your columns to 100% of the page, then select either the 'column2' or column3' div to create columns ***/

.columns {
		width:100%;
		padding-top:10px;
		clear:both;
		text-align:left;
}

.column2 {
		width:46%;
		float:left;
		overflow:hidden;
		padding:2%;
}
	
.column3 {
		width:29%;
		float:left;
		overflow:hidden;
		padding:2%;
}