@charset "utf-8";
body  {
	font-size: 11px;
	margin: 0.1em;
	padding: 0em;
	background: #fff;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
        line-height: 1.6;
        color: #454545;
}

.thrColFixHdr {
	width: 965px; 
	background: #fff;
	margin: 0px auto; 
	border: 0px solid #ddd;
	text-align: left; 
	padding: 0 0 10px 0;
        position: relative;
	}

.thrColFixHdr #wrap {
	width: 965px;
	margin: 0px auto; 
	padding: 0em;
	background: #fff;
        position: relative;
}

/*** Hyperlinks in middle and right columns ***/
a {
	background-color: inherit;
	color: #006983;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
        color: #dad700;                    /* #878800; */
}

/*** Correction for non-IE browsers ***/
#wrap {
	overflow: hidden;
}

/*** Correction for IE 5.01 ***/
#wrap {
	/*	float: left; */
	width: 965px;
	margin: 0 auto;
}
/**************/
/*   HEADER   */
/**************/

/*** Header main banner ***/
#header-banner {
	width: 965px;
	height: 100px;
	float: left;
	margin: 1px 0em 1px 0em;
	padding: 0em 0em 0em 0em;
	background-repeat: no-repeat;
        background-position: center left;
	background-image: url(daar-logo-wide.gif);
}

/*** Header navigation top ***/
#header-nav-top {
	float: right;
	margin: 1px;
	padding: 5px 0px;
        position: relative;
        height: 100px;
        width: 360px;
}

 #header-nav-top ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: normal;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
}	

#header-nav-top li {
	float: left;
	white-space: nowrap;
	display: block; 
}

#header-nav-top li a {
	margin: 0;
	padding: 0 10px 0 10px;
/*	background-color: none; */
	color: #016e91;
	text-decoration: none;
        display: inline;
}

#header-nav-top a:hover, #header-nav-top .selected {
	background-color: inherit;
	color: #dad700;                            /* #858c00; */
	text-decoration: underline;	
}

#header-nav-top .img-flag {
	height: 1.2em;
	display: inline;
	margin: 0em;
	padding: 0em;	
	border: none;
}

#header-banner-note {
        position: absolute; 
        right: 15px; 
        top: 25px;  
        display: none;
        z-index: 0;
}

#zyte_avatar_contents { 
        position: absolute; 
        left: 245px; 
        top: 20px; 
        z-index: 200; 
        display:block;
}

/*** Header navigation bottom ***/
#header-nav-bottom {
	width: 965px;
        background-color: #006983;           /* #006983; */
        border-bottom: 6px solid #dad700;    /* #878800; */
}

#header-nav-bottom table {
	width: 100%;
        margin: 0;
}

#header-nav-bottom tr {	
	font-weight: normal;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
	height: 28px;	
}

#header-nav-bottom td {
	margin: 0;
	padding: 0 10px 0 10px;
        text-align: center;
	border-right: solid 1px #ffffff;	
}

#header-nav-bottom .nav-first {
        width: 160px;
        text-align: right;
}

#header-nav-bottom .nav-last {
       width: 160px;
       border-right: 0px solid #006983;    /* #006983; */
}	

#header-nav-bottom a {
	color: #ffffff;
	text-decoration: none;
}

#header-nav-bottom a:hover, 
#header-nav-bottom a.selected {
	color: #dad700;                   /* #ffcc00; */
	text-decoration: none;
}

#header-nav-bottom-bak {
	width: 965px;
	margin: 0;
	padding: 0;
        height: 28px;
        border-top:    0px solid #ffffff;
        border-right:  0px solid #ffffff;
        border-bottom: 0px solid #ffffff;
        border-left:   0px solid #ffffff;
}

#header-nav-bottom-bak td {
	margin: 0;
	padding: 0;
        height: 28px;
        border: 0px solid #ffffff;
	background-repeat: repeat-x;
        background-position: top left;
	background-image: url(bak-header-image-22.png); 
}

#header-nav-bottom-images {
	float: left;
	width: 965px;
      height: 104px;
	margin: 0em;
	padding: 0 0 25px 0;
}
 
/*** Correction for IE5 ***/
* html #header-nav-bottom a {width:1%;}

/*** Correction for IE5 ***/
* html #header-nav-bottom a {width:1%;}


