/* CSS Document */
img						{ margin: 0; padding: 0; border-style: none; behavior:url('pngbehavior.htc'); }

#waterMark				{ height: 0; width: 0; }

body					{ margin: 0; padding: 0; text-align: center; }

div						{ margin: 0; padding: 0; }

img						{ margin: 0; padding: 0; border-style: none; }

iframe					{ margin-top: 20px; }
/* 800x600 template */
.small iframe			{ margin-top: 5px; }


/* navigational and theme elements */

.nav					{ height: 80px; overflow: hidden; }
	
	.nav .logo				{ margin: 0; padding: 0; float: left; }
	
	.nav .button			{ float: right; }
	
		.nav .button img		{ margin-right: 10px; padding: 0; }
		
	.pageTitle				{ float: left; margin: 50px 0 0 10px; }
		
		
.infoBar				{ height: 19px; line-height: 19px; overflow: hidden; }

	.infoBar .pageNum		{ float: right; display: inline; margin-right: 10px; }

	.infoBar .breadCrumb	{ float: left; display: inline; margin-left: 10px; }
	

.contentBody			{ background-position: 0 -20px; text-align: left; }


.launchBox				{ position: relative; margin: 10px auto; padding: 0; width: 500px; height: auto; }

	.launchBox .nav			{ margin-bottom: 10px; }

	.launchBox .textHeadline{ margin: 0 10px 10px; }
	
	.launchBox p			{ margin: 0 10px 10px; }
	
	.launchBtn				{ margin: 0 10px 10px; }


/* objects */

