/*
## layout.css - Contains style for page layout
*/

#wrapper {
  background: #FFFFFF;
  border: 5px solid #FFFFFF;
  margin: 0px auto;
  width: 875px;
}

#header {
  background: url(ung_header-BG.gif) top left repeat-y;
  margin-bottom: 5px;
  height: 117px;
  position: relative;
}

#header #logo {
  position: absolute;
  top: 20px;
  left: 20px;
}

#header #slogan {
  background: url(ung_slogan.gif) top left no-repeat;
  width: 286px;
  height: 19px;
  position: absolute;
  top: 37px;
  left: 564px;
}

#search {
  float:right;
  width:169px;
  padding:6px 0;
}

#search label {
  font-size:117%;
  margin-right:8px;
}

#search .query {
  width:134px;
}

#tools_container {
  padding:5px 0;
}

#breadcrumbs {
  float:left;
  color:#A1A1A1;
}

#breadcrumbs a {
  color:#A1A1A1;
}

#breadcrumbs a.active {
  color:#444444;
}

#nav_tools {
  padding:0;
  float:right;
  list-style:none;
}

#nav_tools li {
  float:left;
  margin-left:20px;
}

#nav_tools li a {
  color:#A1A1A1;
}

#nav_tools li img {
  display:inline;
  margin-right:5px;
}

#main {
  background: #FCB945;
  padding: 10px;
  padding-bottom: 0px;
}

#left_column {
  width: 175px;
  float: left;
}

#mid_column {
  padding: 0px 15px;
  width: 435px;
  float: left;
}

#right_column {
  width: 215px;
  float: right;
}

#content {
  background: #FEEAC8 url(ung_content-BG.gif) top left repeat;
  margin-bottom: 10px;
  xfloat: left;
}

/******************
## COMMON STYLES ##
******************/
h5.box_title {
  color: #FFFFFF;
  text-transform: uppercase;
  background: #C5C477;
  padding: 7px 10px;
  margin-bottom: 0px;
}

#content h5.box_title, #blog h5.box_title {
  color: #000000;
  background: #FFFFFF;
}

div.box {
  margin-bottom: 10px;
}

div.box.banner p {
  margin-bottom: 0px;
}

/*div.box a {
  color: #000000;
  text-decoration: underline;
}*/

div.box .content {
  background: #AFAD43 url(ung_box_content-BG.gif) top left repeat;
  padding: 15px 10px;
}

#blog .content {
  background: url(ung_blogg-BG.gif) top left repeat;
  padding: 15px 10px;
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
/*
div#content.article-list .summary, #content.article-list .article {
  border-bottom:1px solid #F0F0F0;
}
*/

#content ul#summary {
  list-style: none;
  padding: 15px;
  margin: 0px;
}

#content .odd {
  width: 278px;
  float: left;
}

#content .even {
  width: 277px;
  float: right;
}

#content .article {
  padding: 15px;
}

#content .summary, #content .article {
  padding-bottom: 20px;
}

#content .summary h1, #content .summary h2 {
  xfont-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
  font-size: 200%;
  margin-bottom: 5px;
}

#content .summary h1 a, #content .summary h2 a {
  color: #FF7800;
}

#content .article h1 {
  margin-bottom: 5px;
}

#content .article div.date {
  /*color: #A0A0A0;*/
  margin-bottom: 10px;
}

#content .summary img.summarypic {
  padding-right: 10px;
  float: left;
}

#content .summary a.readmore {
  font-weight: bold;
}

#content .summary span.date, #content .summary div.date, ul.summary_list div.date {
  font-size: 92%;
  color: #A0A0A0;
}

.author {
  font-size: 92%;
  color: #A0A0A0;
}

#activities ul.summary_list div.date {
  color: #FFFFFF;
}

#blog ul.summary_list a.readmore img.comment {
  margin-top: 5px;
  display: block;
}

#content .summaryText {
  font-size: 125%;
}

ul.summary_list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

p.blogReceipt {
  color: #FFFFFF;
  background-color: #FF7800;
  padding: 5px 10px;
  margin: 0px;
}

div#comments {
  border-top: 1px solid #FCB945;
  padding-top: 5px;
  margin-top: 15px;
}

div#comments div.blogcomment {
  margin-bottom: 10px;
}

div#comments div.blogcomment div.signature {
  font-size: 92%;
  color: #A0A0A0;
  margin-top: 5px;
}

/****************************
## NEWSLETTER SUBSCRIPTION ##
****************************/

form#mailinglist input.input {
  color: #949276;
  border: 1px solid #009543;
  background: #E7E5B9;
  padding: 1px 0px 1px 3px;
  margin-right: 5px;
  width: 118px;
}

form#mailinglist input.submit {
  border: 0px;
  background: #C5C477;
  padding: 1px 2px;
}


/* -- STANDARD IMAGE STYLES -- */
.embedded-img {
	border: none;
	margin: 0px;
}

table.image-box {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 20px;
}

table.image-box tr {
	padding: 0px;
	margin: 0px;
}

table.image-box td {
	text-align: left;
	padding: 0px;
	margin: 0px;
}

table.image-box td.image-caption {
	font-size: 95%;
	font-weight: normal;
	vertical-align: top;
	background: #EFEFEF;
	padding: 5px;
}

table.image-box.left-floated {
	margin: 0px 15px 10px 0px;
	float: left;
	/*display: inline;*/
}

table.image-box.right-floated {
	margin: 0px 0px 15px 10px;
	float: right;
	/*display: inline;*/
}

table.image-box.none-floated {
	margin: 15px 0px;
	float: none;
	display: block;
}