@import url(/styles/global.css);
/* ------ SKIN SPECIFIC CLASSES ------ */
html, body, .editorArea
{
  color: rgb(72, 72, 72);
  font-family: 'Lucida Grande', Geneva, Arial, Vedana, sans-serif;
  font-size: 12px;
}

html
{
  background-color: #ccc;
  background-image: url(/images/background2.jpg);
  background-position: top center;
  background-repeat: repeat-y;
}

body
{
  background-color: #ccc;
  background-image: url(/images/background2.jpg);
  background-position: top center;
  background-repeat: repeat-y;
  text-align: center;
}

.editorArea
{
  background-image: none;
  text-align: left;
}

#page
{
  width: 700px;
  margin: 0 auto;
  min-height: 100%;
  text-align: left;
  background: #fff;
}

#page_inner
{
  position: relative;
  z-index: 0;
  min-height: 100%;
}

#homepage_banner
{
  width: 100%;
  height: 149px;
  background-image: url(/skins/Vision/media/img/banner.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  margin-bottom: -1px;
  text-align: right;
}

#homepage_flash
{
  margin-right: 3px;
}

.horizontal_nav
{
    border-bottom-style: dotted;
    border-bottom-color: darkgray;
    border-bottom-width: 1px;
    border-top-style: dotted;
    border-top-color: darkgray;
    border-top-width: 1px;
    width: 100%;
}

.maintable
{
    margin-top: 0px;
    width: 100%;
    border: 1px;
}

.main_left
{
    width: 160px;
    vertical-align: top;
    padding-top: 20px;
}

.main_content
{
    vertical-align: top;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:25px;
}

.main_right
{
    width: 160px;
    vertical-align: top;
}

.section-banner
{
    width: 100%;
    color: rgb(50, 50, 50);
    background-color: rgb(232, 241, 250);
    font-size:14px;
    font-weight:bold;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left:5px;
    margin-top:20px;
    margin-bottom: 10px;
}

.section-banner-small
{
    width: 215px;
    color: rgb(50, 50, 50);
    background-color: rgb(232, 241, 250);
    font-size:14px;
    font-weight:bold;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left:5px;
    margin-bottom: 10px;
}

.left_nav_top
{
    text-transform: uppercase;
    font-weight:bold;
    font-size:12px;
    color: rgb(204, 102, 0);
    margin-left: 25px;
    margin-bottom: 15px;
}
.left_nav_top a
{
    color: rgb(204, 102, 0);
}

.left_nav_item
{
    width: 100%;
    background-color: rgb(216, 221, 223);
    font-size: 11px;
    margin-bottom: 4px;
    padding-top: 3px;
    padding-bottom: 4px;
    color: rgb(115, 115, 115);
}
.left_nav_item a
{
    margin-left: 15px;
}
.left_nav_item-selected
{
    width: 100%;
    background-color: white;
    font-size: 11px;
    font-weight:bold;
    border-top-color: rgb(216, 221, 223);
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: rgb(216, 221, 223);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 4px;
    padding-top: 3px;
    padding-bottom: 4px;
    color: rgb(0, 102, 51);
}

.left_nav_item-selected a
{
    margin-left: 25px;
    color: rgb(0, 102, 51);
}

.portletgrid
{
  border-spacing: 1px;
}

.portlet .portlet-body
{
  padding: 0 10px;
}

.spacer, #upper-tabs
{
  display: none;
}

#header_top
{
  background-image: url(/images/squares.png);
  background-repeat: no-repeat;
  background-position: top right;
  font-weight: bold;
  color: #116d3a;
  min-height: 78px;
}

#header_top img
{
  position: absolute;
  top: 0;
  left: 0;
  padding: 9px;
}

#header_bottom
{
  background: #322e44;
  height: 23px;
  color: #fff !important;
  font-weight: bold;
  margin: 0 0px 0 0px;
}

#header_bottom div.left
{
  line-height: 23px;
  margin-left: 4px;
}

#header_bottom a
{
  color: #fff !important;
}

#header_bottom .languageForm
{
  line-height: 22px;
}

#header_bottom .languageForm select
{
  font-weight: normal;
  margin-right: 2px;
  margin-top: 2px;
  padding: 0 1px 1px 1px;
}

#header_bottom form.communityForm select
{
  font-weight: normal;
  margin-left: 2px;
  margin-top: 2px;
  padding: 0 1px 1px 1px;
  width: 150px;
}

#header_bottom form.searchForm div
{
  display: inline;
}

#header_bottom form.searchForm .button
{
  display: none;
}

#header_bottom form.searchForm .text
{
  font-weight: normal;
  padding-top: 2px;
  margin-top: 2px;
}

div.communityForm, form.communityForm h1
{
  display: none;
}

form.communityForm div
{
  float: left;
}

div.navigation
{
  width: 100%;
}

div.navigation div
{
  padding-top: 9px;
  margin-left: 330px;
  margin-right: 80px;
  padding-bottom: 9px;
}

div.navigation span a
{
  float: left;
  padding-left: 15px;
  padding-right: 20px;
  line-height: 30px;
}

ul.navigation li
{
  list-style: none;
  float: left;
}

ul.navigation li a
{
  padding-left: 15px;
  padding-right: 20px;
  line-height: 30px;
  white-space: nowrap;
  color: #006633 !important;
}

ul.navigation li a.selected
{
  color: #cc6600 !important;
}

div.contentToolbar
{
  float: right;
}

div.contentToolbar img
{
  display: none;
}

.copyright
{
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #006633;
  background-color: #ccc;
  background-image: url(/images/background2.jpg);
  background-position: top center;
  background-repeat: repeat-y;
}

._copyright
{
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #006633;
  background-color: #ccc;
  background-image: url(/images/background2.jpg);
  background-position: top center;
  background-repeat: repeat-y;
}

.copyright div
{
  background: #fff;
  width: 700px;
  margin: 0 auto;
}

.copyright div div
{
  padding: 2px 0;
  border-top: 1px solid #d3d3d3;
  width: auto;
  margin: 0 2px 0 0;
}

.copyright a
{
  color: #006633 !important;
}

#mainbody
{
  padding-bottom: 50px;
}

#mainbody_inner
{
  min-height: 350px;
}

form.loginForm div
{
  margin: 50px auto;
  width: 230px;
}

form.loginForm div div
{
  margin: 0 0 15px 0;
}

form.loginForm h1
{
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  background: #322e44;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 3px;
}

form.loginForm .text, form.loginForm .button
{
  float: right;
  margin-bottom: 5px;
}

form.loginForm .portlet-form-field
{
  float: left;
  height: 16px;
  width: 16px;
}

form.loginForm label
{
  float: left;
}

form.loginForm br
{
  clear: both;
}

form.loginForm a
{
  display: block;
  line-height: 20px;
  text-align: left;
}