body {
     padding-right: 1em;
     padding-left: 1em;
 font-family: arial;
	color: gray;
	font-size: 16px;

    background: url(/backgrounds/greytex1.gif) gray;
    }

h1 {
	font-size: 200%;
}
h2 {
	font-size: 150%;
}

title {
	font-style: italic;
}

/*basic font for the p tag*/
p {font-size: 16px;
   padding-left: 10px;
   padding-right: 5px;  
}

/*font for the p tag  for movie titles on movie review pages*/
p.movie {
	text-align: right;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}

/*Use this on text in the instructions area of the files and photos frames*/
p.logo-small {
	font-size: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
}


/*Use this to place the logo on the right, and the descriptive text on the left. you must use the <br clear="alol"> to clear teh float*/
p.logo {
	font-style: italic;
	float: left;
}
img.logo {
	float: right;
}

/*Use this to place the form and text on the left. you must use the <br clear="all"> to clear the float*/
form.logo {
	float: left;
}


/*Use this for captions text, note that the captions will be no wider than 300 pixels, so they will wrap*/
p.caption {
text-align: center;
width: 300px;
font-style: italic;
font-size: smaller;
color:	black;
text-indent: 0;
}

p.links {font-size: 100%;
  padding-right: 0;
  padding-left: 0;
}

/*Use this on text in the signature line on your web page*/
p.signature {
	font-size: 85%;
	font-style: italic;
	text-align: right;
}


/*Use thise grouping to suround an image, that has NO captions, with a border*/
.image-align-left {
float: left;
border-style: outset;
border-color: black;
border-width: 5px;
margin: 4px;
}  

.image-align-right {
float: right;
border-style: outset;
border-color: black;
border-width: 5px;
margin: 4px;
}  


/*Use this to surround an image with a border, but this has no float control - this will only surround the image with a border*/
.image-basic {
border-style:	outset;
border-color:	black;
border-width:	5px;
margin:	4px;
}

/*Use this to surround an embeded movie with a border such as a wmv or a quicktime movie*/
.object-align-left {
float: left;
border-style: outset;
border-color: black;
border-width: 5px;
margin: 4px;
background:	black;
}  

/*Use this group for images that will have captions. It will put a thin border around the image and its caption and float them according to the float command*/
.image-caption-left{
margin: 4px;
float: left;
padding: 0.5em;
border: thin silver solid;
background: white;
}

.image-caption-right{
margin: 4px;
float: right;
padding: 0.5em;
border: thin silver solid;
background: white;
}

/*Use this group for navigation bars and vertical buttons for menus*/
ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em;
}

ul.navbar li {
    background: white;
    margin: 0.5em 0;
    padding: 0.3em;
    border-right: 1em solid black;
}

ul.navbar button {
    width: 10em;
    color: blue;
}