@import "reset-min.css";
/* REMINDER: top right bottom left */

html,body { 
	background:#3f75b7;
	font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;
	color: white;
}

h2{
	position:absolute;
	padding-left:72px;
	top:90px;
	text-align:left;
	font-size:72px;
	opacity:0.65;
	filter:alpha(opacity=65);
}

	h2 a {
		text-decoration:none;
		border:none;
	}


#background img {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}

#logo {
	position:fixed;
	padding-top:50px;
}

#logo a {
	border: none;
}

#menu {
	color: white;
	opacity:0.65;
	filter:alpha(opacity=65);
	position:fixed;
	top:175px;
	padding-left:75px;
	font-size:18pt;
}

#menu ul {
	clear:both;
	white-space:nowrap;
}

#menu li {
	display:inline;
	list-style:none outside none;
}
#submenu li {
	padding-left:20px;
}

a {
	color: white;
	text-decoration: none;
	border-bottom: white 1px dotted;
}
	a:hover {
	color: black;
	opacity:0.65;
	filter:alpha(opacity=65);
	}
	a:active {
	  color:#fe4902;
	}

#submenu {
	color: white;
	opacity:0.75;
	filter:alpha(opacity=75);
	position:fixed;
	top:225px;
	padding:20px 75px 20px 75px;
	font-size:14pt;
	background-color:#333;
	width:90%;
	margin:0;
}
	#submenu a {
	  position: relative;
	  top: 1px;
	}
	#submenu a:hover {
	  color:#fe4902;
	}
	#submenu a:active {
	  color:#fe4902;
	}


.current {
	border: none;
	color: black;
	opacity:0.65;
	filter:alpha(opacity=65);
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}