/* CSS Document for jbyoga classes subpages using purple, green & white color scheme */
/* var02 trying to deal with IE quirks in vertical menu and move main text up */

body
{
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
}

#cert
{
background-color: #330066;
height: 7em; 
margin: 0;
border-top: 1em solid #458B00;
border-right: 1em solid #458B00;
border-left: 1em solid #458B00;
}

#certlogo
{
float: left;
width: 6em;
height: 5em;
border: 1em solid #FFFFFF;
}

.certname
{
font-size: 125%;
font-weight: bold;
color: #FFFFFF;
text-align: left;
padding: 1em 0 1em 8em; 
}

/* Horizontal Menu Bar adapted from 
iCITA: Accessible Navigation Bars Examples
http://bestpractices.cita.uiuc.edu/html/nav/menu/examples/ */

div.hmenu h2 
{   
position: absolute;   
top: -20em;   
left: -200em;
}

div.hmenu 
{   
border: 1em solid #458B00;
margin: 0;   
padding: .25em;   
/* margin-top: 1em; */  
/* margin-bottom: 1em; */  
background: #FFFFFF;   
/* width: 90%; */  
text-align: center;
}

div.hmenu ul 
{   
list-style: none;   
margin: 0;   
padding: 0;   
padding: .5em;
}

div.hmenu ul li 
{   
margin: 0;   
padding: 0;   
display: inline;
}

div.hmenu ul a 
{   
margin: 0;   
padding: 0;   
padding-left: .5em;   
padding-right: .5em;   
text-decoration: none;   
background: #FFFFFF;   
border-left: 
solid 2px #330066;   
font-weight: bold;   
font-size: medium;
}

div.hmenu ul a.first 
{
border-left: none;
}

div.hmenu ul a:link, div.hmenu ul a:visited 
{   
color: #330066;
text-decoration: none;
}

div.hmenu ul a:focus, div.hmenu ul a:active, div.hmenu ul a:hover
{
color: #330066;
text-decoration: underline;
}

div#container
{
clear: both;
border: 0;
padding: 0;
margin-bottom: 2em;
}

div.classes
{
float: left;
margin-bottom: 2em;
padding: .5em 2em 2em 2em;
border-right: solid 1px #458B00;    
background: #FFFFFF;   
width: 65%;
}

div.classes ul
{
list-style-position: outside;
list-style-type: disc;
margin: 0;
padding: 0 15px;
}

div.classes li
{
font-weight: bold;
font-size: 110%;
padding-bottom: .5em;
}


/* Vertical Menu Bar adapted from 
iCITA: Accessible Navigation Bars Examples
http://bestpractices.cita.uiuc.edu/html/nav/menu/examples/ */


div.vmenu 
{   
float: right;
margin: 0;   
padding: .25em;   
 background: #FFFFFF;   
width: 25%;
}

div.vmenu h2
{   
position: absolute;   
top: -20em;   
left: -200em;
}

div.vmenu ul 
{  
list-style: none;   
margin: 0;   
padding: 0;   
}

div.vmenu ul li 
{   
margin: 0;   
padding: 0;   
list-style: none;
}

div.vmenu ul a 
{   
margin: 0;   
padding: .25em; 
text-decoration: none;   
background: #FFFFFF; 
font-weight: bold;   
font-size: 90%;
/* height: .9em; This fixes the lines in IE, but messes up wrapping in all other browsers. */  
display: block;
}

div.vmenu ul a:link 
{
color: #330066;
text-decoration: none;
} 

div.vmenu ul a:visited
{
color: #458B00;
text-decoration: none;
}

div.vmenu ul a:focus, div.vmenu ul a:active, div.vmenu ul a:hover 
{   
text-decoration: underline;
}

/* #content
{
clear: both;
border: 0;
padding: 0;
margin-left: 5%;
margin-right: 5%;
}
*/


A:link {color: #330066; text-decoration: underline;}
A:visited {color: #458B00; text-decoration: underline;}
A:focus {color: #330066; text-decoration: underline;}
A:active {color: #330066; text-decoration: underline;}
A:hover {color: #330066; text-decoration: underline;}

table
{    
border-color: #458B00;    
border-width: 0 0 2px 2px;    
border-style: solid;
border-spacing: 0;    
border-collapse: collapse;
}


td
{    
border-color: #458B00;    
border-width: 2px 2px 0 0;    
border-style: solid;    
margin: 0;        
background-color: #FFF;
}

table.center
{
clear: both;
width: 80%;
margin-left: 10%;
margin-right: 10%;
}

thead
{
border-color: #458B00;    
border-width: 2px 2px 2px 0;    
border-style: solid;
padding: .5em;
text-align: center;
}

td
{
padding: .5em;
text-align: center;
}

.tblcapt
{
font-size: 110%;
color: #330066;
font-weight: bold;
}


#jbfooter 
{
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
color: #000000;
text-align: center;
}

p 
{
font-size: 100%;
}

p.block
{
margin-left: 2em;
margin-right: 2em;
}

.red
{
color: #cc0000;
font-weight: bold;
}

.subtitle
{
font-weight: bold;
color: #330066;
}

h1
{
font-size: 150%;
font-weight: bold;
color: #330066;
text-align: center;
}

h2 
{
font-size: 130%;
font-weight: bold;
color: #330066;
text-align: left;
}

h3
{
font-size: 110%;
font-weight: bold;
text-align: left;
}

.caption
{
text-align: center;
}

.quote 
{
clear:left;
font-size: 110%;
font-style: italic;
font-weight: normal;
text-align: center;
margin-left: 10%;
margin-right: 10%;
}

.lastupdate
{
font-style: italic;
}