@charset "utf-8";
/* CSS Document for the Science Fair*/

/* 
The font sizes below have been expressed in ems.  This is discussed in detail in this article:
http://www.alistapart.com/articles/howtosizetextincss/
Many browsers do a better job of scaling the text when sizes are expresed in ems rather than pixels.
Also, the Report generator in Dreamweaver gives a red alert when pixels are used.  In the body tag, it is assumed that 1em = 16 px.
When adding styles, please use this convention.
*/


body {
	background: #fff;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;  /* we assume that 100%=16 px in the code below  */
	line-height:1.125em; /* 16x1.125=18px */
	margin:0;
	padding: 1.125em;  /* 16x1.125=18px */
}

p {
	font-size: 0.75em; /* 16x0.75=12px */
	margin: 1.5em 0; /* 12x1.5=18px */
  }

h1, h2 {
	font-weight:bold;
	color: #808080;
       }

h1 {
	font-size: 1.375em; /* 16x1.375=22px */
	line-height: 1.636em;/* 16x1.636=36px */
	margin: 0;
   }

h2 {
	font-size: 1.25em; /* 16x1.125=18px */
	margin:1em 0;       /* 16x1=16px */
}

h3  {
     margin: 1em 0;  /* 16px */
     font-size: 0.75em;  /* 16*0.75=12px */
	 color:#000;
	 }

h3.green_bigger {
	 font-size:1em;
	 color: #008000;
	 }

li {
	font-size:0.75em; /* 16*0.75=12px */
	line-height: 150%;
	}
	
li.one {
     font-size:0.75em; /* 16*0.75=12px */
	line-height: 125%;
	}

a {
	color: #609;
	text-decoration:none;
	}
	
a:hover {
	color: #FFF;
	text-decoration:none;
	background-color: #609;
	}

hr {
	height: 0.0625em; /* 16*0.0625=1px */
	color: #ccc;
	}
	
img	{
	display: block;
	border: 0;
	}
	
span.left {
position: absolute;
left: 0;
}

span.right {
position: absolute;
right: 0;
}

div.line {
position: relative;
text-align: center;
width: 100%;
}	
	
table.outside_border_only {
	border-width: 0.0625em;              /* 16*0.0625=1px */
	border-spacing: 0.125em;             /* 16*0.125=2px */
	border-style: ridge;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
    }

table.outside_border_only th {
	border-style: none;
    font-size:0.75em;
    }

table.outside_border_only td {
	border-style: none;
    font-size:0.75em;
	text-align:center;
    }

/* Table Two puts lines in the bottom border of the Table and the Table Header only.  See judging/assignments for an example of the display */

table.two {                              /* border; left justified */
	border-width: 0.0625em;              /* 16*0.0625=1px */
	border-spacing: 0.125em;             /* 16*0.125=2px */
	/*border-style: ridge; */
	border-style:none;
	border-color: #666;
	border-collapse: separate;
	background-color: white;
	border-bottom: 0.0625em solid #666; 	
    }

table.two th {
	font-size:0.75em;
	border-bottom: 0.0625em solid #666;           /* 1px */
    }

table.two td {
	font-size:0.75em;
	border-style:none;
	text-align:left;
	vertical-align:top;
    }
	
/* Table Three is used to position images 165 x 248.  See judging_committee.html for an example */

table.three {                              /* border; left justified */
	border-spacing: 0.125em;
	border-collapse: separate;
	background-color: white;
	border-width: 0.0625em;
	border-style: none;
	border-color: #666;
    }



table.three th {
	font-size:0.75em;
	border-bottom: 0.0625em solid #666;           /* 1px */
    }

table.three td {
	font-size:0.75em;
	border-style:none;
	text-align:left;
    }
	
/* Table Four puts lines in the bottom border of the Table and the Table Header only.  
   It centers the text in all cells. See awards/divisional for an example of the display */
   
table.four {                              /* border; left justified */
	border-width: 0.0625em;              /* 16*0.0625=1px */
	border-spacing: 0.125em;             /* 16*0.125=2px */
	/*border-style: ridge; */
	border-style:none;
	border-color: #666;
	border-collapse: separate;
	background-color: white;
	border-bottom: 0.0625em solid #666; 	
    }	
table.four th {
	font-size:0.75em;
	border-bottom: 0.0625em solid #666;           /* 1px */
    }

