/* CSS Document */

* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
list-style:none;
text-decoration:none;
}

html {
background:#feffcd url(../Images/stripes.gif) repeat;
}

/*The long banner with B&W photos and the text on it*/
div.logo {
background:url(../Images/combinedphotos_logo.gif) top center no-repeat;
width:803px;
height:155px;
margin:0 auto 0 auto;
text-indent:-9999px;
}

div.logo a
{display:block;
 width:803px;
 height:155px;
}

/*div shadow is the real wrapper but is used only to add a shadow img to div wrapper*/ 
div.shadow{
background:url(../Images/shadow.gif) repeat-y;
width:790px;
margin:0 auto 0 auto;
}

/*div shadowBottom is to give the shadow to the bottom only. It does not contain text*/ 
div.shadowBottom
{width:790px;
 height:24px;
 margin:0 auto 0 auto;
 background:url(../Images/shadow_bottom.gif) top left no-repeat;
}

div.wrapper {
width:700px;
background:url(../Images/wrapperbg.gif) top left repeat;
margin:0 15px 0 15px;
padding:15px 30px 0 30px;
}

/*It contains the main content, main text*/
div.main {
width:437px;
border:#fff 9px solid;
background:#feffdf;
padding-top:5px;
margin-bottom:20px;
position:relative;
float:left;
}

/*following 4 classes (tooths and corners) style the divs used for imgs only; for the main div*/
div.toothtop{
width:49px;
height:45px;
background:url(../Images/toothtop.gif) top left no-repeat;
position:absolute;
top:-11px;
left:-11px;
z-index:20;
display:inline;
}

div.toothbottom{
width:49px;
height:45px;
background:url(../Images/toothbottom.gif) bottom right no-repeat;
position:absolute;
bottom:-11px;
right:-11px;
z-index:20;
}

div.cornertop{
width:41px;
height:40px;
background:url(../Images/cornerphototop.gif) top right no-repeat;
position:absolute;
top:-9px;
right:-9px;
z-index:20;
}

div.cornerbottom{
width:41px;
height:40px;
background:url(../Images/cornerphotobtm.gif) bottom left no-repeat;
position:absolute;
bottom:-9px;
left:-9px;
z-index:20;
}

/*Contains info about photo apload*/
div.upload {
float:right;
width:213px;
background:url(../Images/fieldsetbg.gif) top left repeat;
border:solid 1px #C95F00;
}

div.upload a{
text-align:center;
color:#feffcd;
display:block;
background-color:#C95F00;
padding:2px 0 3px 0;
margin-bottom:10px;
font-size:1.1em;
}

div.upload li a
{margin:0;
 padding:0;
 background:none;
 color:#d57312;
 display:inline;
 font: normal 0.95em Georgia, "Times New Roman", Times, serif;
}

div.upload li a:hover
{text-decoration:underline;
}

div.upload p, ol li
{font: normal 0.95em Georgia, "Times New Roman", Times, serif;
color:#393A33;
}

div.upload li 
{list-style:decimal;
 margin:0 10px 0 40px;
}

div.upload p
{font: bold 0.80em Georgia, "Times New Roman", Times, serif;
}


div.bottomLinks
{text-align:center;
 font-size:0.75em;
}

div.bottomLinks a
{padding:0 4px 0 2px;
 border-right:solid 1px #d57312;
}

div.bottomLinks a.noRightBorder
{border-right:none;
}

/*Contains the main navigation bar*/
ul.nav {
font: normal 1.09em arial, sans-serif;
margin:0 auto 25px auto;
width:700px;
height:25px;
}

ul.nav li {
float:left;
width:116px;
text-align:center;
}

ul.nav li a{
height:25px;
width:116px;
line-height:25px;
color:#541d1d; 
background:#b8a385 url(../Images/libgnav.gif) repeat-y;
display:block;
}

ul.nav li a:hover{
background:#c9b79e url(../Images/libghovernav.gif) repeat-y;
}

.main ul.lists{
font: normal 0.95em Georgia, "Times New Roman", Times, serif;
color:#6A6D5D;
padding-bottom:10px;
}

ul.lists li{
margin-left:20px;
}

ul.lists a{
color:#d57312;
}

ul.lists a:hover{
text-decoration:underline;
}

ul.services{
font: normal 0.95em Georgia, "Times New Roman", Times, serif;
color:#6A6D5D;
padding-bottom:10px;
}

ul.services li{
padding-left:20px;
list-style:disc inside;
}

h1.header {
width:455px;
height:28px;
line-height:28px;
margin-bottom:20px;
text-align:center;
font: normal 24px Georgia, "Times New Roman", Times, serif;
color:#541d1d;
background:url(../Images/h1bg.gif) repeat-y top right;
}

h2 {
font: normal 1.1em Georgia, "Times New Roman", Times, serif;
color:#3b3d31;
padding:0 0 3px 10px;
}

h2 a{
color:#d57312;
}

h2 a:hover{
text-decoration:underline;
}

h3 {
font: normal 1.1em Georgia, "Times New Roman", Times, serif;
color:#611717;
background-color:#F4C295;
padding:1px 0 2px 0px;
margin-bottom:10px;
text-align:center;
width:437px;
height:20px;
font-size:1.1em;
border-top:dotted 1px #611717;
border-bottom:dotted 1px #611717;
}

p {
font: normal 0.95em Georgia, "Times New Roman", Times, serif;
color:#6A6D5D;
padding:0 15px 15px 20px;
}

p a{
color:#d57312;
}

p a:hover{
text-decoration:underline;
}

/*div.upload p {
padding:10px 15px 10px 15px;
}

div.upload h2 {
padding:0;
text-align:center;
}*/

p.notaBene{
font: normal 0.75em Georgia, "Times New Roman", Times, serif;
text-align:right;
padding:0;
padding-right:5px;
margin:0;
}

p.termsCond {
font-size:0.75em;
color:#3b3d31;
clear:both;
text-align:center;
}

.main span
{font-weight:bold;
}

p.termsCond a span 
{color:#3b3d31;
}

p.termsCond a span:hover
{ text-decoration:none;
}