/* ===== body ===== */

body
{
	background-color: #00007F;
	background-image: url(images/background.jpg);
	background-repeat: repeat-y;
	margin-top: 20px;
	text-align: center;
}

/* ===== text ===== */

body, p, td, th, div, blockquote, dl, ul, ol
{
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: 10pt;
	color: white;
}

/* ===== images ===== */

img
{
	border: none;
}

/* ===== links ===== */

a:link
{
	color: white;
}

a:visited
{
	color: white;
}

a:hover
{
	color: #CC0000;
}

/* ===== wrapper ===== */

#page-wrapper
{
	width: 720px;

	border: solid;
	border-width: 1px;
	border-color: white;
	
	background-color: #00007F;

	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* ===== header ===== */

#page-header
{
}

/* ===== menu ===== */

#page-menu
{
}

#page-nav
{
	width: 100%;
	
	margin: 0;
	margin-top: 1px;
	padding: 0;
	border: 0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-collapse: collapse;
	border-spacing: 0;
}

#page-nav td
{
	width: 20%;
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 2em;
	letter-spacing: 0.05em;
	text-align: center;
}

#page-nav td:hover
{
	background-color: white;
}

.other-tab
{
	background-color: #00003F;
}

.other-tab a
{
	display: block;
	text-decoration: none;
}

.other-tab a:hover
{
	font-weight: bold;
	color: #CC0000;
	background-color: white;
}

.current-tab
{
	background-color: #CC0000;
}

.current-tab a
{
	display: block;
	text-decoration: none;
	font-weight: bold;
}

.current-tab a:hover
{
	color: white;
}

/* ===== content ===== */

#page-content
{
	min-height: 500px;
	margin: 20px;
}

/* ===== footer ===== */

#page-footer
{
	text-align: center;
	font-size: x-small;
	margin-top: 30px;
	margin-bottom: 5px;
	font-weight: bold;
}

/* ===== news-item ===== */

.news-item
{
	margin-bottom: 20px;
}

.news-date
{
	font-weight: bold;
	color: #FFCC00;
}

.news-text
{
	margin-left: 20px;
}

/* ===== projects ===== */

#project-intro
{
	border: 1px solid white;
	padding: 10px;
	text-align: center;
}

#project-list
{
	text-align: center;
}

.project-item
{
	border: 1px solid white;
	margin-top: 10px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 10px;
	background-color: #FFFFEE;
}

.project-item img
{
	border: 1px solid white;
	margin-left: -3px;
}

.project-item table
{
	margin-top: -5px;
}

.project-title
{
	padding: 5px;
	margin-top: 0;
	color: black;
	font-weight: bold;
	background-color: #FFCC55;
	border: 1px solid white;
	text-transform: uppercase;
	font-size: 90%;
}

.project-image
{
	width: 100px;
	text-align: center;
}

.project-description
{
	padding-left: 10px;
	vertical-align: top;
	font-size: 80%;
	color: black;
	line-height: 1.5em;
}

.project-description a
{
	color: black;
}

.project-description b
{
}

/* ===== contact ===== */

#contact
{
	border: 1px solid white;
	padding: 10px;
	text-align: center;
}

#contact strong
{
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
}