@charset "UTF-8";



@font-face {

    font-family: 'open_sansbold';

    src: url('../fonts/opensans-bold-webfont.eot');

    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensans-bold-webfont.woff') format('woff'),

         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),

         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'open_sansregular';

    src: url('../fonts/opensans-regular-webfont.eot');

    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensans-regular-webfont.woff') format('woff'),

         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),

         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



/*------------ERIK MEYER RESET------------------------------------*/

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;

}



/*-------------COMMON ELEMENTS------------------*/

body {

  font-family: 'open_sansregular', sans-serif;

  font-size: .9em;

  color: #333;

  padding: 0px 0px 0px 0px;

}



h1, h2, h3, h4, h5, h6, .componentheading {

   font-family: 'open_sansbold';

}



h1, .componentheading {

  font-size: 2.0em;

  line-height: 35px;

  color: #003d7b;

  margin: 20px 0px;

}



h2 {

  font-size: 1.6em;

  color: #003d7b;

  line-height: 25px;

  margin: 10px 0px;

}



h3 {

  font-size: 1.6em;

  color: #003d7b;

  margin: 12px 0px;

}



h4 {

  font-size: 1.4em;

  color: #003d7b;

}



a:link, a:visited {

  color: #003d7b;

  text-decoration:underline;

}





a:hover {

  color: #0463c4;

}



ul, ol {

     margin: 5px 0px 5px 30px;

}



img {

     behavior: url(../iepngfix.htc);

     border: none;

}



section p {

    margin: 8px 0px;

}



strong {

   font-weight: bold;

}



em {

   font-style: italic;

}







/*-------------COMMON STRUCTURE Change Elements-----------------*/



#wrapper-header {

  background: #003d7b url(../images/header-bkg-tile.jpg) repeat-x top center;

  padding: 30px;

}



header {

  max-width: 1000px;

  display: block;

  margin: 0px auto;

  text-align: center;

}



#wrapper-nav {

  background-color: #101118;

}



nav {

  max-width: 900px;

  display: block;

  margin: 0px auto;

  text-align: center;

}

#navbar a{

  color: #fff!important;

}

#navbar a:hover{

  color: #ccc!important;

}



#wrapper-article {

  margin: 0px;

  padding: 0px;

  background: #fff url(../images/body-tile.jpg) repeat-x top center;

}



section {

  padding: 20px 0px 0px 0px;

  max-width: 1000px;

  display: block;

  margin: 0px auto;

}



aside.browser {

}



aside.browser {

  padding: 0px 15px;

  margin: 0px 20px;

  width: 40%;

  display:block;

  float: right;



}



aside.browser .moduletablephotos {

  margin: 150px 0px 0px 0px;

}



aside.mobile {

  display: none;

}



article {

  width: 50%;

  padding: 0px 30px 30px 0px;

  line-height: 1.5em;



}



a.article-btn {

  background-color: #003d7b;

  text-decoration: none;

  color: #fff;

  width: 60%;

  display: block;

  padding: 5px;

  line-height: 1.2em;

  border-radius: 0px 7px 7px 0px;

-moz-border-radius: 0px 7px 7px 0px;

-webkit-border-radius: 0px 7px 7px 0px;

border: 0px solid #000000;

}

a.article-btn:hover {

  background-color: #0463c4;



}



#wrapper-footer {

    background: #003d7b url(../images/header-bkg-tile.jpg) repeat-x top center;

}



footer {

  max-width: 1000px;

  display: block;

  margin: 0px auto;

  padding: 30px 0px;

  color: #fff;

  font-size: .8em;

}



/*------------STRUCTURE-------------------*/



#wrapper-banner {

  background-color: #101118;

  padding: 0px;

}



#banner, #banner-in {

  max-width: 1000px;

  display: block;

  margin: 0px auto;

  padding: 0px;

  color: #fff;

  font-size: .8em;

}



#banner img {

  width: 100%;

  margin: 0px 0px 0px 0px;

  

}

#banner-in img {

  width: 100%;

  margin: 0px 0px 0px 0px;



}





.theme-default .nivoSlider {

	position:relative;

	background:#fff url(loading.gif) no-repeat 50% 50%;

	margin-bottom:0px;

	-webkit-box-shadow: 0px 0px 0px 0px #4a4a4a;

	-moz-box-shadow: 0px 0px 0px 0px #4a4a4a;

	box-shadow: 0px 0px 0px 0px #4a4a4a;

}



/*--------------MISC Formatting-----------*/



.pagination li {

   float: left;

   list-style: none;

   margin: 0px 10px;

}



.pagination ul {

   display: block;

   padding: 10px 0px;

}



/*------------SEARCH FIELDS -------------------*/

.phrases, .only {

  display: none;

}



.result-title {

  margin: 20px 0px 0px 0px;

}



.result-category, .result-created {

  font-style: italic;

  font-size: 10px;

}



.moduletable .search input.inputbox {

  float: left;

  width: 180px;

  height: 26px;

  padding: 0px;

  margin: 0px;

}



.moduletable .search .button {

 background: none;

 border: none;

 margin: 1px 0px;

 padding: 0px;

 width: 35px;

 height: 35px;

}



