/***********************************************/
/* Special Collections. Reese Library.*/
/* Created by Bill Wells   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	/*color: #316AC5;*/
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 	font-family: Verdana,Arial,sans-serif;
 	font-size: 120%;
 	color: #334d55;
}

h2{
   	font-size: 114%;
	color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

p {
   font-size: 12px;
   font-family: bold "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#masthead{
	margin: 0;
	padding: 5px 0px;
	border-bottom: 1px solid #cccccc;
	width: 900px;
	position: absolute;
	height: 60px;
	background-color:#ffffff;
	background-image:url(../images/sc-welcome.png);
	background-repeat:no-repeat;
	left: 2px;
	top: 45px;
}


#content{
        float:left;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	float: right;
}


/************* addbar styles **************/

#topaddbar{
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
	position: absolute;
	left: 757px;
	top: 64px;
	height: 26px;
	width: 128px;
}

#topaddbar a {
	font-size: 70%;
	padding: 0px 4px 0px 0px; 
	text-decoration: underline;
	}

#addbar2{
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
	position: absolute;
	left: 594px;
	top: -31px;
	height: 26px;
	width: 243px;
}

#addbar2 a {
	font-size: 80%;
	padding: 0px 4px 0px 0px; 
	text-decoration: underline;
	}

/************* /addbar styles **************/


	/* -- Header Content Block -- */
#header-content {
	width: 393px;
	float: left;
	padding: 15px 35px 0 15px;
	font-size: 12px;
	font-family: bold "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	position: absolute;
	top: 119px;
	height: 239px;
	left: 51px;
}
#header-content-title {
	position: absolute;
	overflow: auto;
	background: url;
	width: 402px;
	left: 59px;
	top: 89px;
}

#header-content-title h3 {
	float: left;
	font-weight: normal;
	font-size: 15px;
	font-family: bold "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}
#header-content-title p {
	font-size: 12px;
	font-family: bold "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	}

	/* -- Header Photo -- */
	
#header-photo {
	position: absolute;
	border: solid 10px #ccccc;
	border-width: 10px 0 0 10px;
	float: right;
	background-image: url(../images/arsenal3.jpg);
	background-repeat:no-repeat;
	left: 503px;
	top: 120px;
	height: 280px;
	width: 394px;
}

#page-body {
	clear: both;
}

/* -- Main Content -- */
#main-content {
	float: left;
	position: absolute;
	left: 47px;
	top: 384px;
	height: 192px;
	width: 495px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}
#main-content cells {
	float: left;
	position: absolute;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}

/* -- /Main Content -- */
	
	/* -- Cells -- */
/*#cells {
	float: left;
	position: absolute;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}
/* -- /Cells -- */
	

	/* -- Img-based headers -- */
.content-title {
	display: block;
	position: absolute;
	top: -25px;
	left: 15px;
	width: 200px;
	height: 25px;
	text-indent: -9000px;
	z-index: 10;
}
/************* BreadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
	position: absolute;
	left: 181px;
	top: 61px;
}
 /* /BreadCrumb styles */
/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	position: absolute;
	left: 510px;
	top: 619px;
}


#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/*********** Wrapper (for sidebar styles ***********/

#wrapper {
	background-color:#CCCCCC;
	border:outset;
	outline-color:#000099;
	float: right;
	position: absolute;
}
.wrapper {
	background-color:#CCCCCC;
	border:outset;
	outline-color:#000099;
	float: right;
	position: absolute;
}
/*********** /Wrapper******/ 	

/*********** Sidebar styles ***********/
#sidebar{
	position: absolute;
	float: right;
	margin: 0px;
	padding: 5px;
	border-top: solid 5px;
	border-bottom: 5px solid;
	font-size: 90%;
	float: right;
	display: block;
	background: #CCCCCC;
	width: 318px;
	height: 297px;
	left: 516px;
	top: 7px;
}
#sidebar h2 {
	font-size: 14px;
}
#sidebar h3{
	font-size: 16px;
	padding: 10px 0px 2px 10px;
}
#sidebar > a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
	width: auto;
}

#sidebar > a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

/* -- /Sidebar -- */


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

	/* -- Footer -- */
#footer {
	clear: left;
	padding-top: 10px;
	position: absolute;
	width: 862px;
	border: solid 1px #fff;
	left: 39px;
	top: 858px;
	float: left;
	height: 70px;
}
#footer .wrapper1 {
	background: url;
	border-left: solid 3px #ccc;
}
#footer .wrapper2 {
	background: url;
	border-right: solid 5px #ccc;
}
#footer .wrapper3 {
	background: url;
	border-bottom: solid 4px #ccc;
	overflow: auto;
	width: 100%;
}

#footer .title2 {
	position: absolute;
	top: -83px;
	right: 335px;
	width: 525px;
	height: 79px;
	background: url;
	float: left;
	font-weight: normal;
	font-size: 15px;
	font-family: bold "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}
#footer p {
	float: left;
	margin: 0;
	padding: 15px 15px 15px 25px;
	font-family: bold "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}
#footer ul {
	float: right;
	padding: 15px 15px 15px 25px;
}
#footer li {
	font-size: 11px;
	text-transform: uppercase;
	display: inline;
	margin: 0 3px 0 0;
	padding: 0 6px 0 12px;
	border-left: solid 1px #ccc;
}

#asulogo {
	position: absolute;
	background-image: url(../images/BlkLogo1.png);
	background-repeat:no-repeat;
	float: right;
	left: 720px;
	top: -13px;
	width: 112px;
	height: 39px;
}
/*#footer li a:link, {
	color: #0000CC;
	text-decoration: none;
}
#footer li a:visited {
	color: #FF0000;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}*/
/*Links are clustered at bottom of sheet. This may be unusual but it was caused by the inclusion of the ASU bar.  Individual styles were needed to prevent one overriding the other.  All generic link styles were deleted.*/

/*----Link Styles ----*/
#topaddbar a:link {color: #ffffff;}
#topaddbar a:visited {color: #FFFF33;}
#topaddbar a:hover {color: #00FF00;}
#topaddbar a:active {color: #0000ff;}

#footer li a:link {color: #003333;}
#footer li a:visited {color: #990000;}
#footer li a:hover {color: #00CC00;}
#footer li a:active {color: #0000ff;}

#cells1 a:link {color: #0000FF;}
#cells1 a:visited {color: #990000;}
#cells1 a:hover {color: #00CCFF;}
#cells1 a:active {color: 0000ff;}

#cells a:link {color: #0000FF;}
#cells a:visited {color: #990000;}
#cells a:hover {color: #00CCFF;}
#cells a:active {color: 0000ff;}

/*----/Link Styles ----*/