/* Fluid Power Hydraulics - CSS Document */
/* Designed by Illumimedia Design Studios, LLC - Teri Simonton */

body {
margin: 0;
padding: 0;
font: .9em Arial, Helvetica, sans-serif;
background-color: #CCCCCC;
}

#Parent_Box {
margin: auto;
padding: auto;
height: auto;
width: 800px;
clear: both;
background-color: #FFFFFF;
border: 2px solid #BBAF97;
}

#Masthead {
float: left;
width: 800px;
height: 103px;
margin: 0;
padding: 0 0 0 0;
clear: both;
}

#Navbar {
float: left;
width: 800px;
height: 125px;
background-color: #FFFFFF;
background-repeat: no-repeat;
background-position: left;
margin: 0;
padding: 0;
clear: both;
}


#Navbar_shadow {
float: left;
width: 800px;
height: 22px;
margin: 0;
padding: 0;
background-image: url(../Images/Template/navshadow.jpg);
background-repeat:no-repeat;
background-color: #FFFFFF;
clear: both;
}

#Main_box {
float: left;
width: 800px;
height: auto;
background-color: #FFFFFF;
margin: 0 0 20px 0;
padding: 0;
clear: both;
}
#Left_Column {
float: left;
width: 180px;
height: auto;
padding: 5px 5px 0 15px;
margin: 0;
line-height: 1.3em;
text-align: left;
font-size: .9em;
font-family: Georgia, "Times New Roman", Times, serif;
}

#Left_Column2 {
float: left;
width: 195px;
height: auto;
padding: 0;
margin: 0;
line-height: 1.1em;
text-align: left;
}

#Left_Column2 li {
line-height: 150%;
margin: 0 20px 0 0;
padding: 0;
}

#Left_Column2 p {
margin: 0 0 0 10px;
}

#Right_Column {
float: left;
width: 535px;
height: auto;
margin: 0 0 20px 0;
padding: 0 0 0 20px;
clear: right;
}

#Content_box_top {
float: left;
width: 545px;
height: 27px;
margin: 0;
padding: 0;
clear: both;
}

#Content_middle {
float: left;
width: 515px;
height: auto;
background-image: url(../Images/Template/mid_content.jpg);
background-repeat: repeat-y;
background-position: top;
line-height: 1.2em;
margin: 0;
padding: 15px;
clear: both;
}


#Content_bottom {
float: left;
width: 545px;
height: 20px;
background-image: url(../Images/Template/content_bottom.jpg);
background-repeat: no-repeat;
margin: 0 0 10px 0;
padding: 0;
clear: both;
}


#Content-2nd-box {
width: 515px;
height: auto;
margin: 0;
padding: 15;
}

#Footer {
float: left;
width: 760px;
height: auto;
background-image: url(../Images/Template/footertop.jpg);
background-position: top;
background-color: #BBAF97;
background-repeat: no-repeat;
padding: 10px 20px 0 20px;
clear: both;
}

#Footer2 {
float: left;
width: 760px;
height: auto;
background-image: url(../Images/Template/footertop2.jpg);
background-position: top;
background-color: #F1DC87;
background-repeat: no-repeat;
padding: 10px 20px 0 20px;
clear: both;
}

/* hack so that the main content background extends with content and bumps down footer */

#column_expand_hack {
clear: both;
padding: 0;
margin: 0;
}


/* Text Styles */

h1 {
font-size: 1.2em;
font-weight: bold;
color: #7A0000;
line-height: 1.2em;
}

h2 {
font-size: 1.1em;
font-weight: bold;
color: #7A0000;
}

h3 {
font-size: 1em;
font-weight: bold;
color: #663300;
margin: 5px;
}

.footer {
font-weight: bold;
}

a:link {
color: #7A0000;
}

.quotes {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
font-style: italic;
color: #990000;
}