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

/*** Basic Text Formatting ***/

p {font:0.75em/150% Verdana,sans-serif;margin-top:0px;}
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,Georgia,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;
		background-color:#fff;
}
 
#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:0px auto;
		text-align:left;
		overflow:visible;
}

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

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

#col_content {
		width:550px;
		float:left;
		margin:0px auto;
		padding-left:20px;
		padding-bottom:15px;
		padding-top:10px;		
}

#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 {
		display: inline;
		border-left:0px solid #fff;
		padding: 0em 1.5em;
		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;
}

#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;
}

#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:#fff;
		background:#900;
		padding:7px 0px 7px 0px;
		margin:3px 0px 3px 0px;
}


/*** Main Page Content ***/
			
#main_img {
		border-bottom:1px solid #900;
		margin-bottom:2px;
		margin:auto;
		text-align:center;
		width:762px;
}

.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 {
		padding:15px;
		clear:both;
		margin:0 auto;
}


/*** 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: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}



/*** 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%;
}