/*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(media/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(media/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(media/header-tile-appletPage.gif);

}


div#menu {
	width: 940px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background: #d9efc1 url(media/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;
}



#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(media/index_bg.gif) no-repeat right top;
	
}

div#index_left {
	width: 600px;
	float: left;
	padding: 15px 15px  15px  50px ;

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

}


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

/*ul{
	
	line-height: 180%;

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

	list-style: disc url(media/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;
}



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

}
/*
div#download_box {
	width: 200px;

	margin: 0;
	background: #f8f8f8 url(media/download_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;
	padding: 0 0 10px 0;
	margin: 0px;
		background:url(media/download_boxbg2.gif) bottom left no-repeat;
}
	.download_box2  h3 {
	margin: 0;
	padding-top: 10px;
	background: url(media/download_boxbg.gif) top left no-repeat;
}
	.download_box2  p{
		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: 245px;
	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;
	margin-right: auto;
	background-color: #e5e5e5;
	width: 950px;
	height:20px;
	
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	margin-top:10px;
padding-top:5px;
}





div.clearfloats{
	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;
	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;
	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:90%;
 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;
}


a.link3:link {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: underline;
}
	a.link3:hover {
	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;
}

.inlineImage
{
	margin-top:20px;
	margin-bottom:20px;
	margin-right:20px;
}
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;
}


.graybox{
 background-color:#f8f8f8;  
margin: 0; 
border:1px #eeeeee solid; 
padding-left: 30px; 
padding-right: 30px; 
padding-top: 10px; 
padding-bottom: 10px;

}

.partner_logo{
background-color:#ffffff;  
margin: 0; 
border:1px #eeeeee solid; 
width: 120px;
height: 120px;
 
}