/*    Copyright Commerce Street Technologies Inc 2008. All rights reserved    */
/**********************INDEX***************************************************/
/************************************IDs***************************************/

body {
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
font: 85% arial, tahoma, "Trebuchet MS", verdana, arial, verdana, sans-serif;
background-color:#476042/*#FFF7D8;*/
}

#banner {
height: 150px;/*140px;*/
margin: 0; padding: 0;
background: #fff;/*url(images/image00.jpg) no-repeat;*/
}

#bannerLeft {
position: static; float: right;
display:block;
height: 40px;
margin-top: 0; margin-bottom: 10px; padding:0;
background: #fff;/*url(images/image00.jpg) no-repeat;*/
color: #333;
}

#bannerLeft h2 {
font-size: 150%;
text-transform: lowercase;
letter-spacing:1px;
color: #efaf0f; /*#476042;*/
background: #fff;
}

#bannerLeft2 {
position: static; display: block; float: left; width: 100%;
margin-left:0;
height: 90px;
background: #fff;/*url(images/image00.jpg) no-repeat;*/
}

.bannerLogo {
display: block; width: 100%;
padding: 5px 0 5px 5px;
margin-bottom: 12px;
text-align: left;
text-transform: uppercase;
font-size: 2.0em; font-weight: bold;/*2.5em*/
letter-spacing:2px;
color:#967862;
}

#bannerRight {
float: right;
width: 100%;
padding: 0;
margin-bottom: 2px;
background: #fff;/*url(images/image00.jpg) no-repeat;*/
}

#container {
width: 1024px; /*100%, 100%, 99%*/
\width: 1024px;
w\idth: 1014px;
border: 0px solid #eee;
margin-left: auto;
margin-right: auto;
padding: 0;
line-height: 1.5em;
background-color:#fff;
}

#content {
width:auto;
padding: 0 20px 0 20px;
margin-left: 170px;
margin-right: 0;/*170px*/
border-left: 1px solid #6A9662;
/*border-right: 2px dashed #333;*/
color: #555;
background-color: #fff;
}

#footer {
clear: both;
padding: 5px;
margin: 0;
background-color: #5C6143;/*#476042;*/
color: #fff;
}

#footer a {
text-decoration: none;
color: #fff;
background-color:#476042;
}

#footer a:hover {
text-decoration: none;
color: #FE3F22;
background-color:#5C6143;
}

#navlist {
width: 100%;
padding: 4px 0px 5px 0;
margin: 0 0 12px 0;/*20px left*/
text-align: center;
letter-spacing: 1px;
color: #fff;
background: #5C6143;
}

#navlist li {
list-style: none;
margin: 0;
display: inline;
}

#navlist li a {
padding: 5px .75em;
margin: 0;
color: #fff;
background: #5C6143;
text-decoration: none;
}

#navlist li a#current {
color: #fff;
background:#6A9662;
}

#navlist li a:hover {
color: #000;
background: #6A9662;
}

/*#navlist li a:link { color: #fff;
background: #476042;
}*/

/*#navlist li a:visited {
color: #fff;
background: #476042;
}*/

#sidebar-a {
float: left;
width: 150px;
\width: 160px;
w\idth: 150px;
margin-right: 5px;/*5px*/
padding: 0 5px 0 5px;
color: #666;
background-color: #fff;
/*border-right: 2px dashed #333;*/
}

#sidebar-a div {
padding: 6px 3px 1px 3px;
margin: 1px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #6A9662;
}

#sidebar-a h2 {
font-size: 150%;
text-transform: uppercase;
letter-spacing: 2px;
color:#476042;
background: #fff;
}

#sidebar-b {
float: right;
width: 150px;
\width: 160px;
w\idth: 150px;
margin: 0 0 0 5px;
padding: 0 5px 15px 5px;
color: #333;
background-color:#FAF8E9;
}

/*********************************CLASSES**************************************/

.alignCenter{
text-align: center;
}

.alignTop {
float:right;
vertical-align:top;
color:#6A9662;
}

.border {
padding: 10px;
margin: 10px;
border: 1px solid #476042;
}

.bannerTable {
float:right;
border: 2px solid #5C6143;
/*border-bottom: 2px solid #5C6143;*/
margin-top: 4px; margin-left: auto; margin-right:8px; margin-bottom: 0;
background: inherit;
padding: 0;
}

.bannerTable td{
border-right: 2px solid #5C6143;
padding: 1px 4px 1px 4px;
}

.bannerTable .lastCell{
border-right-width: 0;
padding: 1px 4px 1px 4px;
}