/* 
Since this element is floated, a width must be given.

The actual width of this div, in standards-compliant 
browsers, or standards mode in Internet Explorer will 
include the padding and border in addition to the width.

Padding keeps the content of the div away from the edges 

The background color will be displayed for the length of 
the content in the column, but no further.
*/
.thrColFixHdr #sidebar1 {
	float: left; 
	width: 180px; 
	background: #fff; 
	margin: 0;
}
.thrColFixHdr #sidebar2 {
	float: right; 
	width: 180px; 
	background: #fff;
}
#rtinsidebar2 {
	width: 180px; 
	background: #fff;
	padding: 0px 0px 10px 0px;
}
#rtinsidebar3 {
	width: 180px; 
	background: #fff; 
	padding: 0px 0px 10px 0px; 
}
#lftinsidebar3 {
	width: 180px; 
	background: #fff; 
	padding: 0px 0px 10px 0px; 
}
#lftinsidebar2 {
	width: 180px; 
	background: #fff; 
	padding: 0px 0px 10px 0px; 
}
#insidebar1 {
	width: 160px; 
	background: #FFFFFF; 
	padding: 0px 0px 10px 0px; 
}

/* 
The right and left margins on this div element creates 
the two outer columns on the sides of the page. No matter 
how much content the sidebar divs contain, the column space 
will remain. You can remove this margin if you want the 
#mainContent div's text to fill the sidebar spaces when 
the content in each sidebar ends. 
*/
.thrColFixHdr #mainContent {
	margin: 0 197px 0 197px; 
	padding: 0px 10px 10px 10px;
	background-color: #FFFFFF;
/*	height: auto; */
      text-align: justify;
}
.thrColFixHdr #IMSContent {
	margin: 0 0px; 
	padding: 10px 0 10px 0;
	background-color: #FFFFFF;
	height: auto;
}

#comments-open-text {
       text-align: left;
}

/***   Buffer between heading and content area   ***/
#buffer {
      text-align: left;
      height: 0px;
	margin: 0em;
	padding: 0em;
	background-color: #ffffff;
}

.thrColFixHdr #footer { 
	clear: both;
/* 
be sure to account for size of left/right border if set. 
*/
	width: 965px; 
	margin: 10px 0 0 0;
	padding: 0;
        border: 0px solid #fff;
	background-color: #b5b9ac; 
	text-align: center;
	color: #ffffff;
	position: relative;
	float: left;
        font-family: Verdana, Arial,  sans-serif;
        font-size: 11px;
        line-height: 1.5;
} 

/*
Zeroing the margins of the first element in the footer 
will avoid the possibility of margin collapse - a space 
between divs.

Padding on this element will create space, just as the 
the margin would have, without the margin collapse issue.
*/
.thrColFixHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
}

/*
This class can be used to float an element right in your page. 
The floated element must precede the element it should be next 
to on the page. 
*/
.fltrt { 
	float: right;
	margin-left: 8px;
}

/*
This class can be used to float an element left in your page 
*/
.fltlft { 
	float: left;
	margin-right: 8px;
}

/*
This class should be placed on a div or break element and should 
be the final element before the close of a container that should 
fully contain a float. 
*/
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#wrap #sidebar1 li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	list-style-type: none;
        list-style-position: outside;
	font-size: 11px;
	line-height: 1.6;
        text-align: left;
        margin: 0;
}
#wrap #sidebar1 ul {
	text-align: left;
	white-space: normal;
}
#wrap #sidebar2 li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	list-style-type: none;
        list-style-position: outside;
	font-size: 11px;
	line-height: 1.6;
        text-align: left;
        margin: 0;
}
#wrap #sidebar2 ul {
	text-align: left;
	white-space: normal;
}
.middle-table {
	font-size: 1.2em;
	font-weight: normal;
}
.mainhead {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	color: #333;
	line-height: 1.75;
	text-decoration: none;
      margin-bottom: 10px;
}
.widget-subhead {
      width: 175px;
      font-family: Verdana, Arial, sans-serif;
/*      text-transform: uppercase; */
	font-size: 11px;  /* 1.1em; */
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	line-height: 1.5; /* 1.75; */
      padding: 3px 0 3px 5px;
      border-bottom: 2px solid #dad700;
      background-color: #006983;
      margin-bottom: 10px;
}
.widget-subhead a {
      color: #ffffff;
      text-decoration: underline;
}
.widget-subhead a:hover {
      color: #ffffff;
      text-decoration: none;
}
.subhead {
      font-family: Georgia, "Times New Roman", serif;
      font-variant: small-caps;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	line-height: 1.3;
      margin-bottom: 10px;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
      font-family: Georgia, "Times New Roman", serif;
      font-variant: small-caps;
	font-size: 1.2em;
	font-style: normal;
	font-weight: 600;
	color: #333;
	text-decoration: none;
	line-height: 1.3;
        margin-bottom: 10px;
}

.title,
.archive-title,
.search-results-header h1 {
	font-family: Georgia, "Times New Roman", serif;
        font-variant: small-caps;
	font-size: 1.7em;
	font-style: normal;
	font-weight: normal;
        text-align: left;
	/* color: #333; */
	text-decoration: none;
	line-height: 1.0;
        margin-bottom: 10px;
}

