body {
		background: white;
		color: black;
		padding: 10px;
		margin: 0px;
		border-width: 0px;
		font-family: Batang, Georgia, serif;
	}
	
	p {
		font-family: Georgia, Times, serif;
		text-align: justify;
		text-indent: 1cm;
	}

	*.error_message {
		color: black;
		font-family: Georgia, Times, serif;
		text-align: center;
		text-indent: 0px;
	}
	
	#logo_position_box {
		position: absolute;
		left: 50%;
		bottom: 50%;
	}
	
	#logo {
		position: relative;
		left: -250px;
		bottom: -50px;
	}	
	
	#logo:after {
		content: url("images/logo.png");
	}

	a {
		text-decoration:none;
		color:#8888aa;
	}
	
	a:hover {
		text-decoration:underline;
	}
	
	a.non_link {
		text-decoration: none;
		color: black;
	}
	
	a.non_link:hover {
		text-decoration: none;
	}
	
	h1 {
		font-size:26pt;
		font-weight: bold;
	}
	
	h2 {
		font-size:18pt;
		font-weight: bold;
	}
	
	h3 {
		font-size:14pt;
		font-weight: bold;
	}
	
	h4 {
		font-size:12pt;
		font-weight: bold;
	}

	img {
		border: 1px solid rgb(210, 210, 210);
	}
	
/* This is for hiding things from CSS-enabled browsers that we only
   want to show up in non-css browsers. */
	.hide_this
	{
		visibility: hidden;
	}

/* I don't want my image links to have borders. */
	a img {
		border-width: 0px;
	}
	
	img.gallery {
		border:1px solid #a0a0a0;
	}



/*
 ******************************
 * Title and content of the page.
 ******************************
 */

/* Title. */
	*.title {
		margin: 0px;
		padding: 0px;
		text-align: center;
		font-family: sans-serif;
		font-size: 42px;
		font-weight: normal;
		color: rgb(200,200,200);
		z-index: 1;
	}
	
/* Content. */
	*.content {
		position: absolute;
		left: 50px;
		right: 50px;
		top: 88px;
		margin: 0px;
		padding: 20px 20px 20px 20px;
		/*border: 1px solid rgb(220, 220, 220);*/
		z-index: 1;
	}


/*
 *************
 * Menu code.
 *************
 */

/* The anchor of the menu, so to speak. */
	*.root_menu {
		position:absolute;
		left: 0px;
		top: 0px;
		z-index: 400;
	}

/* Root menu. */
	ul.menu {
		margin: 0px;
		padding: 0px;
		position: absolute;
		left: 11px;
		top: 11px;
		z-index: 400;
	}
	
/* Hide menus. */
	ul.menu li ul {
		display: none;
		z-index: 400;
	} 
	
/* Reveal menus on mouse-over. */
	ul.menu li:hover > ul {
		display: block;
		z-index: 400;
	}
	
/* Make item white on mouse-over. */
	ul.menu li:hover {
		background-color: white;
		z-index: 400;
	}
	
/* Menu arrows. */
	*.menu_arrow {
		position: absolute;
		right: 8px;
		top: 8px;
		z-index: 400;
	}
	
	*.menu_arrow:after {
		content: url("images/right_arrow.png");
		z-index: 400;
	}
	
	
/* All menus. */	
	ul.menu ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		z-index: 400;
	}
	
/* All menus items. */
	ul.menu li {
		position: relative;
		display: block;
		margin: -1px;
		text-indent: 0px;
		list-style-type: none;
		cursor: pointer;
		background-color: rgb(240,240,240);
		color: rgb(128,128,128);
		border: 1px solid rgb(210,210,210);
		
		font-size: 15px;
		font-family: sans-serif;
		z-index: 400;
	}
	
/* All menu item links. */
	ul li a {
		padding: 7px;
		display: block;
		color: rgb(128,128,128);
		text-decoration: none;
		z-index: 400;
	}
	
	ul li a:hover {
		color: rgb(128,128,128);
		text-decoration: none;
		z-index: 400;
	}

/* Root menu item. */
	ul.menu > li {
		/*width: 67px;*/
		z-index: 400;
	}

/* Main menu. */
	ul.menu > li > ul {
		position: absolute;
		left: 0px;
		top: 31px;
		z-index: 400;
	}

/* Main menu items. */
		ul.menu > li > ul > li {
			position: relative;
			width: 134px;
			z-index: 400;
		}

/* Sub menu. */
	ul.menu > li > ul > li > ul {
		position: absolute;
		left: 135px;
		top: 0px;
		z-index: 400;
	}

/* Sub menu items. */
		ul.menu > li > ul > li > ul > li {
			position: relative;
			width: 170px;
			z-index: 400;
		}
		
		
		
/*
 *************
 * Portfolio.
 *************
 */
 
	*.portfolio_nav {
		position: relative;
		height: 250px;
		width: 100%;
		overflow: auto;
		border: 1px solid rgb(200, 200, 200);
		margin: 0px;
		padding: 0px;
	}
 
	*.portfolio_item {
		position: absolute;
		background:#ffffff;
		text-decoration:none;
		top:25px;
		width:150px;
		border:0px solid black;
		cursor: pointer;
	}
	
	*.portfolio_item_buffer {
		position: absolute;
		background:#ffffff;
		text-decoration:none;
		top:25px;
		height: 1px;
		width:25px;
	}
 
 	*.portfolio_item:hover {
		text-decoration:underline;
	}

	*.portfolio_thumb {
		position: absolute;
		background:#ffffff;
		left:-1px;
		top:-1px;
		width:150px;
		height:150px;
		border:1px solid #a0a0a0;
		cursor: pointer;
	}
 
	*.portfolio_blurb {
		position: absolute;
		background:#ffffff;
		padding:0px 5px 0px 5px;
		left:-1px;
		top:151px;
		width:140px;
		/* height:50px; */
		border:0px  solid #a0a0a0;
		cursor: pointer;
	}