/*****$IMPORTANT$ Read OPEN ME_Guide for Website Designer.txt for furhter details and direction $IMPORTANT$*******/

body {          /*it is a good idea to keep margin and padding to 0 so you can adjust throught div tags to promote cross browser efficiency*/
	margin:0;
	padding:0;
	color:#555; /*color:black, ?WHA? I don't know where this shows... ?WHA?*/
	background: #EEE url(images/content_back.gif) top center repeat-y; /*the picture is a really small shadowed line repeated behind the page itself it is the white shadowed box*/
}

/*not currently used*/
body.wide {
	margin:0;
	padding:0;
	color:#555;
	background: #EEE url(images/content_back_wide.gif) top center repeat-y;
}

/*determines color of regular links, $IMPORTANT$ does not include sidebar links $IMPORTANT$ */
a, a:link {
	color:#C10037; /*color:Lobo Red*/
	text-decoration:underline;
}
a:visited { color:#bd5c1a;} /*color: copper color*/
a:hover{color:#007a86;} /*color:greenish-blue*/

/*this gets rid of that annoying default border around any image*/
img {
	border:0;
}

/**** Set Page Width *****/

#page {       /* $IMPORTANT$ very very important keeps page all centered and formed to UNMBanner and links on top $IMPORTANT$*/
	width:720px;
	margin:0 auto;
}


/**** General *****/
/*general class for div tags that include any kind of text or links used multiple times not just in main content*/
.content {
	padding:20px;
	overflow:auto;
}

/*for line tags in HTML, keeps them tidy and away from text*/
hr {
	display:block;
}

/****  Top UNM Header *****/
/*these are invisible for some reason ?WHA? the CSS author has spent quite a bunch of properties keeping them hidden ?WHA? */
/* If commented out here and not in HTML, true form will show.*/

#skipnav a,  #skipnav a:hover, #skipnav a:visited {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	color:#FFF;
}
#skipnav ul:active,  #skipnav a:active, #skipnav a:focus {
	position:static;
	width:auto;
	height:auto;
}

.hide {display:none;}


/*contains search box,"The UNM LOGO" and UNM header links*/
#unm_header {
	border-top:2px solid #c10037; /*color:Lobo Red*/
	margin-bottom:10px;
	height:auto;
}
/*formatting for header if deptlogo was text*/
#dept_logo h1 {
	margin:0 0 6px 0;
}
/*formatting that just effects UNMLOGO and search bar*/
#unm_header_top {
	background-color:#5E5D60; /*color:Darker Gray*/
	min-height:21px;
	padding:2px 0;
	border-top:1px solid #2f2f2f; /*color:Darkest Gray*/
	border-bottom:1px solid #2f2f2f; /*color:Darkest Gray*/
}
/*optional formatting for fastlinks bar under Darker gray bar*/
#unm_header_bottom {
}
/*provides centered spacing seperate from page id*/
.header_content {
	width:720px;
	margin:0 auto;
	overflow:visible;
}
/*not used*/
.header_content_wide {
	width:960px;
	margin:0 auto;
	overflow:visible;
}
/*UNM logo pic attributes*/
#unm_logo {
	float:left;
	z-index:10;
	margin-left:12px;
	margin-top:1px;
}
/*Format for "UNM A-Z|Directory| etc..." box*/
#unm_header_links {
	background: #ccc /*color:black, ?WHA? I don't know where this color shows... ?WHA?*/ url(images/unmlinks_back.gif) bottom left no-repeat; /*picture is nice little light gray box    surrounding fastlinks*/
	float:right;
	text-align:right;
	margin: 0 0 0 0;
	padding:0 0 0 25px;
}
/*box within ^^unm_header_links^^*/
#unm_header_links ul {
	margin:0;
	padding:0 12px 0 0;
}
/*box within ^^unm_header_links ul^^ surrounds text as a whole*/
#unm_header_links li {
	display: inline;
	list-style-type: none;
	padding-left: 10px;
	line-height:25px;
}
/*effects text within ^^unm_header_links li^^*/
#unm_header_links li a {
	color:#5E5D60;
	font-size:.95em;
	font-weight:bold;
	line-height:1.5em;
}

