/* GENERAL TAGS */

body {
	background-color:	#ffffff;
	background-image:	url("bg.gif");
	background-position:0px -50px;
	background-repeat:	no-repeat;
	font-family:		sans-serif;
	font-size:			medium;
	margin:				0px;
	padding-bottom:		50px;
	padding-left:		155px;
	padding-right:		10px;
	padding-top:		100px;
	text-align:			left;
}

div {
	border:				0px;
	margin:				0px;
	padding:			0px;
}

hr
{
	background-color:	#3080c0;
	color:				#3080c0;
	height:				5px;
	text-align:			center;
	width:				80%;
}

img
{
	border:				none;
}

p a
{
	color:				#3080c0;
	text-decoration:	none;
	border:				none;
	border-bottom:		1px dotted #3080c0;
}

p a:visited
{
	color:				#154060;
	border-bottom:		1px dotted #154060;
}

p a:hover, p a:visited:hover
{
	color:				#000000;
	border-bottom:		1px solid #000000;
}

/* COVER PAGE */


body.cover
{
	background-image:	url("bg-index.gif");
	background-position:0px 0px;
	background-repeat:	repeat-x;
	padding:			0px;
}

.invisible
{
	color:				#3080c0;
	left:				444px;
	position:			absolute;
	top:				5px;
}

.invisible a
{
	color:				#3080c0;
}

.rollover
{
	position:			absolute;
}

.rollover a
{
	background-position:0px 0px;
	background-repeat:	no-repeat;
	display:			block;
}

.rollover a:hover
{
	background-position:0px -100px;
}

#images
{
	left:				350px;
	top:				225px;
}

#images a, #images a img
{
	height:				61px;	
	width:				303px;
}

#images a
{
	background-image:	url("images-bg.gif");
}

#magic
{
	left:				200px;
	top:				350px;
}

#magic a, #magic a img
{
	height:				62px;
	width:				256px;
}

#magic a
{
	background-image:	url("magic-bg.gif");
}

#writing
{
	left:				275px;
	top:				275px;
}

#writing a, #writing a img
{
	height:				77px;
	width:				309px;
}

#writing a
{
	background-image:	url("writing-bg.gif");
}


/* HEADER */


.header-links
{
	letter-spacing:		5px;
	text-align:			center;
}

.header-links a
{
	border:				none;
	color:				#3080c0;
	font-size:			x-large;
	font-weight:		bold;
	text-decoration:	none;
}

.header-links a:hover
{
	color:				#000000;

}

div.header-links img
{
	vertical-align:		middle;
}

.section
{
	padding:			25px;
	text-align:			center;
}

.section img
{
	height:				100px;
	width:				500px;
}

/* THE REST */

.description
{
	float:				right;
	width:				145px;
}

.doctext img
{
	clear:				both;
	float:				right;
	margin:				10px;
}

.doctext img.left
{
	float:				left;
}

.doctext img.normal
{
	clear:				none;
	float:				none;
	margin:				0px;
}

.thumb, .card
{
	background-image:	url("gradblueleft.gif");
	background-position:50px;
	background-repeat:	repeat-y;
	float:				left;
	height:				100px;
	margin:				3px;
	padding:			0px;
	width:				250px;
}

.thumb
{
	height:				150px;
}

.thumb table, .card table
{
	border-collapse:	collapse;
	float:				left;
	margin:				0px;
	padding:			0px;
	width:				100px;
	vertical-align:		middle;
}

.thumb td, .card td
{
	background-image:	url("thumb-bg.gif");
	background-position:center center;
	background-repeat:	no-repeat;
	height:				100px;
	margin:				0px;
	padding:			0px;
	text-align:			center;
	vertical-align:		middle;
	width:				100px;
}


p.caption, p.subcaption
{
	color:				#000000;
	font-size:			x-small;
	margin:				0px;
	padding:			1px;
}

.card p.caption
{
	font-size:			small;
}

p.date
{
	color:				#3080c0;
	font-size:			xx-small;
	margin:				0px;
	margin-bottom:		-15px;
	padding:			0px;
}

.description p.date
{
	margin-bottom:		0px;
}

p.doctitle
{
	color:				#3080c0;
	font-size:			large;
	text-align:			center;
}

p.docsubtitle
{
	color:				#3080c0;
	font-size:			medium;
	margin:				-20px;
	text-align:			center;
}

p.group
{
	color:				#3080c0;
	font-size:			x-large;
	font-weight:		bold;
}