/******************************************************************************/
/*                                                                            */
/* main.css                                                                   */
/*                                                                            */
/* Style sheet for Jupiter IT web site  (2010)                                */
/* This works for Firefox                                                     */
/*                                                                            */
/* Copyright (c) 2010 - Jupiter Information Technology - All rights reserved  */
/*                                                                            */
/******************************************************************************/

body{
	background-color: #fff000;
	background: url(../images/884BE642-1143-3066-405DCEE7E46393E9.jpg) fixed;
	/*background: url(../images/bkgrd.gif);*/
}

page-image-box {
	position: absolute;
	overflow: hidden;
	/*top: 1px;*/
	/*left: 1%;*/

	/* border: 1px solid silver; */
}

header{
	position: absolute;
	top: 10px;
	left: 1%;
	width: 100%;
	/* border: 1px solid silver; */

}

#logo{
	position: absolute;
	top: 10px;
	left: 1%;
	width: 20%;
	/*height: 90%;*/
	margin:0 20px 0 0;
	padding:0 0 25px 0;
	text-align:center;
	/* border: 1px solid silver; */
}



/**************************************************************************/
/* Layout the visual columns                                              */
/**************************************************************************/
#topsection {
	background: url(../images/box_columns_top.gif) no-repeat;
	position: relative;
	top: 80px;
	height: 23px;	/*Height of top section*/
	width: 150%	/* this is to accomodate IE8 */
}

#midsection {
	background: url(../images/box_columns.gif) repeat-y;
	position: relative;
	top: 80px;
	height: 375px;	/*Height of mid section*/
	width: 150%	/* this is to accomodate IE8 */
}

#bottomsection {
	background: url(../images/box_columns_bottom.gif) no-repeat;
	position: relative;
	top: 80px;
	height: 23px;	/*Height of bottom section*/
	width: 150%	/* this is to accomodate IE8 */
}

/**************************************************************************/
/* End of visual column layout                                            */
/**************************************************************************/


#left-menu-box{
	position: absolute;
	top: 85px;
	left: 0%;
	width: 19.5%;
	height: 74%;
	margin:0 20px 0 0;
	padding:0 0 25px 0;
	text-align:left;
	/* border: 1px solid silver; */
}

#left-menu-inner-box{
	position: absolute;
	top: 100px;
	left: 2.5%;
	width: 160px;
	height: 70%;
	/*margin:0 20px 0 0;*/
	/*padding:0 0 25px 0;*/
	text-align:left;
	  /*border: 1px solid silver;*/
}

#left-menu-content-box{ /* we need to adjust these menu boxes for IE */
	position: absolute;
	top: 96px;
	left: 3.5%;
	width: 140px;
	height: 63%;
	/*margin:0 20px 0 0;*/
	/*padding:0 0 25px 0;*/
	text-align:left;
	  /*border: 1px solid silver;*/
}

#menu p {
	font-family: "Verdana", arial, helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	text-indent: 2%;
	line-height: 27px ;
	/*border: 1px solid silver;*/
}

#menu p a {
	color: #fff;
	text-decoration: none;
	display: block;
	background: #ee0;
	background: url(../images/button-up.gif) no-repeat;
	/*border: 1px solid silver;*/
}

#menu p a:hover {
	color: #f00;
	background: #777;
	background: url(../images/button-dn.gif) no-repeat;
}


#right-image-box{
	position: absolute;
	top: 80px;
	right: 0.2%;
	width: 26%;
	height: 74%;
	margin:0 20px 0 0;
	padding:0 0 25px 0;
	text-align:left;
	/* border: 1px solid silver;*/
}

#main-image-box{
	position: absolute;
	top:108px;
	left: 743px;
	height: 41%;
	margin:0px;
	padding:0px;
	text-align:center;
	/* border: 1px solid silver;*/
}

#secondary-main-image-box{
	position: absolute;
	top:308px;
	left: 743px;
	height: 41%;
	margin:0px;
	padding:0px;
	text-align:center;
	/* border: 1px solid silver;*/
}

#main-image-box img{
	border-style: none ;
}

#secondary-main-image-box img{
	border-style: none ;
}

#main-content-image-box{
	position: absolute;
	top: 80px;
	left: 22%;
	width:49%;
	height: 78%;
	margin:0px;
	padding-top: 3px;
	text-align:left;
	/* border: 1px solid silver; */
	color:#ff8;
	font-family: "Verdana", arial, helvetica, sans-serif;
	font-weight: bold;
}

#main-content-box{
	position: absolute;
	top: 85px;
	left: 245px;
	width:450px;
	/*height: 76%;*/
	margin:0px;
	padding-top: 3px;
	text-align:left;
	/* border: 1px solid silver; */
	color:#ff8;
	font-family: "Verdana", arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 80%;
}


#main-content-box li{
	list-style-type: none;
	line-height: 27px ;
}

#main-content-box li a{
	color:#ff8;
	text-decoration: none;
}

#main-content-box a:hover{
	color:#fff;
}

#footer{
	position: absolute;
	bottom: -5%;
	left: 24%;
	width: 45%;
	height: 5%;
	text-align:left;
	color:#ff8;
	/* border: 1px solid silver; */
}

#copyright{
	font-family: "Verdana", arial, helvetica, sans-serif;
	font-size: 55%;
}


#copyright a {
	color:#ff8;
	text-decoration: none;
}

#copyright a:hover {
	color:#f00;
	/*text-decoration: none;*/
}


#exception {
	color:#999;
}

#error {
	position: absolute;
	top : 2px;
	left : 235px;
	width: 450px;
	text-align: center;
	font-family: "Verdana", arial, helvetica, sans-serif;
	font-size: 40%;
	font-weight: bold;
	background-color: #ff0000;	/* red */
	color: #fff;			/* white */
	padding: 5px;
	border: 1px solid silver; 
	z-index: 999;			/* 999 - unfeasibly large number to guarantee top position */
}