/* Styling for Codeys Cloud index page */

body		{ min-width: 1000px; text-align: center; background-color: rgb(21,47,122); color: white; }

#backgrnd	{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;  z-index: 0; }
#bgrndpic	{ width: 100%; height: 100%; }
#wrapper	{ width: 100%; height: 100%;  position: absolute; left: 0px; top: 0px; z-index: 1; text-align: center; }
#banner		{ margin-top: 20px; margin-bottom: -5px; }

#explanation	{ width: 100%;  margin-left: auto; margin-right: auto; margin-bottom: 80px; text-align: center; font-size: large; font-weight: bold; }



#eggcandle1	{ width: 120px; height: 180px; position: absolute; left: 2.3%;	top: 64%; }
#eggcandle2	{ width: 120px; height: 140px; position: absolute; left: 18.5%;	top: 58.8%; }
#eggcandle3	{ width: 120px; height: 180px; position: absolute; left: 34%; 	top: 43.5%; }
#eggcandle4	{ width: 120px; height: 120px; position: absolute; left: 50.5%; top: 38%; }
#eggcandle5	{ width: 120px; height: 180px; position: absolute; left: 66.2%; top: 22%; }
#eggcandle6	{ width: 120px; height: 180px; position: absolute; left: 83%;	top: 11%; }

a:link		{ color: rgb(255,255,255); text-decoration: underline; }
a:visited	{ color: rgb(255,0,255); text-decoration: underline; }
a:hover		{ color: rgb(0,255,128); text-decoration: none; }
a:active	{ color: rgb(0,255,128); text-decoration: none; }

a.pic:link img		{ border: none; filter:alpha(opacity=60);  -moz-opacity:0.6; opacity:0.6; }
a.pic:visited img	{ border: none; filter:alpha(opacity=60);  -moz-opacity:0.6; opacity:0.6; }
a.pic:hover img		{ border: none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
a.pic:active img	{ border: none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }

#navlinks		{ position: absolute; left: 20px; top: 10px; text-align:left; font-size: small; }
a#memhall		{ display: block; margin: 0; padding: 0; border: 0; width: 120px; height: 48px; background-image: url("../memhall-logo3-l-dark-half.gif"); background-repeat: no-repeat; }
a#memhall:hover		{ background-image: url("../memhall-logo3-l-light-half.gif"); }
a#memhall:active	{ background-image: url("../memhall-logo3-l-light-half.gif"); }

a.pic2 img		{ border: none; }
a.pic2:link img		{ filter:alpha(opacity=80);  -moz-opacity:0.8; opacity:0.8; }
a.pic2:visited img	{ filter:alpha(opacity=80);  -moz-opacity:0.8; opacity:0.8; }
a.pic2:hover img	{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
a.pic2:active img	{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }