#wrapper {
  background: #FFFFFF;
  padding: 10px;
  margin: 0px auto;
  width: 940px;
}
#wrapper.small {
  width:690px;
}

#header {
  height: auto;
}

#header #top-header {
  /*background: url(header-BG.gif) bottom left no-repeat;*/
  height: 67px;
  position: relative;
}

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

#header #language {
  position: absolute;
  top: 0px;
  right: 0px;
}

#header #language ul {
  font-family: "Trebuchet MS", "Courier New", Courier, monospace;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#header #language ul li {
  background: url(arrow-yellow.gif) top left no-repeat;
  white-space: nowrap;
  padding-left: 16px;
  margin-left: 5px;
  display: inline;
}

#header #help-links {
  position: absolute;
  top: 50px;
  right: 0px;
}

#header #help-links ul {
  font-family: "Trebuchet MS", "Courier New", Courier, monospace;
  text-transform: uppercase;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#header #help-links ul li {
  /*background: url(arrow-yellow.gif) top left no-repeat;*/
  white-space: nowrap;
  /*padding-left: 14px;*/
  display: inline;
}

#header #contact-info {
  position: absolute;
  top: 43px;
  right: 0px;
}

#header #contact-info .contact-info {
  color: #938F88;
}

#header #contact-info .contact-info a {
  color: #938F88;
}

#header #header-img img {
  display: block;
  margin-bottom: 2px;
}

#top-line {
  background: #C6E0DD;
  border-bottom: 2px solid #FFFFFF;
  padding: 0px 5px 0px 10px;
  width: 925px;
  height: 27px;
}

#top-search {
  padding: 3px 0px 3px;
  float: right;
}

#top-search form {
  padding: 0px;
  margin: 0px;
}

#top-search form fieldset {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

#top-search form fieldset input.query {
  border: 1px solid #99B6B3;
  padding-left: 2px;
  margin-right: 5px;
  width: 132px;
  height: 17px;
  float: left;
}

#top-search form fieldset input.button {
  background: url(btn_search.gif) top left no-repeat;
  border: none;
  width: 47px;
  height: 21px;
  float: right;
}

#main-content {
  margin: 10px 0px 10px 0px;
}

#main-content.frontpage {
  /*margin-top: 176px;*/
}

#main-content .breadcrumbs {
  font-size: 92%;
  color: #7E7E7E;
  padding: 0px 10px;
  margin-bottom: 10px;
}

#main-content .breadcrumbs a {
  color: #7E7E7E;
}

#main-content #left-column {
  width: 190px;
  float: left;
  padding: 0px;
  margin: 0px;
  /*min-height: 1px;
  height: 1px !important;
  height: 1px;*/
}

#main-content.frontpage #left-column {
  padding-right: 0px;
  width: 455px;
}

#main-content #main-column {
  padding: 0px 0px 0px 20px;
  /*margin-left: 190px;*/
  width: 500px;
  float: left;
}

#main-content #right-column {
  padding-left: 10px;
  width: 200px;
  float: right;
}

#main-content.frontpage #right-column {
  padding-left: 0px;
  width: 455px;
}

.two-columns {

}

.two-columns .left {
  padding-right: 0px;
  width: 220px;
  float: left;
}

.two-columns .right {
  width: 220px;
  float: right;
}

.box {
  margin-bottom: 10px;
}

.box h5 {
  font-weight: normal;
  text-transform: uppercase;
  border-bottom: 1px solid #FFFFFF;
  padding: 7px 10px 6px 10px;
  margin-bottom: 0px;
}

.box .content {
  padding: 10px;
}

.box .content img.image {
  margin-right: 10px;
  float: left;
}

.box ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-top: -10px;
}

.box ul li {
  padding: 6px 10px;
  margin: 0px -10px;
}

.grey {
  background: #F3F3F3;
}

#related-articles {
  background: #D9EAC5;
}

#related-articles h5 {
  border-bottom: 1px solid #F1F8E8;
}

#related-articles .content {
  padding-bottom: 0px;
}

#related-articles ul li {
  border-top: 1px solid #F1F8E8;
}

.article_external_links .box .content {
  padding-top: 5px;
}

.article_external_links {
  background: #D9EAC5;  
  border-top: 2px solid #F1F8E8;
}

#external_links li {
  background: #D9EAC5;  
  border-top: 2px solid #F1F8E8;
}

#external_links h5 {
  background: #D9EAC5;
  border-bottom: none;
}

#theme_news h5 {
  background: #D9EAC5;
  border-bottom: none;
}

#theme_news li {
  border-bottom: 1px solid #E1F1CF;
}

#theme_questions h5 {
  background: #C6E0DD;
  border-bottom: none;
}

#theme_questions li {
  border-bottom: 1px solid #E9F2EE;
}

#obs {

}

#obs h5 {
  font-weight: bold;
  color: #FFFFFF;
  background: #B30101;
  border-bottom: none;
}

#obs .content {
  color: #252525;
  background: #FDECEC;
  border: 2px solid #B30101;
  border-top: none;
  padding: 10px 8px;
}