.contactTable {
margin-left:auto;
margin-right:auto;
empty-cells: show;
padding: 30px;
border-spacing: 2px; /*Horizontal and Vertical Cell Spacing*/
border: 4px solid #AD9378; /*#5C6143;#6A9662;*/
/*border-width:2px; border-color:#555;border-style:solid;*/
}

.contactTable tr td {
padding: 2px;
margin-right:0;
}

.dataTableCenter {
/*border: 1px solid #DFDFDF;*/
margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto;
border-collapse: collapse;
}

.dataTableCenter .rowCaption{
background: #D4D2C5;
}

.dataTableCenter td {
margin-left: auto; margin-right: auto;
border-left: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
padding: 6px;
}

.dataTableCenter td .tableCaption {
font-style: italic;
font-weight: bold;
}

.dataTableCenter .data {
text-align: right;
}

.dataTableCenter td .first {
border-left: collapse;
}

.dataTableCenter .dataLast {
text-align: right;
border-right: 1px solid #DFDFDF;
}

.dataTableCenter .cellLastCol {
border-right: 1px solid #DFDFDF;
}

.dataTableCenter .dataHeadLast {
text-align: center;
border-right: 1px solid #DFDFDF;
border-left: 1px solid #DFDFDF;
}

.dataTableCenter .rowTop{
border-top: 1px solid #DFDFDF;
}

.dataTableCenter .rowOdd{
background: inherit;
}

.dataTableCenter .rowEven{
background: #FAF8E9;
}

.floatbox {
width: 60%;
overflow: visible;
font-family: verdana, arial, sans-serif;
text-align: center;
color: #967862;
font-style: italic;
font-size: 1.1em;
line-height: 1;
margin-left: auto; margin-right:auto;
margin-top: 1em; margin-bottom:1em;
padding: 1em 0 0 0;
border: none; /*4px solid #AD9378;#5C6143; #6A9662;*/
/*float: left;*/
clear: right;
}

/* .floatbox for all IE */
html>body .floatbox {
width: 59%;
overflow: visible;
font-family: verdana, arial, sans-serif;
text-align: center;
color: #967862;
font-style: italic;
font-size: 1.1em;
line-height: 1;
margin-left: auto; margin-right:auto;
margin-top: 1em; margin-bottom:1em;
padding: 1px 0 0 0;
border:  none;/*4px solid #AD9378;#5C6143; #6A9662;*/
/*float: left;*/
clear: right;
}

.floatBoxCenter {
overflow:        visible;
font-size:       95%;
line-height:     1.25;
margin-left: auto; margin-right: auto;
padding:         0;
border:      		none;    /*1px solid #999999;*/
float:           left;
clear:           left;
}

.floatBoxLeft {
overflow:        visible;
font-size:       95%;
line-height:     1.25;
margin:          0;
padding:         0;
border:      		none;    /*1px solid #999999;*/
float:           left;
clear:           left;
}

.floatBoxRight {
overflow:        visible;
font-size:       95%;
line-height:     1.25;
margin: 0;
padding: 0;
border:  none;
float:           right;
clear:           right;
}

.floatImgBoxLeft {
overflow:        visible;
font-size:       95%;
line-height:     1.25;
margin:          0;
padding:         0;
border:      		none;    /*1px solid #999999;*/
float:           left;
clear:           left;
}

.grabber ul li {
line-height: 1.8em;
margin: 0 10px 0 0;
padding: 0 5px 0 5px;
list-style-type: square;
color: inherit;
background: inherit;
border-bottom-width: thin;/*border-bottom-style:solid; border-bottom-color:#476042;*/
}

.grabberTitle {
font-size: 1.1em;
font-family: verdana, arial, sans-serif;
font-style: italic;
color:#967862;
background: #fff;
}

.greenBar {
padding: 5px;
text-transform: uppercase;
font-size: 130%;
color:#fff;
background: #AD9378;/*#6A9662*/
}

.highlight {		/* Highlight box (for warnings, etc) */
   color:           inherit;
   background:      #F0F0F0;
   margin:          1em 0;
   padding:         0.5em 1em;
   border:          1px solid #999999;
}

.imageCaption {
font-style: italic;
}

.imgCenter {
border: 1px solid #5C6143;
margin-left: auto; margin-right: auto;
padding: 5px;
}

.imgLeft {
float: left;
border: 1px solid #5C6143; /*#90b905;*/
margin: 5px 15px 5px 0;
padding: 5px;
}

.imgRight {
float: right;
border: 1px solid #5C6143; /*#90b905;*/
margin: 5px 5px 5px 15px;
padding: 5px;
}

.imgTableLeft {
float: left;
border: 0; /*#90b905;*/
margin: 0 0.5em 0.5em 0;
padding: 0;
}