h1 {
	font-family: Georgia, "Times New Roman", serif;
        font-variant: small-caps;
	font-size: 1.7em;
	font-style: normal;
	font-weight: normal;
        text-align: left;
	/* color: #333; */
	text-decoration: none;
	line-height: 1.0;
        margin-bottom: 10px;
}

.entry-title, 
.asset-name
        {
	font-family: Georgia, "Times New Roman", serif;
      font-variant: small-caps;
	font-size: 1.25em;
	font-style: normal;
	font-weight: normal;
      text-align: left;
	/* color: #333; */
	text-decoration: none;
	line-height: 1.4;
      margin: 0 0 10px 0;
      padding: 0 !important;
}

.blogtitle {
	font-family: Georgia, "Times New Roman", serif;
        font-variant: small-caps;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
        text-align: left;
	/* color: #333; */
	text-decoration: none;
	line-height: 1.4;
        margin: 10px 0 5px 0;
}

.ti {
   color: #333;
   font-family: Verdana, Arial, sans-serif;
   font-size: 11px;
   font-weight: normal;
   border: 1px solid #aaa; 
   width: 145px;
}

.search-button {
   color: #333;
   font-family: Verdana, Arial, sans-serif;
   font-size: 11px;
   font-weight: normal;
   border: 1px solid #aaa; 
   width: 20px;
}

.published {
  font-size: 11px;
  color: #999;
  line-height: 2;
  margin: 0;
  padding: 0;
}

img {
  border: 0px;
}

.widget-list {
  padding: 0;
  margin: 0;
  font-size: 10px;
}

.widget-list-item {
  padding: 0;
  margin: 0;
  font-size: 10px;
}

.widget-list-item .widget-list-item {
  padding: 0 0 0 10px;
  margin: 0;
  font-size: 10px;
}

.widget-separator {
  background-color: #fff;
  height: 0px;
/*  border-bottom: 3px solid #878800; */
}

/* more custom styles */
.align-right {
   text-align: right;
}

.float-right {
   float: right;
}

.align-left {
   text-align: left;
}

.float-left {
   float: left;
}

/* colors ****************************************************
 #60b84b; a variation with more green
 #82a76d; a shade more green 
 #82966d; a shade darker text/background
 #a4b88f; light green text/background
 #eff3eb; light green background 
 #5a8530; Dark green banner title
 #22550c; Logo green
 #184903; Darker yet (from header almost black)
 #a68437; Gold for magazine headings
*/

.background-green {
    background-color: #3d7b22;
}

.background-blue {
    background-color: #005ba0;
}

.background-red {
    background-color: #990033;
}

.background-grey {
    background-color: #999999;
}

.background-none {
    background-color: #ffffff;
}

.border-green {
    border: 1px solid #3d7b22;
}

.border-blue {
    border: 1px solid #005ba0;
}

.border-red {
    border: 1px solid #990033;
}

.border-grey {
    border: 1px solid #999999;
}

.border-none {
    border: 1px solid #ffffff;
}

.light-green {
   color: #82a76d;
}

.dark-green {
   color: #5a8530;
}

.gold {
   color: #a68437;
}

.logo {
   color: #22550c;
}

.black {
   color: #000000;
}

.white {
   color: #FFFFFF;
}

/* Use for testing ********************************************/
.testcolor {
   color: #82a76d;
}

.show-text {
   float: right;
   font-size: 10px;
   font-family: verdana, arial, sans-serif;
   vertical-align: bottom;
}

.icons {
   float: right;
   padding: 0px 5px 0 5px;
}

.solid-border {
   padding-top: 8px;
   border-bottom: 1px solid #999;
}

.dashed-border {
   padding-top: 8px;
   border-bottom: 1px dashed #999;
}

.library-header { 
    padding: 5px 5px;
    font-size: 13px; 
    text-align: left;
    font-family: arial, verdana, sans-serif; 
    margin-bottom: 0px;
    font-variant: normal; 
    font-weight: normal;
    border-bottom: 2px solid #999999;
/*  color: defined at <div> */
}

.archive-content {
    font-size: 11px;
    font-family: verdana, arial, sans-serif;
}

.archive-list {
    margin: 0px 0px 0px 0px;
/*    padding: 0px; */
    list-style: none;
    border-bottom: 1px solid rgb(204, 204, 204); 
    padding: 0px 0pt 5px 0; 
    font-size: 11px;
}

.archive-list .archive-list {
    margin-left: 20px;
    font-size: 11px;
}

.archive-list-item {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 11px;
}

.asset-body,
.asset-more {
    padding: 5px 0 10px 0;
    overflow: hidden;
    margin: 0;
}

p {
   padding: 0 0 10px 0;
   margin: 0;
}