/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 120%;
  font-size: 62.5%;
  font-family: Helvetica, Arial, Sans;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
a {
    color: #31356d;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a img {
    border: 0 none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

div#wrapper_all, div#wrapper_menu, #scs
{
  display: block;
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}

a:hover img
{
  border: none;
}

/* <!-- */
/* General styles */
html {
  
}

body {
  margin:0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  background: #f4f4f4 url('../images/body_bg.png') repeat-x;
  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 */  
}

#content_area {
    padding: 24px 24px;
    background: #fff;
}

/* Header styles */
#header {
  clear:both;
  float:left;
  width:100%;
  background: #fff;
  position: relative;
}
/* 'widths' sub menu */
#layoutdims {
  clear:both;
  margin:0;
  padding:6px 15px !important;
  text-align:right;
}
/* column container */
.colmask {
  position:relative;	/* This fixes the IE7 overflow hidden bug */
  clear:both;
  float:left;
  width:100%;			/* width of whole page */
  overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
  float:left;
  width:100%;			/* width of page */
  position:relative;
}
.col1,
.col2,
.col3 {
  float:left;
  position:relative;
  padding: 0 0 1em;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
  /*overflow:hidden;*/
}

.col2 {
    padding-top: 24px;
}

.col1, .col3 {
    overflow:hidden;
}
/* 3 Column settings */
.threecol {
  background:#fff;		/* right column background colour */
}
.threecol .colmid {
  right:25%;			/* width of the right column */
  background:#fff;		/* center column background colour */
}
.threecol .colleft {
  right:50%;			/* width of the middle column */
  background: #D0D4E2;	/* left column background colour */
}
.threecol .col1 {
  width:46%;			/* width of center column content (column width minus padding on either side) */
  left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
  width:25%;			/* Width of left column content (column width minus padding on either side) */
  left:29%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
  /*background-color: #D0D4E2;*/
  
  min-height: 560px;
}
.threecol .col3 {
  width:23%;			/* Width of right column content (column width minus padding on either side) */
  left:81%; 			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
#footer {
  clear:both;
  padding: 6px 0 0 0;
  background: #ffffff;
  text-align: right;
}

div#wrapper_menu
{
  margin-top: 20px;
  margin-bottom: 4px; 
}

div#wrapper_all
{
  border-top: 1px solid #33376F;
  padding: 0 1px 1px 1px;
  background: #d0d4e2 url('../images/page_bg.png') repeat-x;
  margin-bottom: 4px;
}

#scs {
  font-size: 1.0em;
  text-align: right;
  margin-bottom: 46px;
}

/* Topmenu */
div#topmenu
{
  margin-bottom: 2px;
  text-align: right;
  font-size: 1.2em;
}

div#topmenu a
{
  color: #31356d;
  text-decoration: none;
}

ul.menu
{
}

ul.menu li
{  
    padding: 1px;    
    display: block;
}

ul.menu li a
{
  color: #31356D;
  font-size: 1.6em;  
  line-height: 1.6em;
  text-decoration: none;
  display: block;
  padding: 2px 15px;
}

ul.menu li.active,
ul.menu li#current {
  border: 1px solid #fff;
  border-left: 0 none;
  border-right: 0 none;
  padding: 0px;
}
ul.menu li.active a,
ul.menu li#current a {
  background: #31356D url(../images/h1_bg.png) repeat scroll 0 0;
  color: #fff;
  position: relative;
  height: 30px;
  padding: 0;
}
ul.menu li.active a span,
ul.menu li#current a span {
  display: block;
  position: relative;
  left: 9px;  
  height: 26px;
  padding: 2px 15px 2px 6px;
  background: #31356D url(../images/menu_active_bg.png) no-repeat scroll right;
  
}

ul.menu li.active ul {
    padding: 5px;
    background: #eee;
}
ul.menu li.active li#current a, 
ul.menu li#current li a,
ul.menu li.active li a 
{
   background: transparent;
   display: block;
   margin: 0;
   padding: 0;
   font-size: 1.2em;
   height: auto;
   color: #31356D;
   font-weight: normal;
}
ul.menu li.active li#current {
    border: 0 none;
    background: #fff;
}
ul.menu li.active li#current a,
ul.menu li.active li.active a {
   font-weight: bold;
} 
ul.menu li.active li#current a span,
ul.menu li#current li a span,
ul.menu li.active li a span {
   background: transparent !important;
   display: inline !important;
   margin: 0 !important;
   padding: 0 !important;
}

#contact_area {
  font-size: 1.0em;
  
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 25%;
  margin: 0;
}
#contact_area p {
 padding: 10px;
}

.col3 h1 {
    background: url("../images/h1_bg.png") no-repeat scroll right center #31356D;
    display: block;
    height: 26px;    
    padding: 2px 15px 2px 6px;    
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    color: #fff;
    margin-top: 24px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.col3 h2 {
    color: #fd4115;
    font-size: 1.4em;
    padding-left: 6px;
    margin: 1.2em 0 0.3em;
    line-height: 1.1em;;
}
.col3 h2 a {
    color: #fd4115;
    text-decoration: none;
}
.col3 h2 a:hover {
    text-decoration: underline;
}

.col3 p {
    font-size: 1.1em;
    line-height: 1.2em;
    padding-left: 6px;
    margin: 0.6em 0;
    color: #444;
}

.col3 button,
.col3 input {
    border: 3px solid #ccc;
    padding: 3px;
    margin: 6px 0 0 0;
    color: #666;
    font-size: 1.2em;    
    width: 203px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;       
}
.col3 button {
    border: 3px solid #d0d4e2;
    background: #d0d4e2;
    color: #31356d;
    width: 215px;    
}
.col3 button:hover {
    border-color: #31356d;
    background-color: #31356d;;
    color: #fff;
}

#headerimages {
    position: absolute;
    left: 250px;
    top: 0px;
}

.block {
    clear: left;
    padding-top: 1px;
  }
  .left {
    float: left;
    width: 140px;
    margin: 0 12px 6px 0;
    text-align: right;
  }
  .right {
     margin-left: 160px;
  }
  .typography .right p {
    margin-top: -1px;
  }
  .photo {
     margin-bottom: 12px;
     text-align: left;
     background: #D0D4E2
  }
  .photo p.name {
    font-size: 1.1em;
    text-align: right;
    margin: 4px 4px;
    color: #000;
  }
  .info {
   
  }
  .label {
    display: inline-block;
    width: 65px;
    font-style: oblique;
  }
  
  .HYPE_element,
  .HYPE_element span {
    vertical-align: middle;
  }
  
  .box {
    margin-left: 75px; 
  }


#Form_ReportForm label.left {
  width: 40px;
}
#Form_ReportForm span.info {
    display: block;
    float: right;
    font-size: 1.2em;
    position: relative;
    text-align: left;
    top: -23px;
    width: 325px;
    height: 0px;
    overflow: visible;
}

.col1 .Actions input, .col1 form#Form_ReportForm input.button {
    margin-left: 52px !important;
    margin-top: 25px;
}