body#graphic_union {
	font-family : Times New Roman, serif;
	text-align : center;
	background-color : white;
	padding: 0;
	margin: 0;
	/*background-image: url(images/k10knet_vex.gif);*/
}



#container {
	width : 1500px;
	margin: 0;
	padding : 20px;
	background-color : white;
	background-image : none;
	vertical-align : top;
	text-align: left;
}

.illus_descript {
	margin: 0 0 10px 129px;
	line-height: 1.5em;
	padding: 0;
}

.descript {
	margin: 0 0 20px 0;
	line-height: 1.5em;
	padding: 0;
}

span.title {
	font-style:italic;
}

/*----------------- INSTITUTION --------------------------*/
#institution {
width: 250px;
height: 75px;
margin: 0 0 25px 0;
padding: 0;
font-family: Times New Roman, serif;
font-size : 10pt;
line-height: 1.4em;
text-align: left;
}

h1 {
	font-family: Georgia, Times New Roman;
	font-size: xx-large;
	letter-spacing: 0.001em;
	font-weight: normal;
	margin-top: 0;
	padding-top: 0;
}

#data {
	background-color: white;
}


#institution p {
	margin-top: 0;
	padding: 3px 8px 8px 8px;
}


#institution a:link, #institution a:visited, #institution a:active {
	color : black;
	background-color : transparent;
	border-bottom: 1px dotted blue;
	padding : 1px;
	text-decoration : none;
}

#institution a:hover {
border-bottom : 1px dotted lightblue;
}

#data span.capleader {
font-size : x-small;
font-weight : bold;
text-transform : uppercase;
}

#footer {
clear : both;
margin : 0 8px 8px 8px;
padding: 0;
border-top : 1px solid silver;
text-align : left;
font-family : Verdana, Arial, sans-serif;
font-size : xx-small;
color: gray;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #EE6363;
	text-decoration : none;
	border-bottom: 1px dotted blue;
}

#footer a:hover {
	border-bottom : 1px dotted lightblue;
}

/* --------------------------------- NEWS ---------------------------------------------------*/
#news {
	float : left;
	margin: 0 30px 0 0;
	width : 400px;
	font-family : Verdana, Arial, sans-serif;
	font-size : x-small;
	text-align: left; 
	background-color : white;	
}

div#news .item {
	margin: 30px 0 30px 0;
	padding: 0;
}


h2.news {
	font-family: Georgia;
	font-size: 10px;
	font-weight: normal;
	display: inline;
	background-color: cyan;
	padding: 7px;
	margin-top: 0;
	line-height: 3em;
}


#news a:link, #news a:visited, #news a:active {
	color : black;
	background-color : transparent;
	padding : 1px;
	text-decoration : none;
	border-bottom: 1px dotted blue;
}

#news a:hover {
border-bottom : 1px dotted lightblue;
}

/* --------------------------------- TITLES ---------------------------------------------------*/
#titles {
float : left;
margin: 0 30px 0 0;
width : 400px;
font-family : Verdana, Arial, sans-serif;
font-size : x-small;
text-align: left; 
background-color : white;
}

div#new_titles .item {
	margin: 30px 0 30px 0;
	padding: 0;
}

h2.titles {
	font-family: Georgia;
	font-size: 10px;
	font-weight: normal;
	display: inline;
	background-color: yellow;
	padding: 7px;
	margin-top: 0;
	line-height: 3em;
}



h3 {
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial;
	line-height: 1em;
	margin-bottom: 5px;
}

.author {
	margin-top: 4px;
	padding-top: 0;
	font-size: xx-small;
	font-family: Verdana;
	color: black;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.6em;
}

.title_data {
	font-size: xx-small;
	font-family: Verdana;
	color: gray;
	font-weight: normal;
	text-transform: uppercase;
}

div#titles img {
	width: 110px;
	float: left;
	padding: 0;
	margin-right: 20px;
}

#titles a:link, #titles a:visited, #titles a:active {
	color : black;
	background-color : transparent;
	padding : 1px;
	text-decoration : none;
	border-bottom: 1px dotted blue;
}

#titles a:hover {
border-bottom : 1px dotted lightblue;
}

/* --------------------------------- UPCOMING ---------------------------------------------------*/
#upcoming {
float : left;
margin: 0 30px 0 0;
width : 400px;
font-family : Verdana, Arial, sans-serif;
font-size : x-small;
text-align: left; 
background-color : white;
}

div#upcoming .item {
	margin: 30px 0 30px 0;
	padding: 0;
	min-height: 120px;
}