.edocman_document_list a {

   font-size: 12px;

   color: #333;

   margin: 0px 0px 0px 0px;

}



.edocman_document a img {

   vertical-align: middle;

   margin: 0px 10px 0px 0px

}

.edocman-thumb-left {

   display: none;

}



/* --------------------------------------------



   Clear



-------------------------------------------- */



.clear {

    clear: both;

}

#edocman-category-page-table .clearfix {

    display: none;

}



.clr {

    clear: none!important;

}



/*-----------RS FORM STYLING-------------------*/

.rsform-block {

   font-family: 'open_sansregular';

}



.inputbox {

  color:#888;

  width: 40%;

  background-color: #ffffff;

  border-radius:2px;

  -moz-border-radius:2px;

  -webkit-border-radius:2px;

  box-shadow:0 0 3px rgba(192, 192, 192, 0.7) inset, 0px 0px 3px rgba(192, 192, 192, 0.7);

  -moz-box-shadow:0 0 3px rgba(192, 192, 192, 0.7) inset, 0px 0px 3px rgba(192, 192, 192, 0.7);

  -webkit-box-shadow:0 0 3px rgba(192, 192, 192, 0.7) inset, 0px 0px 3px rgba(192, 192, 192, 0.7);

  border:1px solid #c0c0c0;

  margin: 2px 3px 2px 0px !important;

  padding: 3px 3px !important;

}



a.button {

  color: #fff;

  text-decoration: none;

  font-family: 'open_sansregular';

  display: block;

  padding: 10px 10px;

  

}



.rsform-input-box, .rsform-text-box, .rsform-captcha-box, .button {

  color:#888;

  width: 30%;

  background-color: #ffffff;

  border-radius:2px;

  -moz-border-radius:2px;

  -webkit-border-radius:2px;

  box-shadow:0 0 3px rgba(192, 192, 192, 0.7) inset, 0px 0px 3px rgba(192, 192, 192, 0.7);

 -moz-box-shadow:0 0 3px rgba(192, 192, 192, 0.7) inset, 0px 0px 3px rgba(192, 192, 192, 0.7);

  -webkit-box-shadow:0 0 3px rgba(192, 192, 192, 0.7) inset, 0px 0px 3px rgba(192, 192, 192, 0.7);

  border:1px solid #c0c0c0;

  margin: 2px 3px 2px 0px !important;

  padding: 3px 3px !important;

}



.rsform-submit-button, .rsform-reset-button, .button, .buttonsearch {

}



.formResponsive input[type="submit"], .button, .btn {

  background-color: #333;

  *background-color: #333;

  background-image: -ms-linear-gradient(top, #333, #666);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#666));

  background-image: -webkit-linear-gradient(top, #333, #666);

  background-image: -o-linear-gradient(top, #333, #666);

  background-image: -moz-linear-gradient(top, #333, #666);

  background-image: linear-gradient(top, #333, #666);

  background-repeat: repeat-x;

  border-color: #333;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333', endColorstr='#666', GradientType=0);

  filter: progid:dximagetransform.microsoft.gradient(enabled=false);

  color: #ffffff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}



.formResponsive input[type="submit"]:hover,

.formResponsive input[type="submit"]:active,

.formResponsive input[type="submit"].active,

.formResponsive input[type="submit"].disabled,

.formResponsive input[type="submit"][disabled] {

  background-color: #333;

  *background-color: #333;

  color: #ffffff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}



.formResponsive input[type="reset"] {

  background-color: #333;

  *background-color: #333;

  background-image: -ms-linear-gradient(top, #333, #666);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#666));

  background-image: -webkit-linear-gradient(top, #333, #666);

  background-image: -o-linear-gradient(top, #333, #666);

  background-image: -moz-linear-gradient(top, #333, #666);

  background-image: linear-gradient(top, #333, #666);

  background-repeat: repeat-x;

  border-color: #333;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333', endColorstr='#666', GradientType=0);

  filter: progid:dximagetransform.microsoft.gradient(enabled=false);

  color: #ffffff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}



.formResponsive input[type="reset"]:hover,

.formResponsive input[type="reset"]:active,

.formResponsive input[type="reset"].active,

.formResponsive input[type="reset"].disabled,

.formResponsive input[type="reset"][disabled] {

  background-color: #333;



  *background-color: #666;

  color: #ffffff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}



/*---------------OVERRIDES-------------------------------------*/

.dm_taskbar {

  display: none;

}



/*---------------MEDIA QUERIES---------------------------------*/

@media only screen and (max-width:693px){





aside.browser {

  display: none;

  width: 0px;

  padding: 0px;

  float: none;

}



aside.mobile {

  display: block;

  border-top: 1px solid #ccc;

}

aside.mobile .moduletable {

  width: 90%;

  padding: 30px;

  border-top: 1px solid #ccc;

}









article {

  width: 90%;

  padding: 30px;

  line-height: 1.5em;



}







}







/*-------------------------------------------------------*/







@media only screen and (max-width:1020px){





}







/*-------------------------------------------------------*/







@media only screen and (max-width:730px){







}