body
{
    text-align: center;
    font-size: 10pt;
    background: #404040;
    color: black;
    font-family: Verdana, Tahoma, Arial, Univers;
    background-image: url(images/gradientfill_bw.jpg);
    background-repeat: repeat-y;
}
a:link		{ background: none transparent scroll repeat 0% 0%; color: #0000ff; font-family: Verdana; text-decoration: none	 }
a:active	{ background: none transparent scroll repeat 0% 0%; color: #0000ff; font-family: Verdana; text-decoration: none }
a:visited	{ background: none transparent scroll repeat 0% 0%; color: #000090; font-family: Verdana; text-decoration: none }
a:hover		{ background: none; color: #ffffff; background-repeat: repeat; font-family: Verdana; background-color: #0000a0; text-decoration: underline }

table.inpage { background: #ffffff; width: 100%; border-style: solid; border-color: #9BAECD; border-width: 1px;}
th{ background: #9BAECD; text-align: left; font-size: 8pt; color: #ffffff; padding-bottom: 3px; padding-top: 3px;}

tr.heading { background: #B9C7DB; border-style: solid; border-color: #ffffff; border-width: 1px; }
td.rowEven { background: #D9E7FB; font-size: 8pt;}
td.rowOdd { background: #C9D7EB; font-size: 8pt; }


ul.mainMenu{ display: inline; border: none; padding: 0 0 0 0;}
li.menuItem				{ display: inline;	color: #A0A0E0; font-size: 8pt; font-weight: bold; }
li.menuItemSelected		{ display: inline;  color: #A0A0E0; font-size: 8pt; font-weight: bold; }
li.menuItemLast			{ display: inline;	color: #A0A0E0; font-size: 8pt; font-weight: bold; }
li.menuItemSelectedLast	{ display: inline; 	color: #A0A0E0; font-size: 8pt; font-weight: bold; }

a.menuItem				{ display: inline;	color: #A0A0E0; border-right: 1px solid #ffffff; padding-right: 6px; padding-left: 6px; }
a.menuItemLast			{ display: inline;	color: #A0A0E0; padding-right: 6px; padding-left: 6px; }
a.menuItemSelected		{ color: #ffffff; 	border-right: 1px solid #ffffff; 	padding-right: 6px; padding-left: 6px; }
a.menuItemSelectedLast	{ color: #ffffff; 	padding-right: 6px;	padding-left: 6px;}


li.menuSubItem			{ display: inline; color: #FFFFFF; font-size: 7pt; 	font-weight: normal;  }
a.menuSubItem			{ display: inline; color: #FFFFFF; border-right: thin solid #a0a0a0; padding-right: 6px; padding-left: 6px;}


select.pageNavigation		{ font-size: 8pt; }

.contentsPreview{width: 112px; height: 80px; }

.YouTubeVideo{ text-align: center; background: #B9C7DB; border-style: solid;  border-color: #ffffff;  border-width: 1px; padding: 8px 8px 8px 8px; font-size: 8pt; }
.gameScreen{ background: url('games/gamescreen.gif') no-repeat left top; width: 560px; height: 400px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.gameContent{ position:relative; left:3px; top:22px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

.critical-error{background: #FF0000; color: #FFFFFF; border: thick solid #FFFF00; padding: 8px 8px 8px 8px;}

.breadcrumb{ background: url('/images/breadcrumb.gif') no-repeat left top; 	background-position: center left; padding: 0px 0px 0px 10px; margin: 0px 10px 0px 0px; float: left; display:inline; font-size: 8pt; list-style: none; }
.breadcrumbs{ padding: 0px; margin: 0px; }

.topiclist{ padding: 0px; margin: 0px; }
.topicitem{ background: url('/images/breadcrumb.gif') no-repeat left top; background-position: center left; padding: 0px 0px 0px 10px; margin: 0px 10px 0px 0px; float: none; display:list-item; font-size: 8pt; list-style: none; }

.galleryCube{ float: left; margin-right: 5px; width: 105px; height: 110px; min-width: 105px; min-height: 105px; text-align: center; }
.galleryCube:hover{ background: none; 
}

.cleaner{ visibility: hidden; clear: both; }

.subject{ height: 120px; }
.subjectSmall{height: 60px; }
.subjectSmallImage{ float: left; border-style: none; height: 53px; width:75px; }
.subjectImage{ float: left; border-style: none; width: 157px; height: 111px}

ul.topics{ float:left; padding:0; margin:0;  width: 100%; list-style-type: none;	margin: 4px 0px 8px 0px;}
ul.links { padding: 0pt 0pt 0pt 10pt; margin: 6pt 0pt 0pt 0pt; list-style-type: none; font-style: italic; font-size: 8pt; border-left: thick solid #B9C7DB; }
ul.dark-links { padding: 0pt 0pt 0pt 10pt; margin: 6pt 0pt 0pt 0pt; list-style-type: none; font-style: italic; font-size: 8pt; border-left: thick solid #FFFFFF; }
li.topics{ display: inline; margin-left: 10px; }

.startPage{ background: #134091; text-align: center; border-style: solid; border-color: #ffffff; border-width: 1px; padding: 0px 0px 0px 0px; width: 630px; margin: auto; }
.inpagePicture{ text-align: center; font-size: 10pt; font-weight: normal; margin: 8px 0px 8px 0px; padding: 8px 8px 8px 8px; background: #B9C7DB; border: 1px solid #ffffff; }
.pictureCaption{ font-style: italic;}

.test{ text-align: left; font-size: 10pt; font-weight: normal; margin: 8px 0px 8px 0px; padding: 8px 8px 8px 8px; background: #B9C7DB; border: 1px solid #ffffff; }


.footnote{ font-size: 8pt; padding-left: 10pt; font-style: italic; border-left: thick solid #B9C7DB; display: table; margin-top: 8px;}
.dark-footnote{ font-size: 8pt; padding-left: 10pt; font-style: italic; border-left: thick solid #FFFFFF; display: table; margin-top: 8px;}


.program{  background: #B9C7DB; border-style: solid; border-color: #ffffff; border-width: 1px; padding: 8px 8px 8px 8px; font-size: 8pt; font-family: "lucida console", courier, sans-serif }
code.highlight{ background: #FF8080;  font-size: 8pt; font-family: "lucida console", courier, sans-serif }

.quote{ font-size: 8pt; font-style: italic;}


.column1{	text-align: justify; width: 48%; padding-right: 2%; float: left;  }
.column2{	text-align: justify; width: 48%; padding-left: 2%; margin-left: 50%; }

@media screen
{
	.mainPage
	{
	  	background: #DFECFF;
		background-image: url(images/banner.png);
	  	/*background-image: url(images/header.png);*/
		/*background-image: url(images/header-xmas.png);*/
	  	background-repeat: no-repeat;
	  	text-align: center;
	  	border-style: solid;
	  	border-color: #ffffff;
	  	border-width: 1px;
	  	padding: 0px 0px 0px 0px;
		padding-top: 128px; /*64px;*/
	  	width: 900px;
	  	margin: auto;
	}
		
	.navigation
	{
		/* used in hang glidin pages */
		text-align: right;
	}

	.pageTitle
	{
		border-style: solid;
		border-color: #000000;
		border-width: 1px;
		color: #ffffff;
		font-family: Verdana, arial;
		font-size: 120%;
		font-weight: bold;
		letter-spacing: 4px;
		text-align: left;
		background-image: url(images/title-back.jpg);
		padding: 4px 4px;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 100%;
	}

	.pageFooter{ background-image: url(images/footer.png); margin-top: 16px; margin-left: 0px; margin-right: 0px; 	padding-left: 176px; padding-right: 8px; padding-top: 6px; height: 54px; text-align: left; color: #ffffff; font-size: xx-small; }
	.pageFooterHangGliding{ background-image: url(images/footerHangGliding.png); margin-top: 16px; margin-left: 0px; margin-right: 0px; padding-left: 8px; padding-right: 8px; padding-top: 6px; height: 54px; text-align: left; color: #ffffff; font-size: xx-small; }
}

@media print
{
	.mainPage
	{
	  	background: #ffffff;
	  	background-image: url(banner_top.jpg);
	  	background-repeat: no-repeat;
	  	text-align: center;
	  	border-style: solid;
	  	border-color: #ffffff;
	  	border-width: 1px;
	  	padding: 0px 0px 0px 0px;
	  	width: 100%;
	  	margin: auto;
	}
	
	.pageMenu{ display: none; }
  	.navigation{ display: none; }
}

.pageContent{ width: 95%; text-align: left; margin: auto; min-height: 540px; }

.SeeAlso{ font-size: 8pt; color: #000000; }




@media print
{
	.pageTitle
	{
		color: black;
		font-family: Verdana, arial;
		font-size: 120%;
		font-weight: bold;
		letter-spacing: 4px;
		text-align: left;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.pageFooter
	{
		text-align: left;
		color: black;
		font-size: xx-small;
		margin-top: 10px;
		width: 100%;
	}
}

.topics
{
	text-align: left;
    font-size: 8pt;
}



.personalPage
{
  	text-align: center;
  	border-style: solid;
  	border-color: #000000;
  	border-width: 1px;
  	background: #000080;
  	margin: 16px auto;
  	width: 680px;
  	padding: 0px 20px 8px 20px;
}

.personalContent
{
    width: 680px;
    text-align: left;
    color: #ffffff;
}

.tableHeader
{
    background: #2E66B0;
    color: #ffffff;
    font-weight: bold;
    font-size: x-small;
}

.standardTable
{
    background: #A2C1F0;
    border-style: solid;
  	border-color: #ffffff;
  	border-width: 2px;
}

TD.Diary
{
    color: #000000;
    font-size: xx-small;
}
/*
td.heading
{
    font-weight: bold;
}
td.subject
{
    font-weight: normal;
}
*/

.tableUndecorated
{
  padding: 0 0;
}

.thumbnail{		border: 4px solid #ffffff; }
.picFrame{		border: 4px solid #ffffff; }
.heading{		font-size: 10pt; color: black; font-weight: bold; font-family: Verdana, Tahoma, Arial, Univers }
.subTitle{		font-size: 10pt; color: black; font-weight: bold; font-family: Verdana, Tahoma, Arial, Univers }

@media screen
{
	H1
	{
		border-style: solid;
		border-color: #000000;
		border-width: 1px;
		color: #ffffff;
		font-family: Verdana, arial;
		font-size: 120%;
		font-weight: bold;
		letter-spacing: 4px;
		text-align: left;
		background-image: url(images/title-back.jpg);
		padding: 4px 4px;
		margin-top: 0px;
		margin-bottom: 10px;
		width: 100%;
	}
}
h2
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 14pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: Century Gothic,Verdana, Arial, Tahoma, Univers;
   	margin-top: 8px;
	margin-bottom: 4px;
}
h3
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 11pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: Century Gothic,Verdana, Arial, Tahoma, Univers;
   	margin-top: 8px;
	margin-bottom: 2px;
}

H4
{
    FONT-WEIGHT: 400;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: Century Gothic,Verdana, Arial, Tahoma, Univers;
    margin-top: 0px;
	margin-bottom: 2px;
}

/*
P,TD
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Tahoma, Arial, Univers;
    margin-top: 8px;
}
*/
TR
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial, Univers
}
THEAD
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial, Univers
}
TFOOT
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial, Univers
}
TH
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial, Univers
}

DL
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial, Univers
}
OL
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Tahoma, Arial, Univers
}
UL
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Tahoma, Arial, Univers;
    LIST-STYLE-TYPE: square
}

/* LIGHTBOX CSS */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }