/*css for contents page for tutorials
*/
body {
margin: 10px;
padding: 0;
font-family: Georgia, Times, Serif;
font-size: 10pt;

}
body{
background: white url('../backgrounds/bb1.jpg') no-repeat fixed bottom left;
}



#tagline  {
height:1.5em;
font-family: "comic sans ms", Times, Georgia, Serif;
font-weight: bold;
font-size: 13pt;
background-color: #ccc;
border-top: .1em solid #360d89;
border-bottom: .3em solid #360d89;
text-align: center;

padding-top: 0;
padding-left: .8em;
padding-bottom:1em;
}
#tagline {
background: #000 url('../backgrounds/swirl.jpg');
color: white;

}

#branding{
border: 10px solid #fff ;
background:#fff url('../backgrounds/paol1.jpg') no-repeat left;
height:165px;

}
#branding p {
margin-top: 5em;
color: navy;
font-family: garamond;
text-align: right;
font-size: 150%;
font-weight: bold;
}



#main {


margin-left:15%;
margin-right:15%;
margin-top:20px;
margin-bottom: 20px;
text-align: left;
border:10px double;
}


#main {
background: white ;
background: white url('../backgrounds/bb2.jpg') no-repeat fixed bottom left;
border:10px double #360d89;


}


#maincontent {
color:#318085;
font-family: cursive;
font-size:10pt;
margin:45px;

}

#maincontent {
text-align:left;
font-family: Georgia, Times, Serif;
margin-left:50px;
margin-right: 50px ;
margin-top: 20px;
margin-bottom: 20px;

}


p:first-letter {
font-weight: bold;
font-size: 120%;
}
.intro:first-line {
text-transform: uppercase;
font-size:90%;
}


img.fig1 {
float: right;
border: 2px solid;
margin-left: 20px;
margin-bottom: 6px;



}
img.fig2 {
float: left;
border: 2px solid;
margin-right: 20px;
margin-bottom: 6px;

}

img.fig3 {
border: 2px solid;
margin-right: 20px;
margin-bottom: 6px;
}
img.fig1 {
border: 2px solid #339;

}

img.fig2 {
border: 2px solid #339;
}

img.fig3 {
border:2px solid #339;
}



h1{
color: #0c2db2;
}

h2{
color:#606060;
}


h3{
color:  #93f;

}
h1{

font-size: 22pt;
text-align: center;
letter-spacing:-0.05em;
}

h2{
font-style: italic;
font-size: 15pt;
text-align: left;
}
h3{
font-size: 12pt;
text-align: center;
}

#navbar a:link, #navbar a:visited {
margin-right: 0.2em;
padding: 0.2em 0.6em 0.2em 0.6em;
text-decoration: none;
font-size:100%;

}

#navbar a:hover {
margin-right: 0.2em;
padding: 0.2em 0.6em 0.2em 0.6em;
text-decoration: none;
font-size:150%;
}


#navbar li {
list-style: none;
margin:0;
padding:0;
display: inline;
font-size:80%;

}



#footer {

text-align: center;
margin:0;
padding:0;
font-size:130%;
}

#lists1 {
float:left;
width:55%;
display:inline;
margin-left: -40px;



}
#lists2 {

margin-left:40%;
margin-right: 5%;


}
#container
{
width:99%;
border:1px;

padding:5%;
}

#foot
{
width:100%;
text-align:center;
color:black;



clear: both;
}