@charset "utf-8";

/*makes background black, and sets general page styles */
body  {
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	margin: 0; 
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: medium;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #000;
}

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

img {
	border: none;
}

/*outer wrapper */

#container {
	max-width: 904px;
	margin: auto;
	padding: 0;
	background-color:#FFF;
	text-align: left;
} 

/* UT, Tarlton Law Library, and Exhibit banners */

/*#banners img{ 
	border: 0; 
	padding: 0;
	margin: 0;
  } */
  
  /* wordmark */

#wordmark {		background-position: 25px 20px;
				width: 850px;
				height: 35px;
				padding: 0;
				margin: 0; 
                position: relative;  }

#wordmark img { position: absolute;
                top: 2px; 
                left: 25px;  }

#wordmark a img { border: none; }

  /* Tarlton Law Library banner */

#TLLbanner {	background-position: 25px 20px;
				width: 850px;
				height: 65px;
				padding: 0px 0px 12px 0px;
				margin: 0; 
                position: relative;  }

#TLLbanner img { position: absolute;
                 }

#TLLbanner a img { border: none; }

 /* exhibit banner */
 
#exhibit_banner {
	position: relative;
	width: 904px;
	clear: both;
	margin: 0;
	padding: 0;
}
  
#exhibit_banner text {
	margin: 0;
	height: 100px;
	background-repeat: no-repeat; /* the .text class inside the exhibit_banner div is applied when we want to use text over an image*/
}

#header {
	position: relative;
	width: 904px;
	clear: both;
	margin: 0;
	padding: 0;
}

/* page wrapper */

#page {
	width: 904px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-image: url(imgs/divider.gif);
	background-repeat: repeat-y;
	background-position: 250px 0px;
}
	


/* Main content area of page */

#maincontent {
	width: 600px;
	float: right;
	background-color:#FFF;
	padding: 25px;
}


#maincontent a {
	text-decoration: underline;
}

#maincontent a:visited {
	text-decoration: underline;
}

h1 {
	font-size: 120%;
}

h2 {
	font-size: 100%;
}

p, div.input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
    line-height: 1.7;
}

#previousNext {
	background-color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10.5px;
	color: #666;
	letter-spacing: 2px;
	word-spacing: 0px;
	text-align: center;
}

/* if we want to add a Search box */
#SearchBox {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	margin-bottom: 8px;
	margin-left: 20px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	white-space: normal;
	letter-spacing: 1px;
	top: 10px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0px;
	font-size: 75px;
	line-height: 0px;
}

/* these classes align images in the Main content area */

.box {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; float: left; width: auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px}

.boxrt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; float: right; width: auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px}


/* side navigation area */

#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 200px;
	background-color:#FFF;
	padding: 25px;
}

#sidebar .AccordionPanel {
	padding: 15px 10px 0px 10px;
		
}

#sidebar .link {
	padding-left: 10px;	
}


#sidebar .Accordion {	
	padding: 0px;
	margin: 0px;
}

#sidebar .AccordionPanelTab {	
	margin: 0px;
	padding: 10px 2px 2px 10px;
}

#sidebar ul.menu-list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
}
#sidebar li.menu-list-item {
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 15px 0px;
	padding: 0px;	
}
#sidebar li.menu-list-item a {
	color: #990000;	
}
#sidebar li.menu-list-item span {
	font-weight: bold;
}
#sidebar li.active > a {
	color: #609;
	font-weight: bold;
	font-style: italic;
}
#sidebar li.level-1 li.menu-list-item {
	margin-left: 20px; 
}

.nav_selected {
	color: #609;
	font-weight: bold;
	font-style: italic; /*stylizes nav item in the side navigation bar indicating what page the user is currently on.  This class must be manually added to each exhibit page as needed, in the code.  
	EXAMPLE: <p><a href="new-binding.html" class="nav">New Binding</a></p>*/
}

/* page footer area */
#footer  {
	clear: both;
	background-color:#000;
	color:#FFFFFF;
	text-align: right;
}

#footer a:link {
	color: #DCCFBA;
}

#footer a:visited {
	text-decoration: none;
	color: #DCCFBA;
}

#footer a:hover {
	text-decoration: underline;
}
  
#pdf_plugin {
	float: left;
	margin-top: 0px;
}