/*
ksymer color palette ideas:

custom dark purple for header
#3A265B
hsl(186,105,65)
rgb(58,38,91)

light steel blue
#b0c4de

steel blue
#4682b4

custom lavendar for top text
#9E8EB3
hsl(188,50,161)
rgb(158,142,179)

custom almost black menu bar
#221533
hsl(188,106,36)
rgb(34,21,51)

custom dark gold for left menu
#ccbd56
hsl(37,137,145)
rgb(204,189,86)

custom medium gold for left menu highlights
hsl(37,171,64)
rgb(225,208,122)
#E1D066

pale goldenrod side borders
#eee8aa

*/	
	
/* ---[ top ]------------------------------- */

html, body {
	margin: 2em;
	padding: 0; 
	font-size: 100%; 
}
body {
/*	background-image : url('http://www.tacoma.washington.edu/tech/images/it_logo_background_repeat.jpg'); */
	background-position:center; 
	margin: 0;
	padding: 0;
/*	border-left: 20px #eee8aa solid;
	border-right: 20px #eee8aa solid;
	border-bottom: 20px #eee8aa solid;*/
/*	background: #ccbd56; */
	color: #000;
  	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.ahem, .printOnly {
	display: none;
}


/*------------ LINKS ------------*/

a {
	text-decoration: none;
}
a:link {
	color:#0000cc;
	background: transparent;
}
a:visited {
	color:#660099;
	background: transparent;
}
a:hover {
	color:#cc0000;
	background: #d3d3d3;
}

/*------------ HEADER AREA ------------*/

#header {
	margin: 0;
	padding: 0;
	height: 90px;
	color: #fff;
	background: #3A265B;
}
#logo {
	padding: 0;
	margin: 0;
	width: 175px;
	height: 140px;
}
#logo img  {
	margin: 20px 0 0 0;
	border: 0;
	background: #9E8EB3;
}
#logo a  {
	border: 0;
}
#logo a:hover  {
	background: transparent;
}

#photo {
	position: absolute;
	top: 0;
	left: 175px;
	width: 257px;
	height: 140px;
	margin: 0;
	padding: 0;
}

td.depttitle{
	vertical-align: bottom;	
	height:62px;
	background-image : url(http://www.tacoma.washington.edu/tech/images/logos/it_color_with_pnk_transp_background.gif); 
/*
	background-image : url(/tech/images/techpics/nautilus_shell_section.jpg);
	background-image : url(/tech/images/techpics/circuit_board_section_long.jpg);
	background-image : url(/tech/images/techpics/circuit_board_section_657px.jpg);
 	background-image : url(/tech/images/techpics/fiber_optics_cable_long.jpg);
	background-image : url(/tech/images/techpics/nautilus_shell_section_long.jpg);
	background-image : url(/tech/images/techpics/ribbon_wire_long.jpg);
*/
	background-repeat: repeat;
	background-position: center left;
/*	color: #000000; */
/*	background-color: #b7a4b6; */
}

/*------------ LEFT COLUMN ------------*/

#leftbox {
	float: left;
	left: 20px;
	width: 200px;
	margin: 0;
	padding: 200;
	border: 0;
/*	color: #000; */
/*	background: #ccbd56; */
	font-size: 120%;
	font-weight: normal;
	font-family: Verdana,Helvetica,sans-serif;
	text-transform: lowercase;
	}
#leftbox ul {
	float: left;
  	display: block;
	width: 175px;
	margin: 0;
	padding: 0;
}
#leftbox li {
	width: 175px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#leftbox li a {
  	display: block;
	width: 161px;
	margin: 0;
	padding: 2px 4px 6px 10px;
/*	color: #3A265B;
	background: #E1D066; */
	text-decoration: none;
}
/*

#leftbox li a:link, #leftbox li a:visited {
	color: #fff; 
	background: #ccbd56; 
}

#leftbox li a:hover {
	color: #3A265B;
	background: #E1D066;
}
#more img {
	margin-bottom:2px;
	vertical-align:bottom;
	border:0;
}
/*


/*------------ HEADINGS ------------*/

h1, .h1 {
	font-size: 1.7em;
	letter-spacing : 0em;
	color: #3A265B;
	background-color: transparent;
	margin-top: 0.5em;
	margin-bottom: 0;
	text-align: center;
	text-transform: none;
	font-family: Helvetica,sans-serif;
	font-weight: bold;
}	
h2, .h2 {
	font-size: 1.4em;
	letter-spacing : 0em;
	color: #b8860b;
	background-color: transparent;
	margin-top: 1em;
	margin-bottom: 0;
/*	text-align: left; */
	text-transform: none;
	font-family: Helvetica,sans-serif;
	font-weight: bold;
}
h3, .h3 {
	font-size: 1.3em;
	letter-spacing : 0em;
	color: #4682b4;
	background-color: transparent;
	margin-top:1.5em;
	margin-bottom: 0;
/*	text-align: left; */
	text-transform: none;
	font-family: Helvetica,sans-serif;
}
h4, .h4 {
	font-size: 1.2em;
	letter-spacing : 0em;
	color: #666;
	background-color: transparent;
	margin-top:1.5em;
	margin-bottom: 0;
	text-align: left;
	text-transform: none;
	font-family: Helvetica,sans-serif;
}


/*------------ LISTS ------------*/

dt {
	color: #3A265B;
	background: #fff;
	font-weight: bold;
	font-size: 1.0em;
}
dd {
	margin-left:10px;
	padding-left:10px;
	margin-bottom:1em;
}
ol, ul {
	margin-left:15px;
	padding-left:15px;
	margin-bottom:1em;
}
ol li {
	list-style-type: decimal;
}
ol li ol, ul li ul {
	margin-bottom:5px;
}
ol li ul li {
	list-style-type: disc;
}
ol li ol li {
	list-style-type: lower-alpha;
}
ol li ol li ol li {
	list-style-type: lower-roman;
}
.space li {
	margin-bottom:1.0em;
}
.space li ul, .space li ol {
	margin-top:1em;
}

/*----FILE-TYPE ICON BULLETS for unorderded lists and/or list items----*/
.ssl {
	list-style-image:url(/graphics/icon12_ssl.gif);
}
.pdf {
	list-style-image:url(/graphics/icon12_pdf.gif);
}


