/* <!-- */

/**************  General styles ***********************************************/
body {
     margin: 4% 0% 20px 4%;
     padding: 0;
     border: 0;           /* This removes the border around the viewport in old versions of IE */
     width: 96%;
     background: #272827;
     color: #fff;
     min-width: 600px;    /* Minimum width of layout - remove line if not required */
                          /* The min-width property does not work in old versions of Internet Explorer */
     font-size: 1em;
     font-family: "Tahoma", "Helvetica", "Verdana", "Arial", sans-serif;
}

/************** Hyperlinks ****************************************************/
a {
     color: #fff;
}

a:hover {
     color: #369;
     background: #fff;
     text-decoration: none;
}

/************* Headings / Paragraphs ******************************************/
h1 {
      margin: 0.8em 0 .6em 0;
      padding: 5px 0 5px 30px;
      background: #7FA0B6 url(../images/left-cap.gif) no-repeat top left;
}

h3 {
      margin: 0.2em 0 .2em 0;
      padding: 0;
      color: #fff;
}



p {
      margin:.4em 0 .8em 10px;
      padding:0;
      font-size: 16px;
}

/************ Image Float *****************************************************/

/*float left*/
.left {
      float: left; /*left in our text*/
      margin: 6px 20px 3px 0; /*space around the image*/
}

/*float right*/
.right {
      float: right; /*right in our text*/
      margin: 0px 0 3px 3px; /*space around the image*/
}


/************* Header styles **************************************************/
#header {
      clear: both;
      float: left;
      width: 96%;
      border-right: 3px solid #FFF;
      background:  #012B34 url(../images/leftside.gif) repeat-y left;
}

.top {
      width: 100%;
      height: 31px;
      background: url(../images/top.gif) no-repeat left top;
}

.center-content {
      position: relative;
      padding: 1px 20px 1px 20px;
      margin: -1px 0 -1px 0;
}

.bottom {
      width: 100%;
      height: 3px;
      background: url(../images/bottom.gif) no-repeat left top;
}

.bottom span {
      display: block;
      position: relative;
      background: url(bottom-right.gif) no-repeat right bottom;
}


/************* Logo ***********************************************************/
#logo {
      padding: 0 0 10px 20px;
}



/************* Content Layout *************************************************/

/* 'widths' sub menu */
#layoutdims {
      clear: both;
      background: #eee;
      border-top: 4px solid #000;
      margin: 0;
      padding: 6px 15px !important;
      text-align: right;

}

 /* column container */
.colmask {
      position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
      clear: both;
      float: left;
      width: 96%;         /* width of whole page */
      overflow: hidden;   /* This chops off any overhanging divs */
}

/* 2 column left menu settings */
.leftmenu {
      background: #073E4D url(../images/edge.gif) repeat-y left;
      border-right: 3px solid #FFF;
}

.leftmenu .colright {
      float: left;
      width: 200%;
      position: relative;
      left: 250px;
      background: #106581;
      border-left: 2px dotted #FFF;
}

.leftmenu .col1wrap {
      float: right;
      width: 50%;
      position: relative;
      right: 250px;
      padding-bottom: 1em;
}

.leftmenu .col1 {
      margin: 0 15px 0 265px;
      position: relative;
      right: 100%;
      overflow: hidden;
}

.leftmenu .col2 {
      float: left;
      width: 220px;
      position: relative;
      right: 235px;
}

/************* Footer *********************************************************/

/* Footer styles */
#footer {
      clear: both;
      float: left;
      width: 96%;
      margin: 0 0 40px 0;
      border-right: 3px solid #FFF;
      background: #012B34 url(../images/edge.gif) repeat-y left;
}

.footer-top {
      width: 100%;
      height: 31px;
      background: url(../images/footer-bottom-curve.gif) no-repeat left top;
}

.footer-top span {
      display: block;
      position: relative;
      height: 31px;
      background: url(../images/top-right.gif) no-repeat right top;
}

.footer-bottom {
      width: 100%;
      height: 3px;
      background: url(../images/bottom.gif) no-repeat left top;
}

#footer p {
      padding: 28px 0 0 0;
      color: #aaa;
      margin: 0;
      text-align: center;
}

/************* Navigation Menu ************************************************/

.nav_menu {
      list-style-type: none;
      margin: 26px 0 0 0;
      padding: 0;
      width: 220px; /* width of menu */
}

.nav_menu li{
}

.nav_menu li a{
      background: #073E4D; /*color of menu by default*/
      display: block;
      color: white;
      width: auto;
      padding: 14px 0 24px 18px; /* padding for each menu link */
      margin: 0;
      text-indent: 8px;
      text-decoration: none;
}

.nav_menu li a:visited, .nav_menu li a:active{
      color: white;
}

.nav_menu li a:hover{
      background: url(../images/nav-back.gif) no-repeat right top; /*color of menu onMouseover*/
      color: white;
}