/* CSS for New CJE With div's and tables 11-20-08 */

table {
border-collapse: collapse;
margin: 0 auto 0 auto;
}

td {
vertical-align: top;
border-right: 1px solid #cccccc;
padding: 0 20px 0 20px;
}

table td.left {
padding: 0 20px 0 0;
}

/*
table td.right {
background: #8faa00;
}
*/

table.subtable td {
font-size: small;
padding: 1px 5px 1px 20px;
border: none;
margin: 0 auto 0 auto;
background: url(images/bullet_brown.png) left no-repeat;
width: 120px;
}

table.subtable_green td {
font-size: small;
padding: 1px 5px 1px 20px;
border: none;
margin: 0 auto 0 auto;
background: url(images/bullet.png) left no-repeat;
width: 120px;
}

table.portfolio table.subtable td.blank {
background: none;
}

table.portfolio td.right p {
font-size: x-small;
margin: 0 0 5px 0;
}

table.portfolio td.left h5 {
margin: 10px 0 0 0;
padding: 0;
color: #8faa00;
font-size: medium;
}

table.portfolio td.left p {
margin: 5px 0 10px 0;
padding: 0;
}

table.portfolio td.right p {
text-align: center;
}

form label.fixedwidth {
display: block;
width: 100px;
float: left;
text-align: right;
padding: 0 10px 0 10px;
color: #8faa00;
}

form input.fixedwidth, form textarea.fixedwidth{
width: 250px;
}

form .submit_button input {
background: #ffffff;
border: 1px solid #8faa00;
color: #8faa00;
}

form p {
margin: 5px 0 0 0;
padding: 0;
}

form p.right {
text-align: right;
padding: 0 25px 0 0;
}

form {
width: 400px;
margin: 20px 40px 20px 0;
}

form fieldset {
padding: 10px;
border: 1px solid #4c3b2d;
}

form legend {
color: #8faa00;
font-size: medium;
}

p.bullet {
background: url(images/bullet_brown.png) left no-repeat;
padding-left: 20px;
margin: 5px 0 5px 25px;
}

body {
background: url(images/bg_tile.jpg);
font-family: Arial, Veranda, Helvetica, "sans serif";
color: #999999;
margin: 0;
padding: 0;
font-size: small;
}

img.link {
border: none;
padding: 20px 10px 10px 10px;
}

ul {
list-style: none;
}

.header {
background: url(images/header.png) repeat-x;
height: 160px;
width: 100%;
}


#wrapper1 {
width: 100%;
margin: 0 auto 20px auto;
padding: 0;
background: url(images/logo_bg.gif) top no-repeat;
}
 
#page {
width: 800px;
padding: 0;
background: url(images/page_bg.png) repeat-y;
margin: -160px auto 0 auto;
}

#bottom {
margin: 0 20px 0 20px;
padding: 60px 20px 10px 20px;
text-align: right;
}

#bottom p {
margin: 0;
font-size: x-small;
}

.bottom_logo {
float: left;
margin:  -75px 0 0 0;
padding: 0;
}

.bottombg {
background: url(images/bottom_bg.png) bottom center no-repeat;
height: 35px;
margin: 0 auto 0 auto;
padding: 0;
width: 800px;
}

img.thumb {
padding: 10px 0 5px 0;
width: 200px;
height: 60px;
border: none;
}

h1 {
font-weight: normal;
margin-bottom: 0;
color: #4c3b2d;
}

h2 {
font-size: medium;
font-weight: normal;
margin: 0;
}

h3 {
text-align: right;
color: #8faa00;
font-size: medium;
padding: 0;
margin: 0;
}

h4 {
color: #aaaaaa;
margin: 5px 0 0 0;
}

h5 {
margin: 0 0 5px 0;
color: #8faa00;
font-size: small;
}

a:link {
color: #8faa00;
text-decoration: none;
font-weight: normal;
font-size: small;
}

a:visited {
color: #8faa00;
text-decoration: none;
font-weight: normal;
font-size: small;
}

a:hover {
text-decoration: underline;
}


/*  ****************************** trial for CSS popup portfolio image ***************
.popup_image a:hover {
position: absolute;
background: url(images/popup.jpg) no-repeat;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
*/

#navheader {
height: 160px;
margin: 0;
padding: 0;
}

.headerleft {
float: left;
width: 170px;
height: 160px;
background: url(images/header_left.png) left top no-repeat;
}

.headerright {
float: right;
width: 40px;
height: 160px;
background: url(images/header_right.png) right top no-repeat;
}

#nav {
float: left;
height: 160px;
width: 590px;
padding: 0;
margin: 0;
background: url(images/header_mid.png) top repeat-x;
}

#nav ul {
list-style: none;
margin: 30px 0 0 0;
}

#nav ul li {
float: right;
display: block;
padding: 60px 10px 10px 10px;
margin: 0;
border-left: 1px solid #747d00;
}

span.xx {
margin: 0;
padding: 0;
color: #4c3b2d;
text-align: left;
font-weight: bold;
}

#nav a:link, #nav a:visited, #nav a:active {
text-decoration: none;
color: #ffffff;
}

#nav a:hover {
color: #747d00;
}

h6 {
float: left;
margin: 0;
padding: 0;
font-size: small;
font-weight: bold;
color: #4c3b2d;
}

/*
table td.right h6, table td.left h6 {
font-size: x-small;
}
*/

.hline {
height: 2px;
padding: 0;
border-bottom: 1px solid #cccccc;
}