/* cyberauto.css - Style Sheet for Cyberauto.Com */
/* Validated at http://jigsaw.w3.org/css-validator/ */

body {
  left : auto;
  margin : 0;
  padding : 0;
/*  margin-left : 0; 
  margin-top : 0;*/
  color : white; 
  background : black;
  font-family : "Verdana Bold", "Arial Bold", "Arial Black", Arial, sans-serif;
  font-size : smaller;
  border-style : none;
}

/*Define the links*/
a:link {
  color : #6699FF;
  text-decoration : none;  
  background-color : transparent;
}

a:visited {
  color : #6699FF;  
  text-decoration : none;  
  background-color : transparent;
}

a:active {
  color : #6699FF;  
  text-decoration : none;  
  background-color : transparent;
}

a:hover {
  color : #6699FF;  
  text-decoration : underline;  
  background-color : transparent;
}


/*Stuff unique to Splash page*/
#splash {
  background-image : url('images/splash-page-no-logos.jpg');
  background-repeat : no-repeat;
  height : 600px;
  width : 800px;
}


a.info {
  position:absolute;
}

a.info:hover {
  background-color:transparent;
  border : none;
}

a.info span { 
  display : none;
  height : 0;
  width : 0;
  border-width : 0;
  background-color:transparent;
  border : none;
}

a.info:hover span { /*the span will display just on :hover state*/
  display : block;
  border : none;
  background-color:transparent;
  height : 100px;
  width : 150px;
}

#AMSLogoPos {
  position:absolute;
  left : 548px;
  top : 110px;
}

#AMSPopoverPos {
  position:relative;
  left : 3px;
  top : -165px;
}

#COXLogoPos {
  position:absolute;
  left : 269px;
  top : 110px;
}

#COXPopoverPos {
  position:relative;
  left : 1px;
  top : -135px;
}

#FPNLogoPos {
  position:absolute;
  left : 306px;
  top : 493px;
}

#FPNPopoverPos {
  position:relative;
  left : 10px;
  top : -141px;
}

#EPMLogoPos {
  position:absolute;
  left : 600px;
  top : 454px;
}

#EPMPopoverPos {
  position:relative;
  left : 2px;
  top : -160px;
}

#HPSLogoPos {
  position:absolute;
  left : 20px;
  top : 133px;
}

#HPSPopoverPos {
  position:relative;
  left : 2px;
  top : -160px;
}

#RSULogoPos {
  position:absolute;
  left : 75px;
  top : 399px;
}

#RSUPopoverPos {
  position:relative;
  left : -23px;
  top : -166px;
}

#CAPLogoPos {
  position:absolute;
  left : 182px;
  top : 229px;
}

#SplashpageTextLarge {
  color : white; 
  background : black;
  font-family : "Verdana Bold", "Arial Bold", "Arial Black", Arial, sans-serif;
  font-size : larger;
}


div.mainwin {
  padding-top : 1em;
  padding-bottom : 1em;
  padding-left : 1em;
  padding-right : 1em;
}

/*Our own flavor of headings...*/

h1 {
  text-align : right;
  font-family : "Verdana Bold", "Arial Bold", "Arial Black", Arial, sans-serif;
  border-left : none;
  border-right : none;
  border-top : none;
  padding-bottom : 0.2em;
  border-bottom : solid;
  border-bottom-width : medium;
  border-color : white;
}

h3 {
  text-align : right;
  font-family : "Verdana Bold", "Arial Bold", "Arial Black", Arial, sans-serif;
  border-left : none;
  border-right : none;
  border-top : none;
  padding-bottom : 0.2em;
  border-bottom : solid;
  border-bottom-width : thin;
  border-color : white;
}

/*Images...*/
   /*...general*/
img {
  border : 0;
  vertical-align : middle;
}

/*The basic paragraph*/
p {
  text-align : justify;
  font-family : "Verdana", "Arial", sans-serif;
}

/*An Emphasized Paragraph*/
p.emph {
  font-family : "Verdana Bold", "Arial Bold", "Arial Black", Arial, sans-serif;
  font-weight : bold;
}

/*Tables*/
table {
  border : none;
}

/*Using Media Page Layout*/
.tablediv {
  display :  table;
  width : 600px;
  border : 1px solid  #666666;
  /*border-spacing : 5px; cellspacing :poor IE support for  this*/
  border-collapse : separate;
}
.datecelldiv {
  float : left; /*fix for  buggy browsers*/
  display :  table-cell;
  width : 100px;
}
.titlecelldiv {
  float : left; /*fix for  buggy browsers*/
  display :  table-cell;
  width : 120px;
}
.summarycelldiv {
  float : left; /*fix for  buggy browsers*/
  display :  table-cell;
  width : 380px;
}
.rowdiv  {
  display : table-row;
  width : auto;
  border-top : 2px solid white;
}


#RepeatingStarryBackground {
  background-image : url('images/menu-image.jpg');
  background-repeat : repeat-y;
  background-position : top left;
}