/* CSS Document for jbyoga using purple, green & white color scheme */

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

#cert
{
background-color: #FFFFFF;
height: 7em; 
margin: 0;
border: 1em solid #458B00;
}

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

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

#welcome
{
margin: 0;
height: 14em;
background-color: #330066;
color: #FFFFFF;
padding: 1em;
border-left: 1em solid #458B00;
border-right: 1em solid #458B00;
/* border-bottom: 1em solid #458B00; */
}

.welcomehdr
{
padding-top: 1em;
padding-bottom: 1em;
font-weight: bold;
text-align: center;
}

.welcometxt
{
font-size: 85%;
font-weight: bold;
text-align: center;
}

#sun
{
float: right;
border: solid 1.5em #458B00;
width: 11em;
height: 11em;
margin: 0;
vertical-align: middle;
}



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

div.hmenu h1 
{   
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;
}


#content
{
border: 0;
margin-left: 5%;
margin-right: 5%;
padding: 0;
}

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

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

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;}

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

p 
{
font-size: 100%;
}

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

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

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

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

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;
}


#CWCAnnounce
{
border: 4px #cc0000 solid;
margin-left: 5em;
margin-right: 5em;
padding: 5px;

}

#newlocation
{
border: 4px #cc0000 solid;
margin-left: 5em;
margin-right: 5em;
padding: 5px;

}