#obs .content div.date {
  font-size: 100%;
  font-weight: bold;
  color: #252525;
}

#obs .content p {
  margin-bottom: 3px;
}

/*#obs .content a {
  color: #B30101;
  xfont-weight: normal;
}

#obs .content a:hover {
  color: #00673E;
}*/

#banners table.user-table tr td {
  padding: 0px;
}


#banners table.user-table {
  margin-top: 0px;
}



#banners .banner img {
  margin-bottom: 7px;
}

#shortcuts {
  background: #D9EAC5;
}

#shortcuts h5 {
  border-bottom: 1px solid #F1F8E8;
}

#shortcuts ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#shortcuts ul li {
  font-family: "Trebuchet MS", "Courier New", Courier, monospace;
  border-bottom: 1px solid #F1F8E8;
  padding: 6px 10px;
}

#weather-search {
  background: #A8DEF4;
  padding: 10px;
  padding-bottom: 8px;
}

#weather-search a {
  color: #252525;
  text-decoration: underline;
}

#weather-search .logo {
  font-family: "Trebuchet MS", "Courier New", Courier, monospace;
  text-transform: uppercase;
  width: 100px;
  float: left;
}

#weather-search .logo img {
  margin-top: 10px;
}

#weather-search .content {
  padding: 0px;
  width: 315px;
  float: right;
}

#weather-search p {
  margin-bottom: 0px;
}

#weather-search .content form {
  padding: 0px;
  margin: 3px 0px 7px 0px;
}

#weather-search .content form fieldset {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

#weather-search .content form fieldset input.input {
  border: 1px solid #64889D;
  padding: 3px 2px;
  margin-right: 5px;
  width: 216px;
  height: 17px;
  float: left;
}

#weather-search .content form fieldset input.submit {
  background: url(btn_weather-search.gif) top left no-repeat;
  border: none;
  width: 87px;
  height: 25px;
  float: right;
}

#ask-questions {
  background: #C6E0DD;
}

#ask-questions .question {
  background: #FFFFFF;
  padding: 5px;
}

#ask-questions .question p {
  margin-bottom: 0px;
}

#ask-questions .two-columns .left {
  width: 210px;
  float: left;
}

#ask-questions .two-columns .right {
  width: 210px;
  float: right;
}

#employee-of-week {
  background: #F3F3F3;
}

#weatherMap {
  border: 2px solid #C6E0DD;
}

#weatherMap .weatherMapChoice {
  width: 150px;
  float: left;
  display: block;
  height: 450px;
  background: #f2f9f8;
  border-right:1px solid #C6E0DD;
}

#weatherMap .weatherMapChoice .weatherTitel {
  width: 150px;
  height: 30px;
  border: 0px;
  background: #C6E0DD;
}

#weatherMap .weatherMapChoice .weatherTitel h5 {
  border: 0px;
}

#weatherMap .weatherMapChoice .weatherContent {
  padding: 7px; 
}

#weatherMap .weatherMapImage {
  width: 300px;
  float: right;
  display:block;
  margin-bottom: -3px;
}

#weatherMap .weatherMapImage img {
  padding: 0px;
  margin: 0px;
}

#weatherList {
  border: 2px solid #C6E0DD;
}

#content .contentWide {
  width: 700px;
}

.right-article {
  
}

.right-article h5 {
  background: #D9EAC5; 
  border-bottom: none;
}

.right-article .content {
  border: 2px solid #D9EAC5;
  border-top: none;
  padding: 10px 8px;
}

.right-article-link a {
  background: url(arrow-yellow.gif) top left no-repeat;
  padding-left: 16px;
  display: block;
}

#right-column #news {
	background: url(news-BG.gif) top left repeat-x;
	padding: 10px 0px;
	margin-bottom: 15px;
}

#right-column #news h5 {
	text-transform: uppercase;
	border-bottom: 1px dotted #FFFFFF;
	padding: 0px 10px 8px 10px;
	margin-bottom: 0px;
}

#right-column #news .summary-small {
	border-bottom: 1px dashed #E4E3E1;
	padding-bottom: 10px;
	margin: 10px;
}

#right-column #news .summary-small h6 {

}

#footer {
  font-family: "Trebuchet MS", "Courier New", Courier, monospace;
  font-size: 92%;
  margin: 0px auto;
  width: 960px;
}

#footer .footer {
  padding: 10px;
  width: 540px;
  float: left;
}

#footer .footer p {
  margin: 0px;
}

#footer .right-footer {
  padding: 10px;
  padding-top: 0px;
  width: 380px;
  float: right;
}

#footer .right-footer a {
  background: url(icon_mail.gif) center left no-repeat;
  padding-left: 19px;
  margin-left: 20px;
  float: right;
  display: block;
}

#footer .right-footer a.internalLink {
  background: url(arrow-yellow.gif) top left no-repeat;
  padding-left: 16px;
}

#footer .right-footer a.externalLink {
  background: url(arrow-yellow.gif) top left no-repeat;
  padding-left: 16px;
}


div.search-header {

}
 
