/* this css file is to serve as the main css file for the site */


/* be careful when working with this file so that things won't get messed up. That being said using layout_testing.css file for testing purposes is strongly recommended */

/*this makes a scrollbar shows up on the side when the page is bigger than the browser window */
html {overflow: scroll;} 
/*this sets the general parameters of the site so that fonts can be used and general size that will be used. */
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin: 0px 0px 10px 0px;

}
/* this is for the main gray ring that goes around everything and is essentially the main box */
#omniBox{
	width: 810px;
	background-color: #cccccc;
	/*margin: 0px auto; */
	padding: 8px 5px 5px 5px;
	margin: auto;
    position: relative;
            
}
/*this holds the main box for the logo, search engine, and main nav buttons */
/*WARNING WARNING WARNING all of this code until the next comment is specific code for the top navigation, be careful when working with this code */
#heading{
	background-color: #ffffff;
}

#topNavBar{
	margin: 0px auto 5px auto;
	padding: 0px;
	height: 20px;
	width: 800px;
	
	background: transparent url(../imgs2/design/barCenter.gif) repeat-x top left;
}
.bounce, .bounce li, #topNavBar li{
	list-style: none;
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-size: .9em;
}

#topNavBar li{
	font-size: 10px;
	padding: 5px 10px 0px 10px;
	float: right;
	margin: 0px 0px 0px 0px;
	height: 15px;
	border-left: 1px solid #000000;
}

#topNavBar a{
	color: #000000;
	text-decoration: none;
}

#topNavBar a:hover{
	color: #a00030;
	text-decoration: underline;
}

#topNavBar ul .i3{
	padding-right: 14px;
/*	height: 20px;	*/
	background: transparent url(../imgs2/design/barRight.gif) no-repeat top right;
}

#topNavBar ul .i5{
	float: left;
	padding-left: 14px;
	border-right: 1px solid #000000;
	border-left: none;
/*	height: 20px; */
	background: transparent url(../imgs2/design/barLeft.gif) no-repeat top left;
}

#topNavBar ul .i4{
	float: left;
	margin: 0px;
	border-left: none;
	border-right: 1px solid #000000;
}

#topNavBar ul{
	margin: 0px;
	padding: 0px;
}
/* code for the buttons in the top nav. Basically the code for what happens when they bounce up when moused over ;) */
.bounce li{
	padding: 0px 0px;
	float: left;
	width: 159px;
	margin: 0px 1px 1px 0px;

}
/*right most button top nav button */
.bounce .i5{
	width: 160px!important;
	margin: 0px 0px 1px 0px;
}
/*this is specific code for the top nav bars for when moused over. best to not mess with this unless testing is done */
.bounce a{
	position: relative;
	display: block;
	color: #f0f0f0;
	background-color: #4B556B;
	text-decoration: none;	
	padding: 4px 0px;
	margin: 0px;
}

.bounce a:hover{
	color: #000000;
	top: -4px;
	padding: 4px 0px 8px 0px;
	margin: 0px 0px -4px 0px;
	background-color: #cccccc;
	background-image: url(../imgs2/design/hNavBG.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
/*css for the search engine */
#searchBox{
	clear: right;
	float: right;
	padding: 10px 10px 0px 0px;
}
/* unm law logo */
#logo{
	margin: 10px 0px 4px 5px;
}

/*banner photos code */
#banner{
	padding: 0px;
	margin: 0px 0px -2px 0px; 
	width: 800px;
	height: 100px;
}
/*events calender code */
#calendar{
	float: right;
	display: block;
	height: 115px;
	width: 238px;
	background-color: #c7dae9;
	color: #000000;
	padding: 5px 0px 5px 0px;
	
	border-right: solid #c7dae9 1px;
	
	margin: 0px 0px 0px -1px;
}
/*more calender code */
#calendar li, #calendar ul{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
/* some master code, this runs everything inside of the omnibox. best not to mess with it without doing testing */
#container{
	position: relative;
	margin: 0px 0px 2px 0px;
	clear: both;
	top: 0px;
	border-top: solid #ffffff 1px;
}
/* title of the page  like albuquerque thing in the main page display set to none because not being used now*/
#title{
display:none;
	position: absolute;
	right: 10px;
	top: -278px;
	text-decoration: none;
}
/*
 * This goes inside of #container along with #content. This holds the primary nav menu 
 * Or side bar... IE library items
 */
#navigation{
/*
	background-image: url(../imgs2/design/navGrad.jpg);  Don't use this code unless specifically needed
	*/
	background-color: #B4C4CD;
	background-position: top;
	background-repeat:repeat-x;
	float: left;
	padding: 15px 5px;
	width: 190px;
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
}

/* controls li items in the side navigation bar */
#navigation li, #navigation ul{
	padding: 0px 0px 4px 7px;
	margin: 0px;
	list-style: none;
}


/* code for the nav for the side navigation. This is the code that makes the links appear black */
#navigation a{
	padding-right: 4px;
	text-decoration: none;
	display: block;
	color: #000000;
}
/* code to make the left nav items move when moused over */
#navigation a:hover, #swapmenu li a:hover{
	color: #a00030;
	padding-left: 3px;
	padding-right: 1px;
}


#navigation a img {
	border:none;
}

