/* GLOBAL STRUCTURE + GEOMETRY */

body {
	background:transparent;
	font-size:100.01%;
	font-family: Geneva, Helvetica, sans-serif, Arial;
}

html {
	background:transparent;
}

#header {
	position:absolute;
	top:5px;
	left:0px;
	height:54px;
	width:100%;
}

#mainwindow {
	position:absolute;
	top:65px;
	left:0px;
	height:645px;
	width:100%;
	left:0px;
	overflow: hidden;
	border-top:2px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;
}

#global_scroll {
	position:absolute;
	top:0px;
	left:0px;
	width: 8000px;
}

#footer {
	position:absolute;
	top:710px;
	left:0px;
	height:20px;
	width:100%;
	padding-top:5px;
}

#maintitle {
	position: absolute;
	left: 118px;
	top: 250px;
	width: 633px;
	height: 220px;
}

/* GLOBAL CONTAINER STYLES */

#OversizeMarker { position:absolute; left:0px; top:0px; z-index:3; }
div.MarkerCornerTL { position:absolute; left:0px; top:0px; width:6px; height:6px; background-repeat:no-repeat; background-image:url(/content/_graphics/marker_tl_6_2.gif); }
div.MarkerCornerTR { position:absolute; right:0px; top:0px; width:6px; height:6px; background-repeat:no-repeat; background-image:url(/content/_graphics/marker_tr_6_2.gif); }
div.MarkerCornerBL { position:absolute; left:0px; bottom:0px; width:6px; height:6px; background-repeat:no-repeat; background-image:url(/content/_graphics/marker_bl_6_2.gif); }
div.MarkerCornerBR { position:absolute; right:0px; bottom:0px; width:6px; height:6px; background-repeat:no-repeat; background-image:url(/content/_graphics/marker_br_6_2.gif); }


/* GENERAL CONTAINER STRUCTURE */

.container {
	position: absolute;
	height: 645px;
}

.containerheader {
	position: relative;
	height: 115px;
	margin-bottom: 10px;
	width: inherit;
}

.containermain {
	position: relative;
	height: 500px;
	width: inherit;
	margin: 0 0 20px 0;
}

.group {
	position: absolute;
}


/* GROUPS + CONTAINERS STRUCTURE */



#menudir_group {

}

#menu {
	width:270px;
	left:20px;
}

#menu_content {
	position: absolute;
	top: 20px;
	left: 20px;
	height: 460px;
	width: 230px;
	overflow: hidden;
}

#menulist {
	position:absolute;
	top:210px;
	left:0px;
	z-index:4;
}

#menuselector {
	position:absolute;
	top:210px;
	left:0px;
}
.menuitem {
	width:230px;
	height:50px;
}

/*.menuitem:hover {
	background-image:url(content/_graphics/diagonal-fill-2.gif);
}*/

.menubox {
	position:absolute;
	left:0px;
	top:210px;
	width:230px;
	height:50px;
	z-index:3;
}


#dir {
	width:415px;
	left:310px;
}

#dir_content {
	position:absolute;
	top:20px;
	left:20px;
	height:460px;
	width:375px;
	overflow:hidden;
}

#dir_scroll {
	position:absolute;
	top:0px;
	left:0px;
	width:4600px;
	height:3000px;
}

#topmenu {
	position: relative;
	width:415px;
	height:115px;
	overflow:hidden;
}

#topmenu_marker {
	position:absolute;
	top:103px;
	height:15px;
	width:15px;
	left:0px;
	background-image:url(content/_graphics/marker_bl_15_2.gif);
	z-index:100;
}

#topmenu_content {
	position:absolute;
	left:0px;
	top:0px;
}


#guideproject_group {
	display: none;
	left:725px;
}

#guide {
	width:270px;
	left:20px;
}

#guide_content {
	position:absolute;
	top:20px;
	left:20px;
	height:460px;
	width:230px;
	overflow:hidden;
}

#project_wrapper {
	position: relative;
	top: 0px;
	left: 310px;
}

#project {
	width:705px;
	left:0px;
}

#project_content {
	position:absolute;
	top:20px;
	left:20px;
	height:460px;
	width:665px;
	overflow:hidden;
}

#project_scroll {
	position:absolute;
	top:0px;
	left:0px;
	width:3325px;
	height:2300px;
}

#oversize {
	width:705px;
}