#unm_header_links li a:hover {
color:#c10037;}

/****  Global Search Form *****/

#unm_search_form {
	text-align:right;
	font-size:1em;
	color:#FFF;
	font-weight:bold;
	margin:0 12px 0 0;
	padding:0;
	margin-left:400px;
	white-space: nowrap;
}
#unm_search_form fieldset {
	padding:0;
	margin:0;
	border:0;
	
}
#unm_search_form input {
	margin:0;
	vertical-align:middle;
	border:1px solid #2f2f2f;
}
#unm_search_form label {
	margin:0;
}



#unm_search_form .search_button {
	background-color:transparent;
	margin:0;
	padding:0;
	border:0;
}
#unm_search_form .search_button:hover {
	background-color:#e97d1f;
}
#unm_search_form input.image_button {
	background-color:transparent;
	border:0;
}

#unm_search_form label .search_query_label {}


#dept_logo {
	clear:both;
	margin-left:1px;
}
#banner_image {
	clear:both;
	text-align:center;
	margin:0 0 1px 0;
	padding:0;
	height:125px;
}



/****  Banner Navigation *****/
ul.bannernavwide, ul.bannernav {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	height:1.5em;
	margin-bottom:1px;
	clear:both;
	background-color:#5e5d60;
}
ul.bannernav li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	width:140px;
}

ul.bannernavwide li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	width:160px;
}



ul.bannernav li a, ul.bannernav li a:visited, ul.bannernavwide li a, ul.bannernavwide li a:visited {
	background: #5e5d60;
	width: auto;
	border-right:1px solid #FFF;
	padding: 0;
	margin: 0;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight:bold;
	font-size:1em;
	line-height:1.5em;
}
ul.bannernav li.lastlink {
	border:0;
	width:160px;
}
ul.bannernav li.lastlink a {
	border:0;
}
ul.bannernav li a:hover, ul.bannernavwide li a:hover {
	color: #FFF;
	background: #c10037;
	text-decoration:underline;
}
.bannernav a:active, .bannernavwide a:active {
	background: #c60;
	color: #fff;
}
.bannernav li#active a, .bannernavwide li#active a {
	background: #c60;
	border: 1px solid #c60;
	color: #fff;
}






/****  Main Content Container *****/

#container {
	clear:both;
	margin:5px 0px 5px 0px;
}

/****  LeftNav Area *****/

div#leftnav {
	float:left;
	width:245px;	
}


/**** Content Area for 2col layout *****/

/*effects Main content box and has the vertical line border: "background:url(../images/dot.gif) 0px 0px repeat-y;"*/

div#content_2col {
	text-align:left;
	margin-left:245px;
	background:url(images/dot.gif) 0px 0px repeat-y;
	height:100%;
	display:table;
}

/****  Content Area for  Full Page *****/

div#content_1col {
	display:table-cell;
	
}
/****  Footer *****/
div#footer {
	clear:both;
	font-size:.9em;
	line-height:.9em;
}
div#footer div.content {
	background:#FFF url(images/graybar.gif) repeat-x;
	padding:1em 0;
	margin:0 1.75em;
	text-align:right;
}
div#footer p {
	margin:0;
	display:inline;
	float:left;
	
}

ul#unm_footer_links {
	margin:0;
	padding:0;
	display:inline;
}
ul#unm_footer_links li {
	display: inline;
	list-style-type: none;
	padding:0;
	margin:0 1em 0 0;
}


/****  Quick Finds *****/



#quickfindarea {
	margin:1.5em 0 1.5em 0;
}
#quickfindarea h2 {
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
	margin:0;
	color:#c10037;
}
#quickfindarea ul {
	list-style:none;
	margin:0;

}
#quickfindarea ul li a {
	font-size: 1em;
	line-height: 1.5em;
	color:#333;
	margin:0 0px;
}
#quickfindarea ul li a:hover {
	text-decoration:underline;
	color:#c10037
}
/*
#nav_left ul {
	padding-left: 0;
	margin-left: 0;
	list-style-type:none;
	margin:0;
}
#nav_left ul li {
	list-style:none;
	padding:0;
	margin:0;
	line-height:1em;
}
#nav_left ul li a {
	display:block;
	text-decoration:none;
	background: transparent url(../images/dot.gif) bottom left repeat-x;
	padding:5px;
	margin:0;
	color:#555;
	font-size:1em;
	font-weight:bold;
	line-height:1em;
}
#nav_left li a:hover {
	background-color: #c10037;
	color: #fff;
}*/

