/* _______ Stylesheet for Silva 1.4b1 frontend _____________________
** _______ Silva users can insert their own frontend styles ______________
** _______ Styles modified here will affect the Silva preview  ___________
**
**  Instructions to set caching headers. Inside comments area to play nicer with CSS editors.
** ** 
** 
** 
** 
** 
**
** _______ Selector groups (out of date) _______
**
** silva frontend layout
** alignments
** typography
** silva specific typography
** silva list styles
** links
** silva table styles
** various table layouts
** subscription forms
** css2 selectors
** 
** This css file needs a cleanup . Call it transitional.
** Varying indents indicate changes.
*/

body {
    margin: 0em;
    padding: 0em;
    color: #2D374C;
    background-color: #FFFFFF;
  /* make an absolute path to the image to prevent duplicate caching */
  background-image: url(http://www.glycogold.org/silvanew/glycogold/images/logo.png); 
  background-repeat: no-repeat;
    font: 80% Verdana, Helvetica, Arial, sans-serif;
}

/* layout for the content area in the preview screen */
div.preview {
    margin: -0.1em 0em 0em 0em;
    padding: 0.3em 1em 1em 1em;
    border: 1px solid #789;
    background-color: #E3ECF7;
}

#main-content {
    width: 100%;
    border: 1px solid red;
}

/* defines the width of the text in the preview and public layout */

#main {
    float: left;
    width: 70%;
    margin: 0em;
    padding: 0.6em;
  max-width: 52em; /* FF and IE7 only */
}

#left-box {
    padding: 8px;
    float: left;
    width: 186px;

}

/* this selector works only for standards compatible browsers like mozilla
** IE ignores this definition */
body>div.public {
    width: 65em;
}

/* preview width */
div.preview>div.public {
    width: 65em;
}

img {
border:none;
}

/* ______________________________________________ silva frontend layout _____ */

/*
#  GLOBAL  ####################################################################
*/

/*
#  Logos  #####################################################################
*/

/* logo1pos */
#logo1pos {
	float: left;
	width: 50%
}

#logo1pos a {
	font-size: 2.4em;
	font-weight: normal;
	color: white;
}

#logo1pos a:hover {
	color:  #D70044;
}

/* 20071807 DELETED WITH NO VISIBLE EFFECT TO OUTPUT 
logo2pos 
#logo2pos {
	left:100px;
	top:40px;
}*/

/* 20071807 DELETED WITH NO VISIBLE EFFECT TO OUTPUT
#logo2pos a {
	font-size: 1.4em;
	font-weight: normal;
	color: white;
}*/

/* 20071807 DELETED WITH NO VISIBLE EFFECT TO OUTPUT
#logo2pos a:hover {
	color:  #D70044;
}*/

/* logo3pos */
#logo3pos {
	float: right;
	margin: 7px 0 0;
	width: 90px;
}

/*  not needed with icon link for docs
#logo3pos a {
	font-size: 1.4em;
	font-weight: normal;
	color: white;
}
#logo3pos a:hover {
	color:  #D70044;
}*/

div.search {
  clear: both;
  float:right;
  margin: 24px 0pt 0pt;
  padding: 0em 0.5em;
}

select, input {
    background-color: #FFFFEE;
    color: #003;
  margin: 0;
  padding:0.2em;
  border: 1px solid green;
  font-size: 90%;
}

input.button {
background-color:#E8F7EF;
color:darkBlue;
}

/* 
#  HEADER AREA  ###############################################################
*/

#header {
	color: #FFFFFF;
	height: 100px;
	margin: 0em;
	padding: 0em;
	border: None;
}

/* 
#  TOPMENU  ###################################################################
*/

#topmenu { 
  background-color: gold;
  color: #000096;
  margin: -22px 0px 0px 200px;
  border: 1px solid darkBlue;
  border-style: solid none none solid;
}

.topmenu-body {
    padding-left: 11px;
}

#topmenu ul {
	list-style-type: none;
	margin: 0em;
	padding: 0.1em 0.2em 0.1em 0.6em;
}

#topmenu ul li {
	display: inline;
	color:  #FFFF00em;
}

#topmenu a {
padding: 0.1em 0.3em 0.1em;
	font-size: 1.2em;
	font-weight: normal;
	color: #000096;
}

#topmenu a:hover {
	color: gold;
	background-color: darkblue;
}

#topmenu a.topmenu-here { 
	background-color: darkblue;
	color: gold;
}

/* 
#  SUBMENU  ###################################################################
*/

#submenu {
    display: block;
    height: 20px;
    height/**/:/**/ 21px;
  margin: 0em;
  border-top:1px solid #000096;
  border-bottom:1px solid #000096;
    background-color: #CDDCEC;
}

#submenu ul {
	list-style-type: none;
	margin: 3px 0 0 202px;
	padding: 0em 0em 0em 0.8em;
}

#submenu ul li {
	display: inline;
}

#submenu ul li a {
	text-decoration: none;
	padding: 0em 0em 0.2em 0em;
	color: #000096;
