/*
   adpn.css
   Copyright (C) Alabama Digital Preservation Network
   Created by Tony Oravet <tony.oravet@auburn.edu> 
   
   Styles for the Alabama Digital Preservation Network.

   You may freely use and modify the styles here, but you 
   may not reproduce the Alabama Digital Preservation
   Network.
*/


/* Base elements
***********************************************************/
#html, body {
	font-size: 12px;
	background-image: url('../images/bg.gif');
	background-repeat:repeat;
	background-attachment:fixed;
	color:#03244D;
	font-family: Arial, Verdana, sans-serif;
	height: auto;
	width:auto;
	}
#center-col {
	height:auto; /* This allows the content to auto size*/
	background:#FFFFFF;
	width: 780px;

}
#header {
	background:#FFF;
	/*background:#064BA1;*/
	width: 780px;
	height:380px;
	border-top: 4px solid #FFFFFF;
}
#header img {
	border:none;
}
#img {
	border:none;
}
#clear {
	clear: both;
	background-color:#FFFFFF;
}
/* Global Lists
***********************************************************/
#ul {
	list-style-type:none;
	margin:0;
}
#li {
	margin:1px 0;
	font-size:10px;
	list-style-type:none;
}
#nested li ul {
	margin:0 0 20px 10px !important;
	padding:0;
}
#ul.bullets {
	list-style-type:disc;
	margin:20px 40px !important;
}
/* Wrapper Section
***********************************************************/
#wrap {
	width:780px;
	height:auto;
	margin:auto;
	background: #FFFFFF;

}
/*Navigation Container
*****************************************************/
#navcontainer
	{
	margin: 0 0 0 0;
	width: 100%;
	float: left;
	padding: 0px;
	background:#064BA1;
	border-top: 1px solid #FFFFFF;
	}
	
#navcontainer ul { padding: 0; }
#navcontainer ul li { display:inline; }
	
#navcontainer ul
	{
		float:left;
		margin: 0;
		padding: 0px 0px 0px 0px;
		color: #FFFFFF;
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 11px;
		letter-spacing: 1px;
	}
	
#navcontainer ul li a
	{
		padding: 4px 9px;
	background:#064BA1;
		color: #FFFFFF;
		text-decoration: none;
		float: left;
		border-right: 1px solid #FFFFFF;
	}
	
#navcontainer ul li a:hover
	{
		background-color: #dbe4f1;
	color:#064BA1;
}

/*Navigation Bar
************************************************************/
.navbar{	
	margin: 0px auto;
	padding: 0px 1px 2px 1px;
	}
.navbar ul{
	display: inline;
	list-style-type: none;
	}
.navbar li{
	display: inline;
	list-style-type: none;
	}
.navbar a, .navbar a:visited  {
	float: left;
	font-weight: bold;
	margin: 0px 10px 3px 10px;
	color: #525d5a;
	}		
.navbar a:hover{
	color: #CC0033;
	}
	
/* Content Section 
***********************************************************/
#content {
	padding: 0px 15px 5px 15px;
	height: auto;
	width: auto;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	text-align:left;
	font-size:12px;
}
#contentlinks a {
	font-size: 12px;
	color: #03244D;
}
#content a {
	font-size: 12px;
	color: #03244D;
	font-weight:bold;
}
#content a:hover {
	text-decoration:underline;
}
#content a:visited {
	color: #03244D;
}

/*Sidebar Section
*********************************************************************/
#sidebar {
	float: right;
	width: 200px;
	/*background: #EBEBEB;*/
	background:#FFFFFF;
	padding: 15px 10px;
}
#sidebar h2 {
	padding: 5px 0 4px 0px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #03244D;
	text-align: left;
	font-variant: small-caps;
	font-weight: bold;
}

/* Global Headings
***********************************************************/

#center-col h1 {
	padding: 4px 0px 4px 0px;
	font: 16px  Arial, Helvetica, sans-serif;
	color: #064BA1;
	width:100%;
	text-align: left;
	font-variant: small-caps;
	font-weight: bold;
}

#center-col h3 {
	padding: 0px 0px 0px 0px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #03244D;
	width:100%;
	text-align: left;
	font-variant: small-caps;
	
}
li {
	line-height: 1.5em;
}
p {
	padding: 2px 0 5px;
}
/* Hack for IE */
* html #content {
	height: 100%;
}
/* End IE Hack */

/* Floats
***********************************************************/
.left {
	float:left !important;
	border-left:0 !important;
	border-right:1px inset #003044;
}
.left li {
	margin:10px 2px 0 -10px !important;
}
.right {
	float:right !important;
}
.right p {
	margin-left:20px !important;
}
.middle {
	width:680px !important;
	padding:20px;
}

/*Lowercase
****************************************************************/
.lowercase {text-transform:lowercase;}
/*Footer Section
***************************************************************/
.footer {
	margin:auto;
	padding: 8px 0px 8px 0px;
	width: 780px;
	line-height: 18px;
	font-weight:bold;
	color: #064BA1;
	text-align:center;
	font-size:10px;
	
}
.footer a {
	color: #064BA1;
	text-decoration: none;
}
.footer a:hover {
	color: #03244d;
	text-decoration:underline;
}


/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	background-color: #FFFFFF;

	
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 2px;
	background: #dee6f3;
}


/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
background-image:url(../images/arrow_up.jpg);
background-repeat:no-repeat;
background-position:center;
}
.CollapsiblePanelClosed .CollapsiblePanelTab {
background-image:url(../images/arrow_down.jpg);
background-repeat:no-repeat;
background-position:center;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #FFFFFF;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #FFFFFF;
}