/*last edited 3/11/07 by ilene*/

html, body, #holder { min-height: 100%; width: 100%; height: 100%;}
html>body, html>body #holder { height: 100%;left: 0;}

body {
	margin: 0;
	padding: 0;

	background: #ffffff url(images/page_bg.gif) repeat-y center top;
}

/*min-width for IE*/
body {
width:expression( documentElement.clientWidth < 805 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 805 ? "950" : "auto") : "950px") : "auto" );
}

div#holder {


	min-width: 950px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;

}



div#header {
	top: 0px;
	width: 950px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background:   url(images/header_bg.gif);

}

/* Melanie: alternative layout for webpage containing applet*/
div#headerApplet {
	top: 0px;
	width: 950px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background:   url(images/header-tile-appletPage.gif);

}


div#menu {
	width: 940px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background: #d9efc1 url(images/menu_bg.gif) no-repeat left;
	text-align: right;
	padding-right: 10px;
}
	
	div#breadcrumbs {
	width: 935px;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: leftt;
	padding-left: 15px;
	padding-top: 3px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;

}

div#sign_in{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
float: right;
	margin-top:32px;
	width: 170px;
}

/* Melanie: alternative layout for webpage containing applet*/
div#applet{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	color: #666666;
	float: right;
	margin-top:20px;
	margin-right:20px;
	width: 200px;
}

#logo{
	float:left;
}





div#content {

	margin-left: auto;
	margin-right: auto;

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 140%;
	padding-top: 4px;
	
}

div#main {
	margin-left: auto;
	margin-right: auto;

	width:830px;
	padding-top: 20px;
}


div#content_index {

	margin-left: auto;
	margin-right: auto;

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 140%;
	padding-top: 4px;
	background: #ffffff url(images/index_bg.gif) no-repeat right top;
	
}

div#index_left {
	width: 620px;
	float: left;
	margin-left:-25px;
	padding: 15px 15px  15px  50px ;

	background:  url(images/ornament_bg.jpg) no-repeat center;

}

div#preload { display: show; }

}


div#index_right {
	width: 250px;
    margin-right:-1px;
	float: right;
		padding: 25px 15px  0px  20px ;
}

ul{
	
	line-height: 180%;

	margin-left:0px;
	padding-left:10px;

	list-style: disc url(images/bullet.gif) inside;

}
ul li {

    margin-bottom: .2em;
}


ol{
	
	line-height: 180%;

	margin-left:0px;
	padding-left:10px;

	list-style-position: inside;

}
ol li {

    margin-bottom: .2em;
}

h1 { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 25px; 
font-weight: bold; 
color: #FFA448; 
} 

h2 { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 18px;
font-weight: bold; 
color: #DD0FEE; 
} 

h3 { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 18px; 
font-weight: bold; 
color: #E1982B; 
border-bottom: 1px solid #C6EC8C; 

} 
h4 { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px; 
font-weight: bold; 
color: #E1982B; 
border-bottom: 1px solid #C6EC8C; 

} 
h5 { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px; 
font-weight: bold; 
color: #E1982B; 
border-bottom: 1px solid #C6EC8C; 
} 
h6 { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px; 
font-weight: bold; 
color: #E1982B; 
border-bottom: 1px solid #C6EC8C; 
} 


.indent_box{
	width: 95%;
	margin-right: auto;
	margin-left: auto;

}
/*
div#googlesearch_box {
	width: 500px;
    float: right;
	margin: 0;
	background: #f8f8f8 url(images/search_boxbg.gif) repeat-y center top;

	text-align: center;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-style: italic;
}*/


.download_box2 {
	width: 200px;
	float: right;
	padding: 0 0 10px 0;
	margin-right:5px;
		background: url(images/download_boxbg2.gif) bottom left no-repeat;
}
	.download_box2  h3 {
	align: left;
	margin: 0;
	padding-top: 5px;
	background:  url(images/download_boxbg.gif) top left no-repeat;
}
	.download_box2  p{
		align: left;
		margin:0;
		padding:0 10px 3px 10px;
		border:1px solid #e5e5e5;
		border-width:0 1px;
		background:#f8f8f8;
	}







	#graphic_button{
	
	padding: 8px;
	}







.highlight_box{
		border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	width:198px;
	height: 100%;
	padding: 10px;
	padding-top:12px;
		font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 130%;
	text-align:left;
}


#footer { 

margin-left: auto;
	float: auto;
	margin-right: auto;
	background-color: #e5e5e5;
	margin-bottom: 0;
	width: 950px;
	height:20px;
	
	font-size: 11px;
	margin-top: 10px;
	align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	
padding-top:5px;
}





