/*THIS IS THE PAGESTYLE FOR NO TABLES ONLYL CSS -- EXPERIMENTING*/

body {  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; color: #ffffff; background-color: #660000; margin: 1em 2em 1em 2em;  }

.secid /*id for the page name*/
{
font-size: 1em;
color: #ffff00;
text-align: left
}

/*id for the picture, used here with quote*/
#picture 
{
position: fixed;
top: 25px;
right: 25px;
left:60%;
width: 280px;
}

/*id for the heading*/
#heading
{position: fixed;
top: 80px;
left: 10%;
right: 45%;
width: 410px;
}

/*for hotizontal menu*/
.hor
{
width: 65%;
position: relative;
top: 250px;
font-size:0.8em;
background-color:#500;
text-transform:uppercase; 
text-align:center;
}

/*
THIS IS THE MEDIA SECTION -- FOR EITHER VIDEO OR AUDIO PART
*/
.media1 
{
width: 325px;
align: left;
line-height: 130%;
position: fixed;
top: 340px;
background:#500;
padding: 0.5em; 
font-size: 0.9em; 
text-indent: -15px;
padding-left: 25px;
overflow: auto;
}

.media2 
{
width: 500px;
text-align: center;
line-height: 130%;
position: fixed;
float: left; /*Does not seem to make a diff right now.*/
top: 340px;
left: 395px;
margin-left: 1em;
margin-right: 2em;
background:#500;
padding: 0.5em; 
font-size: 0.9em; 
overflow: auto;
}

/*This will be for the pink section which houses the content of most, but not all, pages.  Will need to test this.
USED ONLY FOR TESTING SO FAR
*/
.section 
{background: #990033; padding: 0.5em; }


/*ID for the search engine.  Otherwise background becomes white.  POSITION NEEDS TWEAKING.  HAVE OMITTED THIS TEMPORARILY*/
.google
{
width: 100%;
position: fixed;
align: center;
top: 1000px;
background: #660000; 
font-size: 1em;
}

h1, h2, h3, h4, p, ul, div { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; color: #ffffff; }

h4 { font-size: 1em; }
h3 { font-size: 1.2em; }
h2 { font-size: 1.4em; }
h1 { font-size: 1.6em; }

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

.hor li
{
/*margin-top: 5px;
padding-top: 10px;  THIS HELPS ONLY WITH OMNIWEB BUT NOT ON OTHER BROWSERS*/
float: left;
border-color: #000000;
border-width: 2px; 
}
.hor a
{
display:block;
background-color:#500;
padding: 7px 12px;
}

/*Note:  hover must always come after link and visited.  Active must come after hover*/
a:link { font-weight: normal; color: #eeeeee; text-decoration: underline; }
a:visited { font-weight: normal; color: #eeeeee; text-decoration: underline; }
a:hover { font-weight: normal; color: #000000; background: #ffffff; }

/*THIS IS FOR THE VERTICAL MENU*/
div.menuver {background-color:#500; padding: 1em; font-size:0.8em;}


.note { text-align: center; font-size: 0.8em; font-weight: normal; text-decoration: none}

.links {margin-left: 5%; margin-right: 5%; }

.menu {margin-left: 1em; margin-right: 1em; }

.quotesource {margin-left: 50%; font-weight: normal; font-style: italic; text-decoration: none}

.announce { align: center; font-size: 1em; font-weight: normal; color: yellow; }