/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0; padding : 0; }

/* =body */
body {

}

/* =hx */
h1, h2, h3 { font-weight : bold; text-transform : uppercase; }

html,body { height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#01025C; font-size:small; }


html {		background-repeat: repeat-x; background-color:#FFFFFF; background-position: 50% 50% }

body {	 margin:0;	padding:0;	background-repeat:no-repeat;	text-align:center; background-position: 50% 50%}
html,body { height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:small; }
body {  margin : auto auto;   }


/* =code */
code, pre {  font : 80% monaco, courier, monospace; font-weight : normal; color : #000000; }
pre {  padding-left : 20px; font-size : 80%; }


/* =img */
img, img a { border : none }
abbr, acronym { text-decoration : none; border : none; }


/* =a */
a:link {
	text-decoration : none;
	color : #666;
}
a:visited {
	text-decoration : none;
	color : #333;
}
a:hover {
	color : #009;
}
a:active, a:focus { color : #01025C;  }

/* a:focus { outline: none; }  removing dotted lines for Firefox, only for mouse navigation, however, it doesnt seem to work, so try applying overflow: hidden to the FIR elements in question */


/* generic layout design */

h1{margin-top:20px;}
p {margin-top:20px;}
ul { margin-top:20px;}

#page	{
	width: 750px;
	margin: 10px auto;
	padding: 15% 0px;
}
.introtext	{
	padding: 5px 0px;
	text-align: left;
}
#newsurround	{
	background-image:url(../newimages/intro_header.jpg);
	background-repeat:no-repeat;
	
}
#newsurround img	{
	margin: 10px;
}
#flashbutton	{
	background-image:url(../images/flashhigh.jpg);
}
#htmlbutton	{
	background-image:url(../images/htmllow.jpg);
}
.choicebutton	{
	width: 300px;
	height: 35px;
	text-indent: -5000px;
}

.choicebutton:hover {
	background-position: -300px 0;
}

.choicebutton	a  {
	margin:auto;
	width:300px;
	text-align:center;
}
#popupbutton a {
	color: #FFF;
}
#popupbutton a:link {
	color: #FFF;
}
#popupbutton a:hover{
	color:#F00;
}
#enterbutton	{
	margin: 0px 0px 5px 0px;
}

/* choice ws */

div.wsclass {
	bottom: 0px;
	position: absolute;
	width: 300px;
}

div.wsclass a {
	background: url(../images/choicebutton-ws.jpg);
	background-position: 0 0;
	display: block;
	position:absolute;
	width: 290px;
	height: 20px;
	text-indent: -999999px;
	overflow: hidden;
	left: 10px;
}
#ws	ul, #ws li{
	list-style:none;
}
div.wsclass a:hover {
background: url(../images/choicebutton-ws.jpg);
background-position: -290px 0;
}