/* CSS layout */
 
	
	a:link {
	COLOR: #ffff33;
	}
	a:visited {
	COLOR: #800080;
	}
	a:hover {
	COLOR: #FF0000;
	}
	a:active {
	COLOR: #00FF00;
	}  
  
body {
	margin: 0;
	padding: 0;
}

#masthead {
}

#top_menu {
	margin-left : auto ;
	margin-right : auto ;
	height:91px;
	width: 1249px;
}

#top_nav {
	margin-left : auto ;
	margin-right : auto ;
	background-image: url('images/CraneAndLogo.png');
	height: 135px;
	background-repeat: no-repeat;
	width: 723px;
}
#container {
	min-width: 600px;
	font-family: Arial, Helvetica, sans-serif;
}
#left_col {
	margin-left : auto ;
	margin-right : auto ;
	width: 240px;
	float: left;
	height: 440px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	font-style: normal;
	color: #FF9900;
	position: relative;
	text-align:center
}

#right_col {
	padding: 50px;
	margin-left : auto ;
	margin-right : auto ;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-style: normal;
	font-weight: normal;
	color:green;
	width:800px;
	
	
}
#title {
	margin:0px auto;
	padding: 10px 20px 20px 0px;
}


#page_content {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-style: normal;
	color: #33CC33;
	font-weight: normal;
	padding:10px;
}

#special_text {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-style: normal;
	color:yellow;
	font-weight:normal;
}

#QOTD{
    width: 280px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    background-color:black;
    color:#FF6600;
    padding:10px;
    transform: rotate(-1deg);
}

.newsContainer{
	background-image:url('images/newsblockBackground.png');
	padding:5px;
	margin-bottom:25px;
}

.newsBlock{
	border-bottom-style: dashed;
 	border-bottom-color:lime;
 	border-bottom-width:2px;
 	background-color:#003300;
 	margin-bottom:25px;
 	margin-top:5px;
 	padding:10px;
}

.newsBlockNoLine{
 	background-color:#003300;
 	margin-bottom:25px;
 	margin-top:5px;
 	padding:10px
}

.headline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	font-style: normal;
	background-color:black;
	color:#FF6600;
	padding:10px
}
.subHeadline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #996633;
	padding:10px
}
.photo{
    text-align:center;
	display: block;   
	margin-left: auto;   
	margin-right: auto;
	padding-bottom:20px
	
}

#footer {
	clear: both;
	font-size: x-small;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-align: center;
	color:yellow;
	}
#wrapper {
   margin: 1px auto;
   padding: 0;
   border: 0px solid black;
   width: 1054px;
   height: 698px;
  background-image:url('images/ScienceFair.png')
}
#videogallery {
	width: 100%;
	zoom: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #009900;
	font-weight: normal;
	font-style: normal;
	position: relative;
}
#videogallery span{ display:block; }
#videogallery a{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:5px;
	width:160px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
}
#videogallery a img{
	display:block;
	border:none;
	margin:0;
}
#videogallery a:hover{
	opacity:1;
}

img {
	border: none;
}



.cssmenu{
width: 100%;
overflow:hidden;
}

.cssmenu ul{
margin: 0;
padding: 0;
font: bold 14px Verdana; /* font style and size */
list-style-type: none;
text-align: center; /* "left", "center", or "right" align menu */
}

.cssmenu li{
display: inline-block;
position:relative;
padding: 5px;
margin: 0;
margin-right: 5px; /* right margin between menu items */
}


.cssmenu li a{
display:inline-block;
padding: 5px;
min-width:50px; /* horizontal diameter of spotlight */
height:50px; /* vertical diameter of spotlight */
text-decoration: none;
color: green;
margin: 0 auto;
overflow:hidden;
-moz-transition: all 0.5s ease-in-out; /* CSS3 transition to animate all A properties */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.cssmenu li:hover a{
color: white;
background:green; /* background color of spotlight */
-webkit-border-radius: 50%; /* large radius to create circular borders */
-moz-border-radius: 50%;
border-radius: 50%;
}

.cssmenu li a span{
position:relative;
top:35%; /* move text down so it appears centered within menu item */
}