#oversize_content {
	position:absolute;
	top:20px;
	left:20px;
	height:460px;
	width:665px;
	overflow:hidden;
}

#longtext_group {
	display: none;
	left:1740px;
}

#longtext {
	width: 560px;
	left: 20px;
}

#longtext_content {
	position:absolute;
	top:20px;
	left:20px;
	height:460px;
	width:520px;
	background:transparent;
	overflow:hidden;
}

#longtext_content p {
	font-size:0.9em;
	line-height:1.5em;
}

#longtext_scroll {
	position:absolute;
	top:0px;
	left:0px;
	width:510px;
}


#applet_group {
	display: none;
	left:1740px;
}

#applet_wrapper {
	position: relative;
	top: 0px;
	left: 20px;
}

#applet {
	width: 705px;
}

#applet_content {
	position:absolute;
	top:20px;
	left:20px;
	height:460px;
	width:665px;
	overflow:hidden;
}

#src {
	width:705px;
}

#src_content {
	position: absolute;
	top: 20px;
	left: 20px;
	height: 460px;
	width: 665px;
	background: transparent;
	overflow: auto;
}

#src_scroll {
	position:absolute;
	top:0px;
	left:0px;
	width:510px;
}




/* ACCORDION OBJECT */

.accordioncell {
	height:52px;
	border-right:2px solid #CCCCCC;
	float:left;
	overflow:hidden;
}
#accordion0 {
	border-left:2px solid #CCCCCC;
	width:450px;
}

#accordion1 {
	width:60px;
}

#accordion2 {
	width:60px;
}

#accordion3 {
	width:60px;
}

#accordion4 {
	width:60px;
}

.accordioncontent {
	height:50px;
	width:440px;
	padding:2px;
}

#accordionset1 {
	margin-left:20px;
}




/* TEXT */

.textbox {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	height:20px;
	border: 2px solid #CCCCCC;
}
.heading2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	color: #999999;
	font-weight: normal;
}

.fineserif {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.6em;
	color:#AAAAAA;
	line-height:1.2em;
}

.smallserif {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.7em;
	color:#AAAAAA;
	line-height:1.2em;
}

.accordioncontent p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.7em;
	color:#AAAAAA;
	line-height:1.2em;
	margin:0 0 1em 0;
}

#maintitle {
	font-size: 9em;
	color: #EEEEEE;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 0.8em;
	text-align: center;
}

#footer {
	font-size: 0.7em;
	color: #999999;
}

.subtitle {
	font-size: 0.4em;
	color: #F0F0F0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

p {
	color:#666666;
}

.norm {
	font-size:0.9em;
	line-height:1.5em;
}

.note {
	font-size:0.8em;
	line-height:1.5em;
	color:#666666;
}


.fineprint {
	font-size:0.7em;
	line-height:1.3em;
	color:#666666;
}


.symbol {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#CCCCCC;
	font-weight:bold;
}

h1, h2, h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #999999;
	font-weight: normal;
	margin:0;
	font-size:1.0em;
}

h1 {
	font-size:2em;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.3em;
}

img {
	border:none;
}

.heading {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	color: #999999;
}

.numeric {
	font-size:1.5em;
	color:#CCCCCC;
}


/* LINKS */

/*.accordioncontent a:hover img {
	background-color:#FFFFFF;
}

.accordioncontent a:hover {
	background-image:url(content/_graphics/diagonal-fill-2.gif);
}*/

.note a {
	border-bottom:1px solid #CCCCCC;
}
.fineprint a {
	border-bottom:1px solid #CCCCCC;
}

a {
	color:#333333;
	text-decoration:none;
}

p a {
	border-bottom:1px solid #CCCCCC;
}

/*p > a:hover {
	background-color:#8DBAFF;
	background-image:url(content/_graphics/diagonal-fill-2.gif);
}

span > a:hover {
	background-color:#8DBAFF;
	background-image:url(content/_graphics/diagonal-fill-2.gif);
}*/

a:hover {
	text-decoration:none;
	background-image:url(/content/_graphics/diagonal-fill-2.gif);
}

/*a img:hover {
	background-image:url(content/_graphics/diagonal-fill-2.gif);
}*/

.btn_close:hover {
	background-image:url(/content/_graphics/diagonal-fill-2.gif);
}

.btn_arrow:hover {
	background-image:url(/content/_graphics/diagonal-fill-2.gif);
}

