/***********************************************/
/* Technical Services. Book Sources. Reese Library.*/
/* Created by Bill Wells  2007 */
/***********************************************/

/***********************************************/
/* 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: 130%;
 color: #006699;
}

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

h4{
 font-size: 80%;
 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;
}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 5px 0px;
	border-bottom: 1px solid #cccccc;
	width: 886px;
	position: absolute;
	height: 60px;
	background-color:#ffffff;
	background-image: url(../images/tech-services.png);
	background-repeat:no-repeat;
	left: 0px;
	top: 46px;
}


#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: #000000;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
	position: absolute;
	left: 719px;
	top: 66px;
	height: 26px;
	width: 130px;
}

#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: 402px;
	float: left;
	padding: 15px 35px 0 15px;
	font-family: palatino, georgia, serif;
	position: absolute;
	top: 83px;
	height: 116px;
	left: 53px;
}
#header-content-title {
	position: absolute;
	overflow: auto;
	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-photo {
	position: absolute;
	border: solid 10px #ccccc;
	border-width: 10px 0 0 10px;
	float: right;
	background-repeat:no-repeat;
	left: 546px;
	top: 81px;
	height: 333px;
	width: 283px;
}

	
#page-body {
	clear: both;
}

/* -- Nav02 -- */
#nav02 {
float: left;
position: absolute;
font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
left: 0px;
top: 119px;
width: 879px;
}
/* -- /Nav02 -- */

/* -- Main Content -- */
#main-content {
	float: left;
	position: absolute;
	left: 53px;
	top: 90px;
	width: 745px;
	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 -- */
#cells1 {
	float: left;
	position: absolute;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	font-size: 13px;
	width: 353px;
	left: 558px;
	top: 156px;
	border-left: medium;
	margin-left: 5px;
}


/* -- /Cells -- */	
#cells {
	float: left;
	position: absolute;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	font-size: 13px;
	top: 156px;
	width: 531px;
	left: 18px;
	height: 1247px;
}
/* -- /Cells -- */
	


/************* #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******/ 	


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

#footer .title2 {
	position: absolute;
	top: 1750px;
	right: 10px;
	width: 342px;
	height: 79px;
	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;
}

/*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: #}003333
#topaddbar a:visited {color: #990000;}
#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 ----*/