/*
CSS for Alabma ATOS site
*/

body {
   font-family: Verdana, Helvetica, Arial, san-serif;
   background-color: #e2edff;	/* #e2edff  */
   line-height: 125%;
   padding: 0;			/* 15px */
   margin: 0;			/* na   */
   }


h1, h2, h3 {
   font-family: "Trebuchet MS", Arial, Helvetica, san-serif;
   }

h1 {
   font-size: 250%;		/*  x-large  */
   background-color: navy;	/*  navy  */
   color: white;		/*  white  */
   padding-top: 1em;		/* 2em  */
   padding-bottom: .2em;	/* .2em */
   padding-left: .4em;		/* .4em */
   margin: 0;			/*  na  */
   }
h2 {
   font-size: 175%;		/*  130% for both h2 and ul    */
   font-weight: bold;		/*  bold  */
   color: navy;			/*  navy  */
   padding-top: 1em;		/*  15px */
   margin-top: 0;		/*  15px */
   }

ul {
   font-size: 100%;
   font-weight: normal;
   color: navy;
   padding-top: 1em;             /* 15px */
   margin-top: 0;            	  /* 15px */
   }

h3  {
   font-size: 100%;		/* 100%  */
   font-weight: bold;
   color: navy;
   padding-top: .5em;              /*  5px  */
   margin-top: .5em;               /*  5px  */
   }

li {
   font-size: 100%;			/*  small   */
   list-style-type: none;          /*  changes default list bullets  - see pg 171   */
   }

p  {
   font-size: 100%;			/*   small    */
   color: navy;
   }

em {
   text-transform: uppercase;
   }

a  {                              /* anchor - for links to other pages  */
   font-weight: bold;
   }
a:link {
   color:black;
   }
a:visited {
   color: navy;
   }
a:hover {
   text-decoration: none;
   color: white;
   background-color: navy;
   }
a:active {
   color: yellow;
   background-color: navy;
   }


#hdr  {
    border-top: .3em solid #7da5d8;	/*  3px solid #7da5d8    */
    }

#tagline p {
   font-style: italic;
   font-family: Georgia, times, serif;
   background-color: #bed8f3;			/*  #bed8f3  */
   border-top: 0.3em solid #7da5d8;		/*  3px solid #7da5d8     */
   border-bottom: 0.3em solid #7da5d8;		/*  3px solid #7da5d8     */
   padding-top: 0.2em;           		/* .2em */
   padding-bottom: 0.2em;        		/* .2em */
   padding-left: 0.8em;         		/* .8em */
   margin: 0;                  			/*  na  */
   }

#navigation {
   width: 12em;				/*  180px   */
   border: .1em solid navy;  		/*  1px   solid   navy    */
   background-color: #7da5a8;		/*  #7da5a8   */
   margin: 0;                		/*  na   */
   }

#subnavigation {
   width: 12em;			/*   180px    */
   border: .1em solid black;		/*   1px solid black   */
   background-color: yellow;		/*  yellow  */
   margin: 0;				/*    0    */
   }

.artist {                              	/* to change appearance of specific words */ 
   color: #990066;				/*  #339999  */
   font-family: Georgia, Times, serif;	
   font-weight: bold;
   letter-spacing: 0.05em;		/*   0.05em    */
   }


.galleryphoto p  {
	font-size: 80%;			/*  65%   */
	font-weight: bold;		/*  bold  */
	line-height: 1.4em;		/*  1.4em */
	margin-top: 0;			/*  0     */
	padding-bottom: 20px;		/*  20px  */
	border-bottom: .1em solid navy;	/*  1px  solid navy  */
	margin-bottom: 10px;		/*  10px  */
	width: 600px;			/*  600px  */
	}


.photocredit {
	font-weight: normal;		/*  normal  */
	color: gray;			/*  gray  */
	}

.pictoright {
	float: right;
	margin: 10 px;
	}