/* This goes inside of #container along with #navigation */
/* this is where all of the main items go and we do most of our work */
#content{
	background-color: #e8e8f0;
	width: 589px;
	padding: 5px 5px 0px 5px;
	margin:  0px 0px 0px 0px;
	float: right;
	display: block;
	border-left: #ffffff solid 1px;
}
/* determines the size of the p in the content section  */
#content p{
	margin: 1em 0;
}
/*the bottom of the page */
#footer{
	clear: both;
	background-color: #cccccc;
	font-size: .7em;
	padding: 1em 0px 1em 10px;
}
/*this is one of the master codes to change the size and margins for the document */
#heading, #container{
	width: 800px;
	margin-left: auto;
	margin-right: auto; 
	
}
/*this is the code to set up the footer */
#footer{
width: 789px;
	margin-left: auto;
	margin-right: 5px; 
}

/*this is the code for the size of the text in the heading */
#heading h1{
	font-size: 20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 6px 0px;
	padding-top: 10px;
}

#date{
	font-size: 10pt;
	font-weight:normal;
	color: #FFFFFF;
	text-align:right;
	float:right;
	margin-right:10px;
}

 

#footer p{
	margin: 0px;
	padding: 0px;
	line-height: normal;
}
/* READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME READ ME   The rest of the code is kind a kludge so I highly recommend not messing with it because some of it only affect certain pages so make ABSOLUTELY sure you know this stuff is exactly what you're supposed to be working on ;) */

.fields{
	margin:0px;
	padding:0px;
	border:0px solid #ffffff;
}

fieldset{
	border-style:none;
}

#navlist{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	clear: both;
	float: right;
	line-height: normal;
}

#navlist h1{
	font-size: 12px;
	padding:0 2px 2px 2px;
	text-align: center;
	margin: 0px;
	padding-top: 1px;
}

#navlist h2{
	font-size: 11px;
	padding: 0 0 2px 0;
	text-align: center;
	margin: 10px 0px 0px;
	padding-top: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:#FDF8ED;
}

#navlist ul{
	margin: 6px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#navlist a{
	display: block;
	padding: 2px 2px 2px 12px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C7DAE9;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #C7DAE9;
	background-repeat: no-repeat;
	background-position: center bottom;
}

#navlist li{
	font-size: 0.7em;
	margin:0px 5px 2px 4px;
	padding:1px 0px 1px 0px;
	line-height: normal;
}

#navlist li a:link, #navlist li a:visited{
	color: #000000;
	text-decoration: none;
}

#navlist li a:hover, #navlist li a:active, #navlist li a:focus{
	color: #000000;
	background-color: #EFEFF8;
	text-decoration: none;
}

#navlisth{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:auto;
	margin: 2px 0px 10px;
	padding: 0px;
	display: block;
}

#navlisth ul{
	margin: 0px 0 0;
	padding: 0;
	list-style-type: none;
	width:98%;
	height: auto;
}

#navlisth a{
	width: auto;
	height: 3.5em;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C7DAE9;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #C7DAE9;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

#navlisth li{
	font-size: 0.7em;
	width: 85px;
	height: 100%;
	margin:0px 3px 0px 0px;
	padding:1px 0px;
	line-height: 1.2em;
	float: left;
}

.quarternav{
	width: 25%;
}

#navlisth li a:link, #navlisth li a:visited{
	color: #000000;
	text-decoration: none;
}

#navlisth li a:hover, #navlisth li a:active, #navlisth li a:focus{
	color: #000000;
	background-color: #EFEFF8;
	text-decoration: none;
}

.secondarynav a{
	font-size: 11px;
	border-bottom-color: #FFCC99 !important;
	border-left-color: #FFCC99 !important;
}

.secondarynav a:hover, .secondarynav a:active, .secondarynav a:focus{
	color: #000000 !important;
	background-color: #FFCC99 !important;
	text-decoration: none !important;
}

.left{
	float: left;
}

.right{
	float: right;
}

.left, .right{
	position: relative;
	bottom: 0px;
}

.left p, .right p{
	font-size: .6em;
	text-align: left; 
}

#swapmenu {
	margin:0 0 0 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
}
#swapmenu ul, #swapmenu li{
	margin: 0;
	padding: 0 0 .2em;
	list-style-type: none;
}
#swapmenu li li{
	margin:0 0 0 8px;
	padding: 0 5px 5px 10px;
}
#swapmenu li li li{
	margin:2px 0 2px 5px;
	padding: 0 0 0 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FDF8ED;  
	border-left-color:   #FDF8ED;  
}
#swapmenu p {
	margin: 0;
	padding: 0;
}
#swapmenu h2{
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
	padding-right: 4px;
	letter-spacing: normal;
}

#swapmenu h2 a:hover{
	margin: 0;
	padding-left: 3px;
	padding-right: 1px;
}
.closed a, .open a{
	display: block;
	padding: 1px 0 1px 0px;
	text-decoration: none;
	color: #000000;
}

.open2 ul a {
	background-image:none !important;
}
.closed ul a, .open ul a, .open ul a:hover{
	font-weight:normal;
	padding: 0 0 0 0px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.affiliateLogo{
	margin-left: auto;
	margin-right: auto;
	display: block;
}