/*
 * standard.css
 * Copyright 2007 Richard Lawrence
 * You may use this work under the terms of the Creative Commons 
 * Attribution-Share Alike 3.0 license, found at
 * http://creativecommons.org/licenses/by-sa/3.0/us/ 
 */

/* Reset */
* {}


body
{ 
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
  background-color: rgb(28,28,70) ;
  background-image: url('/images/spacemapgradient.jpg') ;
  background-repeat: repeat-x ;
  color: #707070 ; 
}


a
{ 
  text-decoration: none;
  font-weight: bold;
  color: #707070 ; 
}
a:hover
{ 
  color: blue ;  
}


#container
{ 
  width: 95%;
  height: 100%;
  border-style: solid;
  border-color: rgb(28,28,70) ;
  border-size: 1px;
  background-color: white ;
  overflow: hidden; 
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
}

/*
 * Header
 */
#header
{ 
  display: block ;
  height: 165px; 
  width:100%;
  background-image: url("/images/HeaderGradient.jpg");
  background-repeat: repeat-x ;
}

#header img
{
  position: absolute ;
  top: 0 ;
  left: 0 ;
}

#headerRight
{
  width: 500px;
  padding-top: 130px;
  float: right;
  border=none;
  text-align: center;
}


#topNav
{
  display: block;
  float: left;
  clear: both;
  height: 120 px;
  min-width: 100%;
}

#topNav ul
{
  list-style-type: none;
  padding 0px;
  margin 0px;
}

#topNav li
{
  height: 115px;
  width: 270px;
  float: left;	/* Allows the list to go horizontal. */
  line-height: 110px;
  background-image: url("/images/arrow1.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  text-align: center;
}

#topNav li:hover
{
  height: 115px;
  width: 270px;
  float: left;
  background-image: url("/images/arrow2.jpg");
  text-align: center;
}


#topNav a
{ 
  text-decoration: none;
  font-size: 20px ;
  font-weight: bold;
  color: green ;
}
#topNav a:hover
{ 
  font-size: 24px ;
  color: blue ;  
}

/*
 * Left navigation container
 */

#navLeft
{
  display: block ;
  float: left;
  clear: left;
  width: 20%;
  min-height: 400px;
  padding: 0 10px 0 10px ;
  text-align=center ;
}


#navLeft h2
{
  text-align=center ;
  font-size: 17px;
  font-family: Georgia, Verdana, sans-serif;
  margin: 0 0 4px 0;
  padding: 0 0 0 0;
}  

#navLeft form
{
  margin: 0;
  padding: 0;
}


#navLeft p
{
  text-align=justify ;
}

.navLeftGroup
{
  border-style: none; /* solid; */
  border-color: gray ;
  border-width: 1px;
  margin: 0 auto 30PX auto ;
  padding: 5px 5px 5px 5px;
}

.navLeftGroup ul
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
}

.navLeftGroup li
{
  margin: 0 0 2px 4px;
  padding: 0 0 2px 0;
}

.navLeftGroup li:hover
{
  background-color: rgb(28,28,70) ;
  color: white;
}

.navLeftGroup h2
{
  text-align=center ;
}


.navLeftGroup p
{
  text-align=justify ;
}

.navLeftGroup a
{ 
  font-weight: bold;
}
.navLeftGroup a:hover
{ 
  background-color: rgb(28,28,70) ;
  color: white ;  
}

/*
 * Right navigation container
 */

#navRight
{
  display: block;
  width: 20%;
  min-height: 400px;
  float: right;
  padding: 0 0 0 10px ;
  text-align=center ;
}


#navRight h2
{
  text-align=center ;
  font-size: 17px;
  font-family: Georgia, Verdana, sans-serif;
}  

#navRight form
{
  margin: 0;
  padding: 0;
}


#navRight p
{
  float: left;
  text-align=justify ;
}

#navRight img
{
  border-style: none;
}

.navRightGroup
{
  border-style: none;
  border-color: gray ;
  border-width: 1px;
  margin: 0 auto 30PX auto ;
  padding: 5px 5px 5px 5px;
}

/* For displaying an individual title page */
#titleviewLeft
{ 
  width: 220px;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  float: left;
  overflow: hidden;
  border-style: groove;
  border-color: gray;
}

#titleviewLeft ul.detailnav
{
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
}


#titleviewLeft ul.detailnav li
{
  width: 70px;
  text-align: center;
  margin: 0 1px 0 1px;
  float: left;
}

#titleviewLeft img
{ 
  display: block;
  align: center;
  clear: both;
  width: 200px; 
  border: none;
}

