/*********************************************************
   CSS Reset
 *********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
}

body {margin:0px auto;padding:0;background-color:#fffdef;text-align:center;}

h1, h2, h3 {margin-bottom: 1em; font-family:"Lucida Sans",Lucida Sans Unicode,Trebuchet MS,Verdana,sans-serif; font-weight:bold;}
h4 {font:1.1em/160% "Lucida Sans",Lucida Sans Unicode,Trebuchet MS,Verdana,sans-serif;margin-bottom:1.2em;}

p {font:0.95em/160% "Lucida Sans",Lucida Sans Unicode,Trebuchet MS,Verdana,sans-serif;margin-bottom:1.3em;}
p.big {font:1em/165% "Lucida Sans",Lucida Sans Unicode,Trebuchet MS,Verdana,sans-serif;margin-bottom:1.2em;}
ul {font:1em/175% "Lucida Sans",Lucida Sans Unicode,Trebuchet MS,Verdana,sans-serif;margin-top:0.7em;}
ol {font:0.95em/175% "Lucida Sans",Lucida Sans Unicode,Trebuchet MS,Verdana,sans-serif;}
h1 {font-size: 1.4em; color:#781717;}
h2 {font-size: 1.25em; color:#444444;}
h3 {font-size: 1.1em; color:#605e55;}
a {color:#781717;}
a:hover {text-decoration:none; color:#fff; background-color:#781717;}


.nav {font:bold 1em/165% "Lucida Sans",Lucida Sans Unicode,Trebuchet MS,Verdana,sans-serif;margin-bottom:1.2em;letter-spacing:1px;}

#headwrapper {
		height:135px;
		background-color:#781717;
		border-top:2px solid #000;
		margin:0px auto;
		clear:both;
}

#header {
		width:960px;
		margin:0px auto;
		text-align:left;
}

/* Optional Header - used in place of graphic if desired */
#header h1 {
		font: 3.5em/100% "Lucida Sans",Lucida Sans Unicode,Trebuchet MS,Verdana,Arial,sans-serif;
		letter-spacing:.4em;
		color:#fff;
		padding-top:0px;
		margin:0px;
}

#header img {
		float:left;
}

#header p {
		font-size: .95em;
		line-height:125%;
		float:right;
		margin-top:18px;
		margin-right:10px;
		color:#fff;
		width:375px;
		letter-spacing:1px; 
		text-align:right;
}

#header a {
		color:#eee;
}

#mainnav {
		text-align:center;		
		margin:0 auto;
		padding:0;
		clear:both;
		border-top:2px solid #000;	
		border-bottom:2px solid #000;	
}

#mainnav ul {
		background-color:#444444;		
		font:bold 1.05em/35px "Lucida Sans",Lucida Sans Unicode,Trebuchet MS,Verdana,Arial,sans-serif;
		color:#fff;
		margin: 0px;
		padding: 0px;		
}

/* To change spacing between nav items, adjust the padding in the below div.  Increase for greater space, decrease for small space.  */
#mainnav ul li {
		display: inline;
}

#mainnav ul li a {
		color:#eee;
		text-decoration:none;
		padding: .5em .85em;		
}

#mainnav ul li a:hover {
		background-color:#f1e1b6;
		color:#781717;
		text-decoration:none;
}

#container {
		background-color:#fffdef;  
		margin: 0px auto;
}

/* NOTE: main_img is optional - it can be removed from any page by deleting everything between the editable region MainImage.  It can also be any height, although it's recommended to keep image heights consistent across all pages for the sake of consistency. */
#main_img_home {
		margin:0px auto;				
		padding:0px;
		border-bottom:2px solid #781717;  
		background-color:#ccc;
		height:250px;
		text-align:center;
}

#main_img_home img {
		border:1px solid #000; 
}


#main_img_home table {
		margin:auto;
		height:250px;
		text-align:center;
}

#main_img {
		margin: 0px auto;				
		padding:0px;
		background-image:url(images/main_img_bg.jpg);
		background-position:center;
		background-repeat:repeat-y;  
		border-bottom:10px solid #781717;  
		background-color:#ccc; 
		height:250px;
}

#main_img img {
		margin:auto;
		border-left:1px solid #000;
		border-right:1px solid #000;  
}