/*font-size: .8em;
	font-weight: bold;*/
}

#submenu ul li a:hover {
	color: #FF1F08;
    
}

#submenu ul li a.active {
	color: #D70044;
	text-decoration: none;
}

#submenu ul li a.active:hover {
	color: #D70044;
}

/*
#  Location Bar  ##############################################################
*/

.location-right {
	float: right;
	margin: -18px 7px 0 0;
	color: #000096;
	font-size: .9em;
}

/* 20071807 DELETED WITH NO VISIBLE EFFECT TO OUTPUT 
#location_right {
	right: 192px;
	top: 105px;
	color: #000096;
	font-size: .9em;
}*/

/* 20071807 DELETED WITH NO VISIBLE EFFECT TO OUTPUT 
#location_right a{
	color: #000096;
	font-size: .9em;
}*/

/* 20071807 DELETED WITH NO VISIBLE EFFECT TO OUTPUT 
#location_left {
	left: 16px;
	top: 91px;
	color: white;
	font-size: .8em;
}*/

/* 20071807 DELETED WITH NO VISIBLE EFFECT TO OUTPUT 
#location_left a {
	color: white;
}*/

/* 20071807 DELETED WITH NO VISIBLE EFFECT TO OUTPUT
#location_left a:hover {
	color:  #FFFF00em;
	background-color: #0000FF;
}*/

/* 20071807 DELETED WITH NO VISIBLE EFFECT TO OUTPUT
textarea {
    background-color: #EEEEEE;
    color: #000000em;
    position: relative;
}*/

/* 20071807 DELETED WITH NO VISIBLE EFFECT TO OUTPUT
select.dependant, input.dependant {
    background-color: #FFEEEE;
    color: #005555;
}*/

tr.dependant {
    /*background-color: #FFCCCC;*/
    background-color: #FF0000em;
}

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0em 0em 0em;
  color: #455885;
}

h2 {
  margin-top: 0.1em;
  font-size: 160%;
}

h3 {
  margin-bottom: 0.6em;
  font-size: 145%;
}

h4 {
  margin-bottom: 0.5em;
  font-size: 120%;
}

h5 {
  margin-bottom: 0.2em;
  font-size: 110%;
}

h6 {
  margin-bottom: 0.1em;
  color: #676767;
  font-size: 105%;
}

h6.minor {
  color: #454545;
  font-size: 100%;
}

p {
  margin: 0.7em 0em;
}

ul {
  margin: 0.7em 0em;
}

ol {
  margin: 0.7em 0em;
}

/* not in use anymore
.breadcrumb {
    color: #888;
    padding-left: 0em;
}
*/

/* _________________________________________________ silva table styles _____ */

table.silvatable {
  empty-cells: show;
  border-collapse: collapse;
  margin: 0.5em 0 0.5em;
}

table.silvatable tr {
  vertical-align: top;
} 

table.silvatable tr.rowheading {
  font-weight: bold;
} 

tr.odd, tr.even {
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: #000096;
  border-style: solid;
}

tr.odd {
  background-color: #EEEEEE;
}

tr.even {
    background-color: #FFFFEE;
}

/*.main { not in use 
    background-color: #FFFFFF; 
    padding-left: 5px;
    padding-right: 5px;
    text-align: justify;
}*/

/* Footer */
.border_bottom {
  margin-top: 2em;
  padding: 0.4em 0em;
  border-top: 2px solid gold;
    color: #000096;
    font-weight: bold;
    font-size: 0.8em;
    text-align: center;
}

/*
#  Navigation  ##############################################################
*/

.navigation-box {
  background-color:#FFFFEE;
  border:1px solid darkblue;
  margin-right:5px;
  padding:0em 0em 0.3em 0em;
  vertical-align:top;
}

.navigation-head {
    margin: 0em;
  padding: 0.1em 0.2em;
  border-bottom: 1px solid darkBlue;
    background-color: #ECF3FF;
    font-weight: normal;
}

.navigation-body {
    padding: 0.3em 0em 0em 0.2em;
    margin: 0em;
}

ul.navigation-body {
    vertical-align: top;
    padding: 0.2em 0em 0em;
    margin: 0em;
}

.navigation-here {
    padding: 0.2em 0em 0em 0.2em;
    background-color: #FBF598;
    vertical-align: top;
    color: #000000em; 
}

.navigation-child li, .navigation-here li, .navigation-body li {
	list-style-type: none;
}

.navigation-child {
    vertical-align: top;
  padding: 0.2em 0em 0em 0.2em;
}

img.icon {
vertical-align:top;
}

/* ____________________________________________________________ links _____ */

a, a:link, a:active, a:visited {
   text-decoration:	none;
   color:	darkblue;
   background: transparent;
}		

a:hover.menu, a:hover.banner { 
    /*text-decoration:none;*/
	color:	#FF1F08;
}

span.breadcrumb a {
  text-decoration : none;
  color: darkblue;
}  
span.breadcrumb a:hover {
  text-decoration: underline;
  color: #000em;
}  

/* end cascade */