.launch a {
	color:#333333;
	text-decoration:none;
}

h2 a {
	/*background-color:#8DBAFF;*/
	color:#333333;
	border-bottom:1px solid #CCCCCC;
}

h2 a:hover {
	/*background-color:#8DBAFF;*/
	background-image:url(/content/_graphics/diagonal-fill-2.gif);
}


/* OTHER */


.line {
	position:relative;
	width:80%;
	height:2px;
	background-color:#CCCCCC;
	border:none;
}

.colleft {
	width:210px;
	padding-right:10px;
	float:left;
}

.colright {
	width:140px;
	float:left;
}

.cctl {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 15px;
	width: 15px;
	background-repeat:no-repeat;
	background-image:url(/content/_graphics/corner_tl_15_2.gif);
}

.cctr {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 15px;
	width: 15px;
	background-repeat:no-repeat;
	background-image:url(/content/_graphics/corner_tr_15_2.gif);
}

.ccbl {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 15px;
	width: 15px;
	background-repeat:no-repeat;
	background-image:url(/content/_graphics/corner_bl_15_2.gif);
}

.ccbr {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 15px;
	width: 15px;
	background-repeat:no-repeat;
	background-image:url(/content/_graphics/corner_br_15_2.gif);
}

.cornertl { position:absolute;left:0px;top:0px; }

.cornertr { position:absolute;right:0px;top:0px; }

.cornerbl { position:absolute;left:0px;bottom:0px; }

.cornerbr { position:absolute;right:0px;bottom:0px; }

/* MISC */

hr {
	border:none;
	height:2px;
	width:80%;
	background-color:#CCCCCC;
	line-height:0;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}
#tool {
	border:1px solid #CCCCCC;
}

.source {
	font-family:"Courier New", Courier, monospace;
	color:#666666;
	font-size:0.9em;
	line-height:1.3em;
}

.launch {
	width:144px;
	float:right;
}
/* OVERSIZE IMAGE */

.drag {
	position:relative;
	z-index:100;
}

#key {
	position:absolute;
	left:0px;
	top:0px;
	background-color:#FFFFFF;
	border:2px solid #CCCCCC;
	z-index:101;
}

#return {
	position:absolute;
	left:0px;
	top:20px;
	z-index:101;
}



/* MAP */
.projecticons {
	position:absolute;
	top:10px;
	left:0px;
}

.projectcell {
	position:absolute;
	width:665px;
	height:438px;
	padding:10px;
	overflow:hidden;
}

.projectcellnumeric {
	position:absolute;
	top:410px;
	left:0px;
	height:30px;
	width:40px;
	overflow:hidden;
}

.projectimagecaption {
	position:absolute;
	top:410px;
	left:40px;
	height:60px;
	width:600px;
	overflow:hidden;
}

#Options {
	position:absolute;
	top:285px;
	left:5px;
	height:173px;
	width:1350px;
	overflow:hidden;
}
#MapMarker { 
	position:absolute;
	left:2px;
	top:0px;
	width:48px;
	height:48px;
	z-index:3;
	background-repeat:no-repeat;
	background-image:url(/content/_graphics/marker_48.gif);
}
#OptionsMarker {
	position:absolute;
	left:2px;
	top:234px;
	width:48px;
	height:48px;
	z-index:3;
	background-repeat:no-repeat;
	background-image:url(/content/_graphics/marker_48.gif);
}
.wordcolumnleft {
	position:absolute;
	top:20px;
	left:0px;
	width:115px;
}
.wordcolumnright {
	position:absolute;
	top:20px;
	left:115px;
	width:115px;
}
.optionsbox {
	position:absolute;
	top:0px;
	width:220px;
	height:173px;
	overflow:hidden;
}
#Options0 {
	left:0px;
}
#Options1 {
	left:230px;
}
#Options2 {
	left:460px;
}
#Options3 {
	left:690px;
}
#Options4 {
	left:920px;
}


.frontimage {
	border:2px solid #CCCCCC;
}

.btn_close {
	position:absolute;
	top:-26px;
	left:-1px;
}

.btn_arrow {
}

.submitbutton {
	text-decoration: none;
	border: 2px solid #CCCCCC;
	background-color: #FFFFFF;
	font-size: 9px;
	line-height:20px;
	height: 26px;
	color: #666666;
}