table.four td {
	font-size:0.75em;
	border-style:none;
	text-align:center;
    }	
	
table.five {

    }
table.five th  {
    	font-size:0.75em;
    }

table.five td  {
    	font-size:0.75em;
    }


#boundary {
	width: 46.875em;  /* 16*46.875=750px */
	margin: 0 auto;
	border: 0;
	}

#doublerightcol {
	display:block;
	float:right;
	width: 34.6875em;  /* 16*34.6875=555px */
	padding:0;
	margin-top: 0.625em;    /* 16*0.625=10px */
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}

#footer {
	display:block;
	float:none;
	font-size: 0.625em;           /* 10px */
    line-height:1.5em;            /* 10x1.5=15px */
    width: 75em;                  /* 10*75=750px */
	clear: both;
	border-top: 0.0625em solid #008000;    /* 10px */
	padding: 0.625em 0 1.25em 0;  /* 0.625em=10px  1.25em=20px */
	margin-top: 1.25em;           /* 20px */
	}
	
#header {
	background-color:#fff;
	clear:both;
	width:46.875em;    /*750px*/
	margin: 0 auto;
	padding: 0;
	}

#leftcol{
	float: left;
	width: 11.5625em;  /* 185px */
	margin-top: 0.3125em;  /*0.3125=5px */
	margin-right: 0.3125em;   /*0.3125=5px */
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	border-top-width: 0;
	border-right-width: 0.0625em;    /*1px */
	border-bottom-width: 0.0625em;   /*1px */
	border-left-width: 0.0625em;     /*1px */
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	text-align: center;
	background-image: url(images/grn5.jpg);
    background-repeat: repeat;
	}

#logo {
	display: block;
	float:right;
	width: 6.25em;  /* 100px */
	height: 6.25em;  /*100px */
	}

#menu {

	background-color: #808080;
	font-size: 0.875em;   /* 14 px */
	width:53.57em;      /* 14x53.57=750px */
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding-top: 0.125em;     /* 2px */
	padding-bottom: 0.1875em; /* 3px */
	margin-top: 0.3125em;     /* 5px */
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
    }

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	text-align:center;
	}
	
#menu li {
	font-size:0.875em;  /* 14 px */
	font-weight: bold;
	line-height:normal;
	list-style: none;
	display: inline;
	}
	
#menu li a:link {
	color:#fff;
	text-decoration: none;
	}
	
#menu li a:visited {
	color: #fff;
	text-decoration: none;
	}
	
#menu li a:hover {
	color:#008000;
	text-decoration: none;
	background-color: #fff;
	}

#sidebar-left {
	text-align: center;
	border-left: 0.0625em solid #000;   /* 1px */
	border-bottom:0.0625em solid #000;  /* 1px */
	border-right: 0.0625em solid #000;  /* 1px */
	padding: 0 0 0.625em 0;             /* 10 px */ 
	width: 11.5625em;                   /* 185 px */
	margin: 0;
	}

.box_01 {
	text-align: left;
	padding: 0em;
	width: 15em;
	border-bottom: 0.0625em double #008000;
	font-size: 0.8125em;         /* 14px */
    }

.old_browser {
	display: none;
	}
.spacing_01 {
line-height:0.3125em;
     }

.sponsors {
	font-size: 0.75em;                 /* 12px */
	font-style: normal;
	line-height: 1.50em;               /* 20 px */
	font-weight: bold;
	text-transform: capitalize;
	color: #609;
    }

/* Same as <p> but without the blank line top and bottom */
.text_01  {
	font-size: 0.75em; /* 16x0.75=12px */
	margin: 1.5em 0; /* 12x1.5=18px */
     }
	 
.text_01 li {
    font-size:1em; /* 16*0.75=12px */
	line-height: 150%;
    }
/* remove the top margin of the ul */
.text_01 ul {
    margin-top:0em;
    }

.title_bar_green {
	background-color: #008000;
	font-size: 0.875em;         /* 14px */
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 0;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	}
/* increase the text size for the mission statemnt header */

.title_bar_green_02 {
	background-color: #008000;
	font-size: 0.9375em;         /* 15px */
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 0;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	}

.title_bar_white {
	background-color: #00cf00;
	font-size: 0.875em;          /*  14 px  */
    color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 0;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: capitalize;
	}