/* CSS Document for ProcessArchive.com 
title = processarchive.css */
body {
background-color: rgb(230,230,230);
font-size: 100%;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
background-image: url(phics/Archive.gif);
background-attachment: fixed;
background-repeat: no-repeat;
}
	
#cen {
margin: 0 20%;
text-align: left;
}

#cenWide {
margin: 0 10%;
text-align: left;
}

.logo {
margin-top: 2em;
}

#process_search {
margin-left: 10%;
width: 35em;
padding-left: 8em;
}

input.form {
background-color: rgb(245,245,245);
border-style: groove;
vertical-align: middle;
}

#buttons {
width: 32em;
margin-left: 10%;
margin-right: 10%;
padding-bottom: 6em;
z-index: 8;
}

#menu {
position: relative;
top: 2em;
clear: left;
left: 15%;
width: 32em;
padding: 0;
z-index: 9;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu img {
border-color: rgb(230,230,230);
background-color: rgb(230,230,230);
}

#menu a {
width: 5em;
text-decoration: none;
vertical-align: middle;
background-color: rgb(245,245,245);
color: rgb(0,100,10);
}

#menu li {
float: left; 
list-style-type: none;
text-align: center;
font-size: 1em;
line-height: 1em;
}

#menu a:hover {
color: rgb(250,125,5);
}

#menu li ul {
position: absolute;
width: 10.5em;
line-height: 1.25em;
left: -50em;
}

#menu li:hover ul {
left: auto;
}

#menu li.sfhover ul {
left: auto;
margin: 1.0em 0 0 -6.0em;
width: 10.5em;
}

#alpha {
display: block;
width: 10.5em;
margin: 0 0 0 15%;
}

#alpha li {
float: left;
width: 1.1em;
font-variant: small-caps;
font-weight: bolder;
text-align: left;
text-indent: 0.25em;
font-size: 1em;
line-height: 1.25em;
}

#alpha a {
background-color: rgb(230,230,230);
}

#alpha a:hover {
cursor: default;
color: rgb(250,125,5);
}

.ends {
height: 1.0em;			/*IE way*/
width: 0.5em;
vertical-align: middle;
}

.top {
height: 0.55em;
width: 1.3em;
position: relative;
left: -5.3em;
top: 0.5em;
line-height: 1em;
}

.bottem {
height: 0.55em;
width: 1.3em;
position: relative;
left: -10.1em;
top: -1.6em;
}

html>body .ends {
height: 1.1em;			/*Reg. way*/
width: 0.5em;
vertical-align: middle;
}

html>body .top {
height: 0.55em;
width: 1.1em;
position: relative;
left: -0.25em;
top: .3em;
line-height: 1em;
}

html>body .bottem {
height: 0.55em;
width: 1.1em;
position: relative;
left: -0.25em;
top: -0.5em;
}
		
.left {
background: url(phics/light.gif);
}

html>body .left {
background: url(phics/light.gif);
}

#text {
list-style-type: none;
line-height: 18px;
padding: 3em 3em 0 50px;
}

#text a:link { color: rgb(0,100,10); }
#text a:visited { color: rgb(0,100,10); }
#text a:hover { color: rgb(250,125,5); }

#software {
margin: 0;
padding: 3em 0 3em 0;
list-style-type: none;
}

#software a {
text-decoration: none;
vertical-align: middle;
background-color: rgb(245,245,245);
font-weight: bold;
cursor: default;
}

#software li {
padding: 0 0 0.3em 1.5em;
}

#software .down {
background-color: rgb(230,230,230);
vertical-align: bottom;
}

#software .entry {
padding: 0 0 0.3em 3em;
}

#software a:link { color: rgb(0,100,10);}
#software a:visited { color: rgb(0,100,10);}
#software a:hover {	color: rgb(250,125,5);}

.gbold {
font-weight: bold;
}

.entry {
padding: 0 0 0.3em 1.5em;
}

#processright {
position: absolute;			/*IE workaround*/
right: 1em; bottom: 1px;
font-size: 70%;
z-index: 1;
}

html>body #processright {
position: fixed;			/*how should be*/
right: 1em;
bottom: 1px;
font-size: 70%;
z-index: 1;
}

<!--Processes Page-->
#processes {
display: block;
margin: 0 0 0 10%;
width: 60%;
}

#processes li {
float: left;
width: 2em;
font-variant: small-caps;
font-weight: bolder;
text-align: left;
list-style-type: none;
text-indent: 0.5em;
font-size: 1.5em;
line-height: 1.5em;
}

#processes a {
width: 1.5em;
text-decoration: none;
color: rgb(0,100,10);
}

#processes a:hover {
font-style: italic;
color: rgb(250,125,5);
text-transform: capitalize;
}

<!--Advanced Search-->
#asearch {
width: 20.5em;
text-align: right;
}

#asearch li {
list-style-type: none;
}

#asearch a {
text-decoration: none;
text-align: right;
line-height: 1.6em;
vertical-align: middle;
background-color: rgb(245,245,245);
color: rgb(0,100,10);
padding: 0 0.2em 0 0.5em;
}

#asearch a:hover {
color: rgb(250,125,5);
}