#mainbody {
		width:960px;
		padding:20px 10px 15px 10px;
		text-align:left;
		margin: 0px auto;
}

/* Optional sidebar area adds a blue box with white text for brief out-take style info */
.sidebar {
		color:#000;
		background-color:#dddddd; 
		border:2px solid #781717;			
		margin:0px 0px 10px 15px;
		padding:10px 10px 5px 10px;
		width:300px;
		float:right;
}

.sidebar a {
		color:#781717;
}

.sidebar a:hover {
		color:#fff;
		background-color:#781717;
}

.sidebar h2 {
		color:#666;
		font-style:normal;
		margin-right:0px;
}

.sidebar h3 {
		color:#781717;
}

.sidebar ul {margin-left:0px;padding-left:20px; line-height:150%;margin-right:0px;}

.sidebar table {font:0.85em/160% "Lucida Sans",Lucida Sans Unicode,Trebuchet MS,Verdana,sans-serif;margin-bottom:30px;}


/* Optional sidebar area adds a blue box with white text for brief out-take style info */
.botbar {
		color:#000;
		background-color:#f1e1b6;
		border:2px solid #000000;		
		padding:10px;
		width:100%;
		clear:both;
}

.botbar a {
		color:#781717;
}

.botbar a:hover {
		color:#fff;
		background-color:#781717;
}

.botbar h2 {
		color:#000;
}

.botbar h3 {
		color:#666;
}

.botbar ul {margin-left:0px;padding-left:12px; line-height:150%;}


/* Optional sidebar area adds a blue box with white text for brief out-take style info */
.buttonbar {
		color:#000;
		background-color:#781717;
		border-top:2px solid #000000;		
		padding:5px;
		width:100%;
		clear:both;
		margin:auto;
}

.buttonbar a {
		color:#ffffff; 
		text-decoration:none;
}

.buttonbar a:hover {
		color:#fff;
		background-color:#781717;
}

.buttonbar p {font:bold 0.85em/200% "Lucida Sans",Lucida Sans Unicode,Trebuchet MS,Verdana,sans-serif;letter-spacing:1px;}

.buttonbar h1 {margin: 0.4em; font:bold 1.2em/150% "Lucida Sans",Lucida Sans Unicode,Trebuchet MS,Verdana,sans-serif; color:#ccc;letter-spacing:7px;}

.buttonbar table {margin:auto;}

/*** Two-Column Structure ***/

#columns {
		width:100%;
		margin:25px 0 0 0;
		padding:0;

}
		
#columns_left {
		width:48%;
		float:left;
}

#columns_right {
		width:48%;
		float:right;
}


/* Optional div for right-aligned image in the body of the page */
.body_img {
		border:2px solid #B7B5A4;
		float:right;
		margin:10px;
}

.body_img_L {
		border:2px solid #B7B5A4;
		float:left;
		margin-right:15px;
}

#footer {
		background-color:#444444;	
		font-size:1.05em;
		margin:0px auto;
		text-align:center;
		vertical-align:middle;
		padding:15px 0px 10px 0px;
		border-top:2px solid #000;	 
		border-bottom:2px solid #000;	
}

#footer p {
		color:#fff; line-height:200%;
}

#footer a {
		color:#fff;
}

#bottom {margin-top:-8px; padding-top:0px; margin-bottom:20px; font:0.7em/100% "Lucida Sans",Lucida Sans Unicode,Trebuchet MS,Verdana,sans-serif;color:#bbb; letter-spacing:2px;}

#bottom a {color:#bbb; text-decoration:none;}

#form_notice, #form_response{
	border:2px solid #630000;
	padding:10px;
	background-color:#990000;
	color:#ffffff;
	width:67%;
	text-align:left;
	display:none;
}
#form_notice p{
	background-color:#990000;
}
#form_notice p#error, #form_response p#success{
	background:url(http://www.ua.edu/images/layout/formerror.png) 0 0 no-repeat;
	float:left;
	width:40px;
	height:40px;
}
.form_error{
	border:2px solid #FF0000;
	background-color:#F1DBDB;
}
#form_response{
	background-color:#FFFFA0;
	color:#000000;
}
#form_response p#success{
	background:url(http://www.ua.edu/images/layout/formsuccess.png) 0 0 no-repeat;
}