div.search-header div.query {
	border-top: 1px solid #E9E8E8;
	border-bottom: 1px solid #E9E8E8;
	margin-bottom: 15px;	
}

#content div.search-header div.query form {
	padding: 0px;
	margin: 0px;
}

#content div.search-header div.query form fieldset {
  border:0 none;
  color:#FFFFFF;
  margin:0;
  padding:10px 0;
}

#content div.search-header div.query form fieldset input.query {
	width: 250px;
}

/*div.search-header div.hits {
	float: right;
}*/

div.navigation {
	width: 430px;
}

div.navigation div.previous {
	width: 50px;
	float: left;
}

div.navigation div.results {
	text-align: center;
	width: 330px;
	float: left;
}

div.content#search div.navigation div.results {
	width: 330px;
}

div.navigation div.results span {
	/*padding: 0px 3px;*/
}

div.navigation div.results a {
	padding: 0px 4px;
}

div.navigation div.next {
	text-align: right;
	width: 50px;
	float: right;
}

div#search ul#summary {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

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

ul.list-users li.user table.user-info td.label {
  font-weight: bold;
  width: 80px;
}

/**************
## PAGINATOR ##
**************/

.paginator {
  margin: 5px 0px 15px 0px;
}

.paginator .pagelinks {
  text-align: center;
}

.paginator span.next {
  margin-top: -15px;
  float: right;
}

.paginator span.prev {
  float: left;
}

.paginator .pagelinks span {
  padding: 3px 5px;
}

.paginator .pagelinks .active {
  background: #F0F0F0;
}

.search_content {
  margin-bottom: 10px;
}

.query_string, .total_hits { 
  width: 50%; 
  float: left;
}

.query_string span {
  text-transform: uppercase;
}

.total_hits {
  text-align: right;
}

/**************
## WEATHERLIST ##
**************/

.weatherTable {
  border-collapse: collapse;
}

.weatherTitle {
  text-align: left;
  height: 35px;
  text-transform: uppercase;
  padding: 7px 0px 7px 0px;
  background: #C6E0DD;
  margin: 0px;
}

.weatherLocation {
  width: 90px;
  background: #F2F9F8;
  font-size: 90%;
  text-align: center;
  padding: 7px 2px 7px 2px;
  margin: 0px;
  border-right: solid 1px #C6E0DD;
}

.weatherLocation a {
  color: #252525;
  text-decoration: none;
}

.weatherEmpty {
  background: #C6E0DD;
}

.weatherEmptyBottom {
  background: #FFF;
  height: 20px;
}

.weatherTime {
  background: #C6E0DD;
  margin: 0px;
  padding-right: 3px;
}

.weatherData {
  text-align: center;
  padding: 0px 2px 0px 2px;
  margin: 0px;
  border-right: solid 1px #C6E0DD;
  border-bottom: solid 1px #C6E0DD;
  border-left: none;
  border-top: none;
}

.weatherData img {
  padding: 5px 14px 0px 14px;
}

p.weatherDataBlue {
  color: #0060ff !important;
}

p.weatherDataRed {
  color: #ff0000 !important;
}

#content .weatherList .weatherTable .weatherData p .weatherDataRed img {
  color: #ff0000 !important;
}


#content .weatherList .weatherSearchWide .yrSearchText {
  width: 730px;
  display: block;
}

.yrSearchText {
  width: 170px;
  display: inline;
  float: left;
}
#yrSearchWide {
  background: #A8DEF4;
  padding: 10px;
  padding-bottom: 8px;
  width: 710px;
}

#yrSearchWide a {
  color: #252525;
  text-decoration: underline;
}

#yrSearchWide .logo {
  font-family: "Trebuchet MS", "Courier New", Courier, monospace;
  text-transform: uppercase;
  width: 100px;
  float: left;
  margin: 0px 20px 0px 0px;
}

#yrSearchWide .logo img {
  margin: 10px 0px 0px 0px;
}

#yrSearchWide .content {
  margin-top: 10px;
  padding: 0px;
  float: none;
  display: inline;   
  width: auto;
}

#yrSearchWide p {
  margin-bottom: 0px;
}

#yrSearchWide .content form {
  padding: 0px;
  margin: 3px 0px 7px 0px;
  width: auto;
  display: inline;
}

#yrSearchWide .content form fieldset {
  border: 0px;
  padding: 0px;
  margin: 0px;
  width:405px;
  float: right;
  display: block;
}


#yrSearchWide .content form fieldset input.input {
  border: 1px solid #64889D;
  padding: 3px 2px;
  margin-right: 5px;
  width: 295px;
  height: 17px;
  float: left;
}

#yrSearchWide .content form fieldset input.submit {
  background: url(btn_weather-search.gif) top left no-repeat;
  border: none;
  width: 87px;
  height: 25px;
  float: right;
}


/*************
## CLEARFIX ##
*************/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
 }
/* End hide from IE-mac */
.button {
 padding:5px 20px;
 display:block;
 float:left;
 margin-right:10px;
}
#yes.button {
  font-weight:bold;
  background:green;
  color:white;
}
#no.button {
  background:red;
  color:white;
}