/* CSS file for BSU BUG. Fixed navigation bar ...                  */

/* Trying something from:
http://www.thenoodleincident.com/tutorials/typography/index.html   */ 

html          { font-size: 76%; } 

body         { background: url(graphics/back1.gif) fixed no-repeat;
               background-position: 88px 203px;
               color: #666666;
               font-family: 
               verdana, arial, sans-serif;
	       font-size: 1.2em;
	       text-align: left;
                }
				
DIV.pagebody   { margin-left: 155px;
                 width: 40em;
                 position: absolute;
                 top: 0px;
                   }

div.nav        { position: fixed;
                 background: #ddddff;
				 background: url(graphics/menuback.png);
                 top: 20px; left: 10px; width: 130px;
                 padding: 7px;
				 padding-left: 3px;
				 font-size: 0.95em;
				 border: 1px #cecece solid;
                 border-bottom-right-radius: 12px 12px;
                 border-bottom-left-radius: 12px 12px;
                 border-top-right-radius: 78px 120px;
                 border-top-left-radius: 42px 12px;
                 box-shadow: 10px 10px 40px rgba(99,99,99,0.28), inset -2px -2px 2px 2px rgba(99,99,99,0.1) ;}


div.nav ul     { padding: 0em;
                 padding-top: 0.4em;
                 margin: 0em;
				 margin-bottom: -0.5em; }

li.nav         {list-style: none;
                margin-left: 0.3em;
                padding-left: 0em; }

div.nav a          { display: block;
                     
                     /*background: #eeeeff;*/
                     padding-left: 0.2em;
                     margin-top: -.4em;
                     margin-bottom: 0em;
                     text-decoration: none; }

div.nav a:hover    { background: transparent;
                      }
			
/* Negative margin seems to cause a problem with Brian on Harnser's browser! Hides any content underneath the 'Negative' */

H1                { font-size: 1.9em;
                    font-family: arial, sans-serif;
                    font-weight: bold;
                    margin-top: 0em;
                    margin-bottom: 0.65em;
                /*  margin-left: -0.3em; */
					margin-left: 0em;
                    color: #cc3366;
			        background: transparent;
                    border-width: 0px 0px 1px 0px;
                    border-style:solid;
                    border-color: #cc3366;
                    padding: 2% 0% 0.072% 0.6%;
                    text-shadow: 0.055556em 0.055556em 0.183334em rgba(0, 0, 0, 0.2);
                    }
                    

H2  	     	{ color: #cc3366;
                  background: transparent;
                  font-family: arial, sans-serif;
                  font-weight: bold;
                  text-decoration: none;
                  font-size: 1.4em;
                  border-width: 0px 0px 0px 0px;
                  border-style:solid;
                  border-color: #cc3366;
                  margin-left: 0em;
                  margin-bottom: -0.4em;
                  text-shadow: 0.03em 0.055556em 0.1em rgba(0, 0, 0, 0.2);  }
                                               
H3  	     	{ color: #cc3366;
                  background: transparent;
                  font-family: arial, sans-serif;
                  font-weight: bold;
                  text-decoration: none;
                  font-size: 1.2em;
                  border-width: 0px 0px 0px 0px;
                  border-style:solid;
                  border-color: #cc3366;
                  margin-left: 0%;
                  margin-bottom: -0.3em;
                  text-shadow: 0.03em 0.055556em 0.1em rgba(0, 0, 0, 0.2);  }
				  
H4                { color: #cc3366;
                    background: transparent;
                    font-family: arial, sans-serif;
                    font-weight: bold;
                    font-style: italic;
                    text-decoration: none;
                    font-size: 1.05em;
                    margin-left: 0%;
                    margin-top: 1.5em;
                    margin-bottom: -0.7em;
                    text-shadow: 0.03em 0.055556em 0.1em rgba(0, 0, 0, 0.2); }
					
P.first          {  background: url(graphics/vert.jpg) no-repeat;
                    border-width: 0px 0px 0px 1px;
                    border-style:solid;
                    border-color: #cc3366;
					margin: 1em 0em 0em 2.8em;
					padding: 0em 0em 0em 0.55em; }
					
A:visited        { color: #0000ff;
                   background: transparent;}
					
A:hover          { color: #cc3366;
                   background: transparent;}
				   
img.leftimage    { margin-bottom: 0.1em;
	               margin-right: 1em;
				   float: left; }
				   
img.rightimage   { margin-bottom: 0.1em;
	               margin-left: 1em;
				   float: right; }
				   
p.images         {margin-bottom: 5em;}
				   
BR.clearleft    { clear: left; }
					
P.headerlink     {  text-align: right;
                    margin-bottom: 0em;
					margin-top: -1em;
					color: #cc3366;
				    background: transparent; }
					
P.footerlink     {  text-align: right;
                    margin-bottom: 0em;
					color: #cc3366;
				    background: transparent;
					}
					
P.footerlink a   { color: #0000ff;
                   text-decoration: none;}

P.headerlink a   { color: #0000ff;
                   text-decoration: none;}

UL              { list-style-type: circle;
                  /* color: #cc3366;
		          background: transparent; */
                  margin-bottom: 0.4em;
                  margin-top: 0.4em;  }
				  
OL              { list-style-type: decimal;
                  color: #cc3366;
		          background: transparent;
                  margin-bottom: 0.4em;
                  margin-top: 0.4em;  }
				  
LI              { margin-bottom: 0.4em; } 
				  
SPAN.revert     { color: #666666;
                  background: transparent; }

DL              { margin-left: 2em }
				  
DT.links        { font-weight: normal;
                  color: #cc3366;
                  background: transparent;
                  text-shadow: 0.03em 0.055556em 0.1em rgba(0, 0, 0, 0.2); }
				  
DT              { font-weight: bold;
                  color: #cc3366;
                  background: transparent;
                  text-shadow: 0.03em 0.055556em 0.1em rgba(0, 0, 0, 0.2); }
				  
DD              { margin-bottom: 0.8em }
					
HR              { height: 1px;
                  border-style: solid;
                  color: #cc3366;
                  background-color: transparent;
                  width: 100%;  }
					
DIV.endquote    { color: #dddddd;
                  background: transparent;
                  text-align: left;
                  margin-left:0%;
				  margin-top: -1em;
				  font-size: 0.8em;
				  letter-spacing: 0.076em;    }
				  
IMG.rightimage    { float: right;
                    margin-left: 3em; }
					
SPAN.pull         { color: #cc3366;
                    background: transparent;}