.parantheticals {
   width: 75%;				/*  75%  */
   color: #3399CC;			/* #339999   */
   font-family: Times, serif;
   padding-left: 3em;			/*  30px  */
   padding-right: 3em;			/*  30px  */
   }

.bios {
   width: 75%;				/*  75%  */
   color: #3399CC;			/* #339999   */
   font-family: Verdana, Helvetica, Arial, san-seriff;
   padding-left: 3em;			/*  30px  */
   padding-right: 3em;			/*  30px  */
   }

.eventdate {
   width: 400px;			/*  400px  */
   border: 10px inset green;		/* 10px inset 999999  */
   padding-left: 15px;			/*  15px  */
   font-size: 100%;			/*  100%  */
   font-weight: bold;			/*  bold  */
   color: green;			/*  navy  */
   padding-top: 5px;			/*  5px  */
   margin-top: 25px;			/*  5px  */
   }

.eventtime {
   width: 100px;			/*  100px  */
   border: 5px inset green;		/* 5px inset 999999  */
   padding-left: 5px;			/*  5px  */
   font-size: 100%;			/*  100%  */
   font-weight: bold;			/*  bold  */
   color: green;			/*  navy  */
   padding-top: 5px;			/*  5px  */
   margin-top: 5px;			/*  5px  */
   }



.pasteventdate {
   width: 400px;			/*  400px  */
   border: 10px inset black;		/* 10px inset 999999  */
   padding-left: 15px;			/*  15px  */
   font-size: 100%;			/*  100%  */
   font-weight: bold;			/*  bold  */
   color: black;			/*  navy  */
   padding-top: 5px;			/*  5px  */
   margin-top: 25px;			/*  5px  */
   }




.underconstruction {
   width: 700px;			/*  700px  */
   border: 10px solid red;		/*  10px solid red  */
   padding-left: 15px;			/*  15px   */
   font-size: 100%;			/*  100%   */
   font-weight: bold;			/*  bold   */
   color: black;			/*  black  */
   padding-top: 5px;			/*  5px    */
   margin-top: 25px;			/*  25px   */
   }

.blankpara {
   font-size: 100%;			/*  100%  */
   color: #e2edff;			/*  same as body background-color   */
   }

.rettop {
   font-size: 75%;			/*  50%    */
  color: green;				/*  green  */
   }

.centered {
   text-align: center;			/*  center  */
   }


table.stops {				/*  declarations for stop list table   */
   border-collapse: collapse;
   }
table.stops th, table.stops td {
   padding: 4px;			/*  4px  */
   border: 1px solid #000066;		/*  1px solid #000066  */
   }
table.stops th {
   font-size: small;			/*  small  */
   text-align: left;			/*  left   */
   }
table.stops td {
   }


table.hourly {				/*  declarations for a day's hourly schedule table   */
     border-collapse: collapse;
   }
table.hourly th {
   font-size: small;			/*  small  */
   text-align: left;			/*  left   */
   }
table.hourly td {
   border: 1px solid red;		/*  1px  solid  red  */
   padding: 4px;			/*  4px  */
   }



/* Temporary Borders to check positioning of page elements */
/*  #hdr, #sitebranding, #tagline, #navigation, #bodycontent {
  border: 1px solid red;
  padding: 2px;
  margin-bottom: 2px;
  }
*/


/* Commands to position elements */

#hdr, #navigation, #subnavigation, #bodycontent {
   position: absolute;
   }  
#hdr {
   width: 100%			/*  100%  */
   }
#navigation, #bodycontent {
   top: 6.54em;			/* 107px OR 6.54em */
   }
#subnavigation {
   top: 20em;			/*  256px  */
   }
#bodycontent {
   left: 15em;			/*  200px  */
   width: 700px;		/*  700px  */
   }


/*  img {                                 to put white border around all photos  
        border: 15px solid white;	/* 15px solid white  */
        }   */