/*
CSS for yogi certification site
*/

h1, h2,h3 {
font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
}

h1 {
font-weight: bold;
font-size: xx-large;
color: #9D0325;
padding-top: 2em;
padding-bottom: .2em;
padding-left: .4em;
margin: 0;
}

h2 {

font-weight: normal;
font-size: 130%;
color: #9D0325;
padding-top: 15px;
}

#navigation {
background-color: #CCCCFF;

font-weight: bold;
width: 163px;
height: 400px;
}

#gallery {

font-weight: bold;
width: 400px;

padding-left: 1em;
}

#gallery2 {

width: 645px;
padding-left: 1em;
}



#images2 {
padding-left: 4em;
}

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #CCCCFF;
line-height: 125%;
padding-left: 2em;
padding-right: 2em;
margin: 0;
}



p, ul {
font-size: medium;
color: #9D0325;
}

.quote {
 float: right;
 padding-right: 150px;
 padding-top: 60px;
}

.centerquote {
	
	 
}

.feature {
  float: right;
  margin: 20px;
}
.feature2 {
  float: right;
   padding: 10px;
}

table.navigation {
border-collapse: collapse;
}

table.navigation th, table.navigation td {
padding: 10px;
font-size: medium;
}

form.contact fieldset {
border: 1px solid navy;
padding: 10px;
}

form.contact label {
font-weight: bold;
font-size: small;

}


 form.contact legend {
 font-weight: bold;
 font-size: small;
 color: #9D0325;
 padding: 5px;
 }
 
/*
this section deals with the position of items on the 
screen.  It uses absolute positioning - fixed x and y coordinates measured 
from the top-left corner of the browser's content display.
*/

#navigation, #bodycontent, #header, #gallery, #gallery2, #images, #images2 {
position: absolute;
}

#navigation, #bodycontent {
top: 6.54em;
}

#gallery, #images {
top: 6.54em;
}

#gallery2, #images2 {
top: 6.54em;
} 



#bodycontent {
left: 200px;
}



#images {
left: 400px;
}

#images2 {
left: 650px;
}