.imgTableRight {
float: right;
border: 0; /*#90b905;*/
margin: 0 0 0.5em 0.5em;
padding: 0;
}

.imgTableCenter {
border: 0;
margin-top: 15px; margin-left: auto; margin-right: auto;
padding: 0;
}

.imgTableRight td, .imgTableLeft td, .imgTableCenter td {
text-align:center;
padding: 4px 10px 4px 10px;
}

.docTableLeft {
float: left;
border: 0; /*#90b905;*/
margin: 0 0.5em 0.5em 0;
padding: 0;
/*text-align: left;*/
}

.docTableLeft td {
border-left: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
padding: 2px 4px;
}

.docTableLeft td.rightCell	{
border-right: 1px solid #DFDFDF;
}

.docTableLeft td.titleCell{
border-left-width: 0;
border-right-width: 0;
}

.docThumbnail {
display: block;
text-align: center;
margin: 2px auto;
border: 1px solid #5C6143;
padding: 2px;
}

.intro {
float:left;
width: 100%;/*100%;*/
margin: 3px 0 2px 0;
padding: 5px;
line-height: 130%;
text-align:left;
}

html>body .intro {
float:left;
width: 98%;/*100%;*/
margin: 3px 0 2px 0;
padding: 5px;
line-height: 130%;
text-align:left;
}

.intro2 {
float: left;
width: 100%;
margin: 3px 0 2px 0;
padding: 5px;
}

html>body .intro2 {
float: left;
width: 98%;
margin: 3px 0 2px 0;
padding: 5px;
}

.introLine {
font-size: 130%;
font-style: italic;
letter-spacing: 1px;
color:#6A9662;
background: #fff;
margin: 2px 0 2px 0;
}

.linkBox {
overflow:        visible;
font-size:       1.25em;
width:5em;
margin-bottom:1em;
border:          1px solid #999999;
float:           right;
clear:           right;
}

.logo {

border: 1px solid #90b905;
margin-left:100px; margin-right:auto;
padding: 25px;
}

.urbangreymenu{
width: 100%;
}

.urbangreymenu .headerbar{
font-size: 1em; /*bold 13px; verdana*/
color: white;
background: #5C6143;/*#606060; url(media/arrowstop.gif) no-repeat 8px 6px;last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 3px 0 3px 3px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar2{
font-size: 0.9em; /*bold 13px; verdana*/
color: white;
background: #80875D;/*#606060; url(media/arrowstop.gif) no-repeat 8px 6px;last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 3px 0 3px 3px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 12px; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: #F17C03;
background: inherit;/*#E9E9E9;*/
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
border-bottom: 1px solid #6A9662;
}

/*.urbangreymenu ul li a:visited{
color: black;
}*/

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #6A9662;
}

.orangeBar {
padding: 5px;
text-transform: uppercase;
font-size: 130%;
color:#fff;
background: #5C6143;/*#F17C0B*/
}

.quote {
margin-left:auto;
margin-right:auto;
width: 100%;
font-size: inherit;
padding: 1px 1px 3px 1px;
font-style: oblique;
color: #6A9662;
}

.quote2 {
margin-left: 100px;
font-size: inherit;
padding: 1px 3px 3px 1px;
font-style: oblique;
color: #6A9662;
}

.standout {
font-size: 1.1em;
}

.tdLabel {
text-align:left;
white-space:nowrap;
}

.tdTopLabel {
text-align:center;
white-space:nowrap;
}

.topLeft {
float: left;
padding: 0 0 0 5px;
margin-top: 0;
color: #333;
}

.topRight {
float: right;
padding: 0 5px 0 5px;
margin-top: 0;
color: #333;
}

.textList {
list-style-type: circle;
}

/********************************ELEMENTS**************************************/

a {
text-decoration: none;
color: #F17C0B;
background-color: #fff;
}
a:hover {
text-decoration:underline;
color: #666;
background-color:#fff;
}
a img {
border: 0;
}

.acolor {
text-decoration: none;
color: #F17C0B;
background-color: #fff;
}

h1 {
/*width: 30%;*/
font-size: 200%;
letter-spacing: 5px;
text-transform: uppercase;
color:#6A9662;
background: #fff;
}

h2 {
font-size: 150%;
/*text-transform: uppercase;*/
letter-spacing: 2px;
color:#476042;
background: #fff;
}

h5 {
font-size: 120%;
text-transform: uppercase;
letter-spacing: 1px;
color:#476042;
background: #fff;
margin: 2px 0 2px 0;
}

h6 {
font-size: 110%;
text-transform: uppercase;
letter-spacing: 1px;
color:#476042;
background: #fff;
padding: 0;
margin: 2px 0 2px 0;
}