/****************************
		  TEXT STYLES
****************************/

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:700;
}

/****************************
		  LINK STYLES
****************************/

a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}

/****************************
		    MAIN
****************************/

html, body {
	background: #152b65 url(../art/bg.jpg) 0 0 repeat-x;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	/*text-align: center;*/
	/*overflow-y: hidden;*/
}

/****************************
		   LAYOUT
		   DIV STYLES
****************************/

div#container {
	border: 0;
	height: 50%;
	width: 50%;
	position: absolute;
	left: 25%;
	top: 25%;
}

div#containerLarge {
	border: 0;
	/*height: 50%;
	width: 50%;
	position: absolute;
	left: 5%;
	top: 2%;*/
}

#box {
	width: 450px;
	margin: 0 auto;
	background: transparent url(../art/sideshadow450.png) 0 0 repeat-y;
	background-repeat:repeat-y;
}

#boxLarge {
	width: 900px;
	margin: 0 auto;
	background: transparent url(../art/sideshadow.png) 0 0 repeat-y;
	background-repeat:repeat-y;
}



#above {
	width: 450px;
	margin: 8px auto 0 auto;
	height: 23px;
	background: transparent url(../art/topshadow450.png) 0 0 no-repeat;
}

#aboveLarge {
	width: 900px;
	margin: 8px auto 0 auto;
	height: 23px;
	background: transparent url(../art/topshadow.png) 0 0 no-repeat;
}

#range {
	margin-left:40px;
}

#below {
	width: 450px;
	/* This line was:
	margin: 0 auto 8px auto;
	but this was changed to prevent overlapping - possible IE issues.  This was the same with #belowLarge */
	margin: 0 auto 8px auto;
	height: 36px;
	background: transparent url(../art/bottomshadow450.png) left bottom no-repeat;
}

#belowLarge {
	width: 900px;
	margin: 0 auto 8px auto;
	height: 38px;
	background: transparent url(../art/bottomshadow.png) left bottom no-repeat;
}

#footer {
	padding: 0px 0px 15px 0px;
	clear:right;
	text-align:center;
	margin: -1.5em 0;
}

#overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url(images/overlay1.gif);
	/* Set both opacity and filter, for MSIE and firefox compatability */
	opacity: .7;
	filter: alpha(opacity=70);
	/* z-index sets the layer order, so that the overlay rests on top.
	Bear in mind that the popup dialogue needs to be even higher! */
	z-index: 1000;
}

#dialogue #close {
	position: absolute;
	right: 5px;
	top: 0px;
}

#dialogue #close a {
	color: #DD0000;
	text-decoration: none;
}

#dialogue {
	position: absolute;
	left: 50%;
	margin-left: -175px;
	top: 100px;
	width: 350px;
	padding: 20px;
	border: 2px solid #0000DD;
	background-color: #FFFFFF;
	z-index: 2000;
}

#highZ {
	left: 48%;
	top: 52.5%;
	position:absolute;
	z-index:100;
	clear:both;
}

#highZ2 {
	left: 48%;
	top: 52.5%;
	position:absolute;
	z-index:100;
	clear:both;
	width:250px;
}

#loader {
	position:absolute;
	z-index:100;
}

#leftPadding {
	padding-left:20px;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #DE0F17;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #0083D7;
text-decoration: none;
}

.pics {  
    height:  876px;  
    width:   235px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    /*padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  */
    width:  876px; 
    height: 235px; 
    top:  0; 
    left: 0 
} 

/****************************
		  IE STUFF
****************************/

/* only win \*/

* html #content, * html subcontent, * html #linkscol, * html #statscol {
	display: inline;
}

* html #container {
	background-image: url(../art/sideshadow.gif);
}

* html #above {
	background-image: url(../art/topshadow.gif);
}

* html #below {
	background-image: url(../art/bottomshadow.gif);
}