/*
#titleviewBody
{ 
  margin-: 20px 0 0 20px; 
  overflow: auto;
}

#titleviewBody img
{ 
  max-width: 500px; /* at least one title references a huge image...
                       this prevents overflow */
}

/*
 * Errors container -- Used for Errors, Warnings, and Notices
 */

#errors
{
  float: left;
}


div.notice
{
  display: block;
  width:54%;
  min-height: 150px;
  float: left;
  padding: 0 10px 10px 10px;
  border-style: none;
  padding: 0 10px 10px 10px;
  background-image: URL('/images/anthead.jpg');
  background-repeat:no-repeat;
  background-position:top right;
  color: black;
}

div.noticeTitle
{
  font-size: 20px ;
  font-weight: bold;
}


/*
 * Content container
 */
#content
{
  display: block;
  width: 54%;
  min-height: 400px;
  float: left;
  padding: 0 10px 10px 10px;
  border-style: none;
}

#content h1 
{ 
  font-family: Georgia, Verdana, Helvetica, sans-serif; 
}

#content h3
{
  font-size: 15px;
}

.Group
{
  width: 45% ;
  border-style: none;
  margin: 0 auto 30PX auto ;
  padding: 5px 5px 5px 5px;
  text-align=center ;
  float: left;
}


/* For "news items" in newsmain.htm or on other pages */
#content p.newsitem
{
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom-style: dotted;
  border-bottom-color: #989898;
  border-bottom-width: 1px;
}

/* For images in articles: */
#content img.smallleft
{ 
  width:150px; 
  display: block; 
  float: left; 
  clear: left;
  margin: 0px 10px 10px 0px;
}
#content img.smallright
{ 
  width:150px; 
  display: block; 
  float: right; 
  clear: right;
  margin: 0px 0px 10px 10px;
}
/* For labels and field headers on forms (e.g. in user.asp): */
#content div.input
{ 
  width: 100%;
}
#content label.input
{ 
  display: block;
  width: 90%;
  text-align: left;
  margin: 8px 0 4px 0;
  background-color: #CCCCCC;
}
/* For lists of links used for navigation (e.g. on myaccount.asp and faq.asp) */
#content .navlist ul
{ 
  margin: 0;
  padding: 0;
  list-style-type: none; 
}
#content .navlist li
{ 
  margin-bottom: 4px;
}
/* Defaults for lists (typically used to itemize features in content body) */
#content ul li
{
  margin-bottom: 10px;
}
/* For title information on the books.asp page */
#content .titleBrief
{ 
  margin-top: 10px;
}

#content .titleBrief a
{
  color: blue;
  border: none;
}

#content .titleBrief img
{ 
  display: block;
  align: left;
  float: left;
  clear: left;
  margin: 0 10px 10px 0 ;
  padding: 0;
  width: 150px; 
  border: none;
}

#content .titleBriefForm
{ 
  float: left;
  padding: 0 0 15px 0;
  text-align: left;
  width: 75% ;
}
#content .titleBriefForm .title
{ 
  font-size: 1.2em;
  font-weight: bold;
}
#content .titleBriefForm .price
{ 
  font-weight: bold;
}

/* For displaying an individual title page */
#content .titleviewLeft
{ 
  width: 220px;
  margin: 10px;
  padding: 5px;
  float: left;
  overflow: hidden;
  border-style: groove;
  border-color: gray;
}

#content .titleviewLeft ul.detailnav
{
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
}


#content .titleviewLeft ul.detailnav li
{
  width: 70px;
  text-align: center;
  margin: 0 1px 0 1px;
  float: left;
}

#content .titleviewLeft img
{ 
  display: block;
  align: center;
  clear: both;
  width: 200px; 
  border: none;
}

#content .titleviewBody
{ 
  margin-top: 20px; 
  overflow: auto;
}

#content .titleviewBody img
{ 
  max-width: 500px; /* at least one title references a huge image...
                       this prevents overflow */
  margin: 0 10px 10px 0;
}

/* For data tables -- WHICH SHOULD BE MINIMAL, such as on compare.asp */
#content .tblHeader th
{ 
  background-color: rgb(28,28,70); /* #009966; */
  color: white; 
}
/*
 * Footer
 */

#footer
{
  width: 100%;
  clear: both;
  margin-top: 25px;
  padding: 0 0 0 10px ;
}

#footer p
{
  clear:both;
}

#footer ul
{
  margin-left: auto;	/* Used to center the list. */
  margin-right: auto;
  list-style-type: none;
}

#footer li
{
  width: 100px;
  float: left;	/* Allows the list to go horizontal. */
  text-align: center;
}


#debug 
{
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}