div.clearfloats{
	clear:both;
}
.no-js #hidojo-suprise { display:none; }
#hidojo { 
	display:inline-block;
	padding:4px;
	padding-left:0;
	position:relative;
}
#fadereplace {
	border:1px solid #ccc;
	background:#DFE8EE;
	width:275px;
}
#fadereplace p { cursor:pointer; padding:8px; color:#333; }
#colorlist {
	list-style:none;
	height:75px;
	margin:0; padding:0;
}
#colorlist li {
	float:left;
	width:75px;
	height:75px;
	margin:0; padding:0;
	margin-right:5px;
}
.red { background:red; }
.green { background:green; }
.blue { background:blue; }
.white { background:yellow; }
a.source { 
	color:#dedede; text-decoration:none; font-weight:bold; 
	font-size:1.75em; -moz-border-radius:3pt; margin-top:-4px;
	-webkit-border-radius:4pt;
}
a.source:hover { color:#455058;  }
#view-source {
	position:absolute;
	top:0;
	left:-999px;
	width:780px;
	border:1px solid #ccc;
	background:#DFE8EE;
	padding:17px;
	z-index:999;
	padding-top:7px;
	padding-bottom:7px;
}
#source-code {
	margin-top:3px;
	margin-bottom:3px;
	width:100%;
	height:20em;
}
#filler { display:none; 
	width:700px;
}
#basic-post {
	width:20em;
	padding:12px;
	background:#dfe8ee;
	border:1px solid #ccc;
}
#basic-post label {
	line-height:3.2em;
	display:inline-block;
	width:6em;
}
#basic-post-submit {
	margin-left:7em;
	cursor:pointer;
	padding:5px 12px 5px 12px;
	border:1px solid #ccc;
	background:#455058; color:#fff;
}
#basic-post-submit:hover {
	background:#000; color:#dedede;
}
#core-list {
	width:520px;
}
.dojoDndItem {
	padding:2px 8px 2px 8px;
	border:2px solid #fff;
	cursor:move;
}
#footer pre {
	background-color:455058; color:#fff;
}
#mainlist li img {
	position:absolute;
	width:64px;
	height:64px;
	left:-80px;
	border:0;
	z-index:8;
}
#mainlist li {
	position:relative;
	float:left;
	width:160px;
	height:100px;
	list-style:none;
	margin-right:22px;
	margin-left:48px;
}
#mainlist li a span {
	z-index:9;
	cursor:pointer;
	color:#333;
	padding-top:7px;
	font-size:90%;
	display:block; width:135px;
	text-decoration:none;
	font-weight:normal;
}
#mainlist {
	margin-top:5px;
	height:auto;
	clear:both;
	#margin-top:40px;
	#margin-left:30px;
}
#explist img { display:none; }
.content {
	#width:800px;
}
#intro {
	#margin-left:48px;
}
#mainlist a { font-weight:bold; color:#999; text-decoration:none;  line-height:1.2em; }
#mainlist a:link { color:#333; }
#mainlist a:visited { color:#333; }
#mainlist a:hover { color:#000; }
#mainlist a:hover span { color:#666; }
#mainlist a:active { color:#333; }
.clear { clear:both; }

#screenshot{
	float: left;
	padding-right: 10px;
}

#video_screenshot
{
	float: left;
	padding-right: 5px;
}


.submit {margin-left: 700px;}

#forum_link_right{text-align:right; margin-right:50px}

/*footer links*/
#footer a {
font-size: 11px;
    align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
}

/*sign in and sign out links*/
#sign_in a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	align: center;
	color: #417dc1;
	text-decoration: underline;
}

/*links for highlight boxes in the index*/
.highlight_box a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #417dc1;
	text-decoration: underline;
}

	/*breadcrumbs*/
#breadcrumbs a{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4d8f05;
	text-decoration: underline;
}


body a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #417dc1;
	text-decoration: underline;
}


	

	.subtitle1{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;
}


	.subtitle2{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
		margin-bottom: 10px;
	margin-top: 5px;
}


	.subtitle2 a{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
		margin-bottom: 10px;
	margin-top: 5px;
		text-decoration: underline;
}


	.subtitle3{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4d8f05;
	font-weight: bold;
		margin-bottom: 10px;
	margin-top: 5px;
}

	.text_time{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
font-style: italic;
}

	
	
	
	
	.table1{
margin-left:auto;
margin-right:auto;
	border: 1px solid #d8d8d8;
 width:600;
 align: left;
 font-size: 12px;
 margin-bottom:5px;
}

	.table1 td{
padding: 5px;
padding-left:10px;
}

	.table1 td{
padding: 5px;
padding-left:15px;
}


.table_header {
	font-size: 13px;
	font-family:  Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #bdd6a3;
	font-weight: bold;
	text-align:left;

}	

.table1  th{
padding-left:5px;

}	

.table_header2 {
	font-size: 13px;
	font-family:  Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #d8d8d8;
	font-weight: bold;
	text-align:left;
}	



	.table_row_ltgray{
	background-color: #f7f7f7;
	
}

	

a.link1:link {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
	a.link1:visited {
		font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
a.link2:link {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	
	text-decoration: underline;
}
	a.link2:visited {
		font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;

	text-decoration: underline;
}

.text1{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #300f00;
	font-style: normal;
	font-weight: bold;
}


/*code below solves the sticky footer problem*/

  * {
     margin: 0;
   }
 html, body {
      height: 100%;
 }
  .wrapper {
     min-height: 100%;
     height: auto !important;
     height: 100%;
    margin: 0 auto -35px;
	

 }
 .footer, .push {
      height: 35px;
 }

 
 
 
 /* force right scrollbar */
html { 
    height: 100%;
    margin-bottom: 1px;
}

/* Melanie: turn image border off*/
img
{  border-style: none;
}

p.error
{
padding-top: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.5em;
font-size: 110%;
font-weight: bold;
color: #ad1a10;
background-color: #ffe2d2;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #e2a789;
border-right-color-value: #e2a789;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #e2a789;
border-left-color-value: #e2a789;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;