/*--reset--*/
tml, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
:focus { outline: 0; }

/*--To open collapsing divs--*/
#container{ zoom: 1; }
#container:before,
#container:after { content: ""; display: table; }
#container:after { clear: both; }
article{ zoom: 1; } 
article:before,
article:after { content: ""; display: table; }
article:after { clear: both; }

/*--Start of CSS--*/
#container{
	margin:0 auto;
	width:100%;
	max-width:1000px;
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-color:#FFF;
}
#lett {
    color: #FF4343;
}

h3, h4, h5, h6{
	color:#000;
	text-align:left;
}

h2{
	font-size: 1em;
	font-weight:normal;
	padding:0 0 0 1.5%;
	text-align:left;
	color:#93A9B5;
}

h3{
	font-size:1.5em;
	padding-bottom:2%;
}

h4, h5, h6{
	font-size:1em;
	padding-top:1.75%;
}

#fair, #homeinfo, #student-project, #abstractexamples, #teacherreferences, #usefullinks1, #usefullinks2, #usefullinks3, #contributionslist, #awards-lists{
	list-style:none;
	padding-left:0;
}
 ul, ol, ul ol{
	list-style-position: inside;
	padding-left:20px;
}

article{
	margin:5%;
}

p{
	padding-bottom:1%;
}

li{
	padding-bottom:1%;
}

a{
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

a:link{
	text-decoration:none;
	color:#4397FF;
}

a:visited{
	color:#93A9B5;
}

a:hover, a:active{
	color:#FF4343;
	text-decoration:nonew;
}

footer nav ul li a:hover{
	color:#93A9B5;
	text-decoration:none;
}


/**for smart phone#101D7A**/
@media only screen and (max-width:320px){
	
.slicknav_menu {
	display:block;
}

#menu{
	display:none;
}

a.logo{
	background-image:url(../images/logo-phone.png);
	background-repeat:no-repeat;
	display:block;
	width:250px;
	height:50px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

header{
	padding:4%;
	background:#000;
}

#home-aside-images{
	display:none;
}

#home-aside-images img{
	display:none;
}

table#forms td{
	border-bottom:thin solid #666;
}

table#calendar th{
	text-align:left;
	width:22%;
	border-bottom:thin solid #666;
}

table#calendar td{
	border-bottom:thin solid #666;
}

footer{
	width:100%;
	height:250px;
	background:#101D7A;
}

footer nav ul{
	list-style:none;
	text-align:center;
}

}

/**for tablet**/
@media only screen and (min-width:321px) and (max-width:1015px){

.slicknav_menu {
		display:block;
}

#menu{
		display:none;
}

a.logo{
	background-image:url(../images/logo-tablet.png);
	background-repeat:no-repeat;
	display:block;
	width:311px;
	height:64px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

header{
	padding:2% 0 2% 0;
	margin:0;
	background:#000;
	width:100%;
	height:100%;
	background-repeat:none;
}

/**home page images**/
#home-article{
	margin:5%;
	width:80%;
}

#home-aside-images{
	margin-right:5%;
	float:right;
	width:20%;
	height:100%;
}

#home-aside-images img{
	padding-top:17%;
	width:225px;
	height:150px;
}

#welcome{
	width:68%;
	padding-bottom:4%;
}


#dlist{
	width:68%;
	padding-bottom:4%;
}
/**home page images end**/

table#forms td{
	border-bottom:thin solid #666;
}

table#calendar th{
	text-align:left;
	width:22%;
	border-bottom:thin solid #666;
}

table#calendar td{
	border-bottom:thin solid #666;
}

footer{
	width:100%;
	height:100px;
	background:#101D7A;
}

footer nav ul{
	list-style:none;
	text-align:center;
}

footer nav li{
	float:left;
	margin-left:3%;
	margin-top:2%;
}
}

/**for desktop**/	
@media only screen and (min-width:1016px){
.slicknav_menu {
		display:none;
}

/*******Menu*******/
nav.global ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
}

nav.global ul li {
  font: normal;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 18px;
  background: #101D7A;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
nav.global ul li:hover {
  background: #93A9B5;
}

nav.global ul li{
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-decoration:none;
	color:#FFF;
}

nav.global ul li ul {
  padding: 0;
  position: absolute;
  top: 38px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
nav.global ul li ul li { 
  background: #101D7A; 
  display: block; 
  color: #fff;
}

nav.global ul li ul li:hover { background: #93A9B5; }

nav.global ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#menu a{
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-decoration:none;
	color:#FFF;
}

/*******End Menu*******/

body{
	background-image:url(../images/stardust_@2X.png);
	background-position:center;
	background-repeat:repeat;
}

a.logo{
	background-image:url(../images/logo-desktop.png);
	background-repeat:no-repeat;
	display:block;
	width:375px;
	height:85px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

header{
	padding:2% 0 2% 0;
	margin:0;
	background-image:url(../images/TempHeader.png);
	width:100%;
	height:100%;
	background-repeat:none;
}

/**home page images**/
#home-article{
	margin:5%;
	width:80%;
}

#home-aside-images{
	margin-right:5%;
	float:right;
	width:30%;
	height:100%;
}

#home-aside-images img{
	padding-top:17%;
}

#welcome{
	width:68%;
	padding-bottom:2%;
}
/**home page images end**/

table#contributionslist .money{
	text-align:right;
}

table#contributionslist td{
	text-align:left;
}

table#forms td{
	width:50%;
	border-bottom:thin solid #666;
}

table#calendar th{
	text-align:left;
	width:22%;
	border-bottom:thin solid #666;
}

table#calendar td{
	border-bottom:thin solid #666;
}

footer{
	width:100%;
	height:50px;
	background:#101D7A;
}

footer nav ul{
	list-style:none;
	text-align:center;
}

footer nav li{
	float:left;
	margin-left:3%;
	margin-top:1.5%;
}
}