/*
.col_1x2 {float:left; width:328px; padding-right:20px; background-color:#fff;}
.col_1x3 {float:left; width:211px; padding-right:20px;  background-color:#fff;}
.col_1x4 {float:left; width:152px; padding-right:20px;  background-color:#fff;}
.col_2x3 {float:left; width:440px; padding-right:20px;  background-color:#fff;}
.col_3x4 {float:left; width:500px; padding-right:20px;  background-color:#fff;}
.lastcol {padding-right:0;}
*/


.slidemenu {font-weight:bold; text-align:left;}
.slidemenu ul{padding-left:5px;  margin-left:0; margin-bottom:0; list-style-type:none;}
.slidemenu ul li{list-style:none;  padding:0 0 0 10px;}
.slidemenu ul li a{display:block; text-decoration:none;  background:transparent url(images/dot.gif) bottom left repeat-x;  padding:3px 68px 3px 7px; color:#555;}
.slidemenu ul li:hover a{color:#fff; background-color:#c10037; !important}
.slidemenu ul li ul{padding: 0 0 0 10px;}
.slidemenu ul li ul li{background: url(images/dot.gif) top left repeat-y; padding:0;}
.slidemenu ul li:hover ul li a{background-color:transparent; color:#555; }
.slidemenu ul li ul li:hover a{background-color:#ccc; color:#555}
.slidemenu li.submenu {background:url(images/red_bullet.gif) 0 7px no-repeat;}
.slidemenu li.openMenu {background:url(images/red_bullet_open.gif) 0 7px no-repeat;}
.slidemenu ul li.openMenu > a {background-color:#555; color:#fff;}
.slidemenu ul li.openMenu:hover > a {background-color:#c10037; color:#fff;}
.slidemenu_all {text-align:left; font-size:.9em; margin:.5em;}


/****  Quick Finds *****/
.quickfindarea {
	margin:1.5em 0 1.5em 0;
}
.quickfindarea h2 {
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
	margin:0;
	color:#c10037;
}
.quickfindarea ul {
	list-style:none;

	margin:0;

}
.quickfindarea ul li a {
	font-size: 1em;
	line-height: 1.5em;
	color:#333;
	margin:0 0 0 5px;
	padding-top:1px;
}
.quickfindarea ul li a:hover {
	text-decoration:underline;
	color:#c10037
}



.quicklist {
	margin:1.5em 0 1.5em 0;
}
.quicklist h2 {
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
	margin:0;
	color:#c10037;
}
.quicklist ul {
list-style-position: outside;
	margin:0 0 0 1em;

}

.quicklist ul li {margin-bottom:3px;}

.quicklist ul li a {
	font-size: 1em;
	line-height: 1.5em;
	color:#333;
	margin:0;
	padding-top:1px;
}
.quicklist ul li a:hover {
	text-decoration:underline;
	color:#c10037
}

ul.collist  {
	list-style:none;
	margin:0;
}

ul.collist li{
position:relative;
float:left;
width:45%;
padding: .2em 1em .2em .2em;
margin-bottom:1em;
}

/* @group LoboAlert */ #unm_alert { padding: 15px 100px;
 background: #c10037 url(http://webcore.unm.edu/v1/images/message_icons/alert.png)
 60px 10px no-repeat;
 text-align:left;
 font-size: 1.25em;
 font-weight: bold;
 color: #fff;
 margin: 0;
 }
 #unm_alert h1 { color:#fff;
 margin-bottom:.25em;
 font-size:1.5em;
 }
 #unm_alert a {color: #fff;}
 #unm_alert p {margin: 0;}
 /* @end */