.editPanel				{ position: absolute; visibility: hidden; z-index: 1; padding: 5px; width: auto; top: 30px; border: solid 1px #666; background-color: #FFF; }

	.editPanel p			{ margin: 0 0 5px 0; }
	
	
.caption				{ position: relative; height: 15px; line-height: 15px; }

	.caption .editPanel		{ z-index: 20; top: -52px !important; }
	
	
.image					{ position: absolute; text-align: center; }

	.image img				{ margin: 0 auto; }
	
	
.text					{ position: absolute; overflow: auto; }

	ul, ol					{ margin: 10px 0; padding-left: 10px; list-style-position: outside; }
	
	ol						{ padding-left: 15px; }
	
	ul						{ list-style-type: square; }
	
		li						{ margin: 0 0 5px 10px; } 

	.text .textHeadline		{ position: relative; margin-bottom: 10px; }

	.text .textContent		{ position: relative; }
	
		
.infoLinksBox			{ position: absolute; overflow: auto; }

	.infoLinksBox .text		{ position: relative; padding-bottom: 10px; width: auto; height: auto; overflow: visible; }
	
		.infoLinksBox .text .editPanel{ top: 20px; }
	
	.infoLinksBox .infoLinks{ position: relative; margin-top: 5px; border-top: solid 1px #333; }
	
	
.infoEmbed				{ position: absolute; overflow: auto; }


.moreInfo				{ background-attachment: fixed; }

	
.jumpPanel				{ position: absolute; overflow: hidden; }

	.jumpTo					{ position: relative; display: inline; margin: 5px; float: left; overflow: visible; }
		
		.screenName				{ display: inline !important; }
			
		.jumpToLink				{ display: block; padding: 2px 0; }
		
			.jumpToLink span		{ }


.contentBox				{ position: relative; margin: 10px; padding: 5px 5px 8px 0; width: auto; height: auto; border: solid 1px #666; background-color: #FFF; }

	.glossaryItem			{ padding-left: 18px; margin-top: 3px; }

	.group, .screen			{ clear: left; padding-left: 10px; height: 22px; }
	
	.group					{ margin-bottom: 3px; height: auto !important; height: 22px; }
	
		.group img, .screen img	{ float: left; }
	
		.group a, .group span, .screen a{ float: left; margin: 3px 0 0 3px; }


/* position */

.left					{ left: 0; margin: 0; }


.right					{ right: 0; margin: 0; }


.top					{ top: 0; margin: 0 !important; }


.bottom					{ bottom: 0; margin: 0; }


/* 1024x768 sizes */

.fullWidth				{ width: 900px; }

	.fullWidth .editPanel	{ left: 340px; }
	
		.fullWidth .caption .editPanel{ left: 410px; }
		

.imageHalfWidth			{ width: 448px; }

	.imageHalfWidth .editPanel{ left: 114px; }
	
		.imageHalfWidth .caption .editPanel{ left: 184px; }
		
.moreInfo .imageHalfWidth{ width: 500px; }

	.moreInfo .imageHalfWidth .editPanel{ left: 122px; }
	
		.moreInfo .imageHalfWidth .caption .editPanel{ left: 192px; }

.textHalfWidth			{ width: 432px; }

	.textHalfWidth .editPanel{ left: 106px; }

.moreInfo .textHalfWidth{ width: 500px; }

	.moreInfo .textHalfWidth .editPanel{ left: 116px; }
	
.infoLinksBoxWidth		{ width: 360px; }

	.infoLinksBoxWidth .editPanel{ left: 90px; }
	
.infoEmbedWidth			{ width: 500px; }

.fullHeight				{ height: 530px; }

.halfHeight				{ height: 255px; }

.imageRegHeight			{ height: 351px; }

.imageLargeHeight		{ height: 375px; }

.moreInfo .imageLargeHeight{ height: 415px; }

.textShortHeight		{ height: 135px; }

.minus1JumpRow			{ height: 460px; }

.minus2JumpRow			{ height: 400px; }

.singleJumpRow			{ height: 55px; }

.doubleJumpRow			{ height: 115px; }
	
.jumpTo					{ width: 440px; height: 50px; }
	
	.jumpTo .editPanel		{ left: 10px; top: -5px; }

	.jumpToLink				{ width: 440px; height: 46px; }
	
.narrowJump				{ width: 290px; }

	.narrowJump .jumpToLink	{ width: 290px; }


/* 800x600 sizes */

.small .fullWidth				{ width: 745px; }

	.small .fullWidth .editPanel	{ left: 260px; }
	
		.small .fullWidth .caption .editPanel{ left: 330px; }

.small .imageHalfWidth			{ width: 370px; }

	.small .imageHalfWidth .editPanel{ left: 74px; }
	
		.small .imageHalfWidth .caption .editPanel{ left: 144px; }
		
.small .moreInfo .imageHalfWidth{ width: 500px; }

	.small .moreInfo .imageHalfWidth .editPanel{ left: 122px; }
	
		.small .moreInfo .imageHalfWidth .caption .editPanel{ left: 192px; }

.small .textHalfWidth			{ width: 365px; }

	.small .textHalfWidth .editPanel{ left: 86px; }

.small .moreInfo .textHalfWidth	{ width: 370px; }

	.small .moreInfo .textHalfWidth .editPanel{ left: 86px; }
	
.small .infoLinksBoxWidth		{ width: 345px; }

	.small .infoLinksBoxWidth .editPanel{ left: 70px; }
	
.small .infoEmbedWidth			{ width: 370px; }

.small .fullHeight				{ height: 435px; }

.small .halfHeight				{ height: 207px; }

.small .imageRegHeight			{ height: 295px; }

.small .imageLargeHeight		{ height: 320px; }

.small .textShortHeight			{ height: 105px; }

.small .minus1JumpRow			{ height: 375px; }

.small .minus2JumpRow			{ height: 315px; }
	
.small .jumpTo					{ width: 362px; }

	.small .jumpToLink				{ width: 362px; }
	
	.small .jumpTo .editPanel		{ left: 5px; top: -5px; }
	
.small .narrowJump				{ width: 238px; }

	.small .narrowJump .jumpToLink	{ width: 238px; }
