/* My CSS File */

/* Define body background color and font */
body
{
  text-align: center;
  font-family: times-new-roman, book-antiqua, sans-serif;
  color:black;
  background-color: #B0D0D0;  
  }
  
h1 {font-size: 24px}
h2 {font-size: 18px}
h3 {font-size: 16px}
h4 {font-size: 14px}
p {font-size: 14px; 
	text-align: left;
	}
h5 {font-size: 12px}
h6 {font-size: 9px}

table.header
{
background-image: url(menus/sky.gif);
width: 1024px;
height: 100px;
margin: none;
padding : none;
border: none;
outline: none;
}

td {
vertical-align: top;
}

table.layout
{
margin: none;
padding: none;
border: 1px dotted white;
outline: none;
}
/* Define a table with a papery background */

table.paper
{
background-image: url(images/paper.gif);
margin: none;
padding: 10px;
border: none;
outline: none;
}

/* Border class sets the footer style */
table.border  
{
background-image: url(menus/ocean.jpg);
width: 1024px;
text-align: center;
margin: none;
padding: none;
border: none;
outline: none;
}

/* Define light text on a dark background */
p.dark
{
  font-size: 10pt;
  font-weight: bold;
  color: #ffff99;
}

/* Define dark text on a light background */
p.light
{
	text-align:left;
	font-size: 12pt;
	font-weight: normal;
	color: black;
} 

p.button   
{
background-image: url('menus/button_normal.gif');
width: 71px; 
padding-left: 9px;
padding-right: 9px;
padding-top: 8px;
padding-bottom: 9px;
margin:0px;
}

/* Create a class of link named 'menu' */

a.menu
{
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
}

a.menu:link 
{
  color: #707070;
}
a.menu:visited
{
  color: #707000;
}
a.menu:hover
{
  color: black;
}
a.menu:active 
{
  color: #A00000;
}
/* end of <a class="menu"> definition */

/* Create a class of picture link named "yellow" */

a.yellow
{
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  border: 0px;
}

a.yellow:link 
{
  color: #FFCC00;
}
a.yellow:visited
{
  color: #FFCC00;
}
a.yellow:hover
{
  color: white;
}
a.yellow:active 
{
  color: white;
}
/* end of <a class="yellow"> definition */
ul { align: left; 
	font-size: 14px;
	}


select {height: 24px;
		font-size: 14px;
		margin: 0px;
		border: 0px;
		padding: 0px;
		outline: 0px;
	}
	
img.pic
{
border: none;
margin: none;
padding: none;
text-decoration: none;
}	