body
{
    font-family: Verdana, Arial, sans-serif;
    font-size: small;
    font-weight: normal;
    text-align: center;
    color: #CCCCCC;
    background: #000000;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

A:link
{ text-decoration: none; color: #9999FF; }
A:visited
{ text-decoration: none; color: #9999FF; }
A:hover
{ text-decoration: none; color: #FFFFFF; }
A:active
{ text-decoration: none; color: #FFFFFF; }

table.header
{
    background-image: url( 'graphics/header.gif' );
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #000033;
}

table.projects
{
    margin-left: auto;
    margin-right: auto;
    min-width: 500px;
}

td.top
{
    vertical-align: top;
}

td.pad_justify
{
    text-align: justify;
    padding-left: 5%;
    padding-right: 5%;
}

td.pad_right
{
    text-align: justify;
    padding-right: 10%;
}

td.pad_rjust
{
    text-align: right;
    padding-left: 5%;
    padding-right: 5%;
    vertical-align: top;
}

td.footer
{
    font-family: Verdana, Arial, sans-serif;
    font-size: x-small;
    font-weight: normal;
}

td.line
{
    background-color: #CCCCCC;
}

img.border
{
    border: 1px solid #CCCCCC;
}

div.flow {text-align:center;}
div.flow p {display:inline;}
div.flow span {vertical-align:top; display:table-cell; display:inline-table; display:inline-block;}

h1
{
    color: #CCCCCC;
    font-size: xx-large;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}
h2
{
    color: #CCCCCC;
    font-size: x-large;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}
h3
{
    color: #CCCCCC;
    font-size: large;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}


#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #333366;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #666699}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #666699;
	border: 1px solid #333366}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #666699;
		color: #FFFFFF;
		font: 11px arial}

	#sddm div a:hover
	{	background: #CCCCCC;
		color: #000033}


.size1 {font-size: 10px}
.size2 {font-size: 13px}
.size3 {font-size: 16px}
.size4 {font-size: 18px}
.size5 {font-size: 24px}
.size6 {font-size: 32px}
.size7 {font-size: 48px}