h2.upcoming {
	font-family: Georgia;
	font-size: 10px;
	font-weight: normal;
	display: inline;
	background-color: yellow;
	padding: 7px;
	margin-top: 0;
	line-height: 3em;
}

/* --------------------------------- TITLE GALLERY ---------------------------------------------------*/
#title_gallery {
float : left;
margin: 10px 20px 0 0;
width : 600px;
text-align: left; 
background-color : white;
}

img#placeholder {
	margin: 0;
	padding: 0;
	border:1px dotted black;
}

ul.gallery {
	list-style-type: none;
	margin: 8px 0 20px 0;
	padding: 0;
	display:block;
	font-family : Verdana, san-serif;
font-size : xx-small;
}

ul.gallery li {
	padding: 0 3px 0 0;
	margin: 0;
	display: inline;
	border: none;
}

p#desc {
	font-family: Arial, sans-serif;
	font-size:10pt;
	font-weight:bold;
	margin: 0 0 10px 0;
}

ul.gallery a:link, ul.gallery a:visited, ul.gallery a:active {
	color : black;
	font-weight: bold;
	background-color : transparent;
	padding : 1px;
	text-decoration : none;
}

ul.gallery a:hover {
color : silver;
}

/* --------------------------------- TITLE DATA ---------------------------------------------------*/
div#title_gallery {
	font-family : Times New Roman, serif;
	float: left;
	font-size : 10pt;
	text-align : left;
	line-height: 1.3em;
	background-color : white;
	padding: 0;
	margin: 0 20px 0 0;
	width: 550px;
}

div#desc {
	font-family : Times New Roman, serif;
	float: left;
	font-size : 10pt;
	text-align : left;
	line-height: 1.3em;
	background-color : white;
	padding: 0;
	margin: 0;
	width: 400px;
}

div#sales {
	font-family: Verdana, serif;
	font-size: x-small;
	line-height: 1.3em;
}

div#buttons {
	margin: 25px 0 0 0;
}

form {
	margin: 10px 0 0 0;
}



/* -------------------- ABOUT ----------------------------------- */
#about {
	float : left;
	margin: 10px 20px 0 10px;
	width : 400px;
	text-align: left; 
	background-color : white;
	font-family : Times New Roman, serif;
	float: left;
	font-size : 10pt;
	text-align : left;
	line-height: 1.3em;
	padding: 0;
}


#about a:link, #about a:visited, #about a:active {
	color : black;
	background-color : transparent;
	padding : 1px;
	text-decoration : none;
	border-bottom: 1px dotted blue;
}

#about a:hover {
border-bottom : 1px dotted lightblue;
}

#bookstore_list {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 15pt;
}

.head_list_item {
	padding-top: 10px;
	font-weight: bold;
}

/* ---------------- SERIAL EPIC ----------------------- */
div#invitation {
	font-family: Verdana, serif;
	font-size: x-small;
	line-height: 1.5em;
}

#serial_epic {
	line-height: 1.5em;
}

a.rollover {
	display: block;
	width: 520px;
	height: 418px;
	text-decoration: none;
	border: none;
	background: url("serialepic/images/holmes.jpg");
	background-repeat: no-repeat;
}

a.rollover:hover img {
	display: none;
	border: none;
}

a.rollover:active img {
	border: none;
}

a.rollover img {
	border: none;
}

a.rollover:visited img {
	border: none;
}

/*---------------------- PROCESS -------------------------- */

#process {
	float : left;
	margin: 0 30px 0 0;
	width : 680px;
	text-align: left; 
	background-color : white;
	font-family: Times New Roman, serif;
	font-size: medium;
	line-height: 1.3em;
}

#process h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: normal;
	padding-top: 30px;
	padding-bottom: 0;
	margin: 0;
}

#process h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;
	padding-top: 40px;
	padding-bottom: 0;
	margin: 0;
}

#process_nav {
	float : left;
	margin: 0 0 0 20px;
	width : 250px;
	text-align: left; 
	background-color : white;
	font-family: Verdana;
	font-weight: normal;
	font-size: x-small;
}

#process_nav h4 {
	font-size: large;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#process_nav h5 {
	font-size: x-small;
	font-weight: bold;
	padding: 15px 0 5px 0;
	margin: 0 0 0 10px;
}

#process_nav ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 20px 0;
}

#process_nav li, #process li {
	padding: 0 0 10px 0;	
}

.unposted {
	color: gray;
}

.name {
	font-weight:bold;
}