﻿body
{
	margin: 0px; 
	padding: 5px 5px 80px 5px;
	color: #292929;
	background: #3D281E url(../images/bgBody.jpg) top repeat-x;
}

body, td, input, select {font: 11px Tahoma, Verdana;}

img {border: 0px;}
table {border: 0px;}
p {padding: 0px; margin: 0px; margin-bottom: 12px;}

form {margin: 0px; padding: 0px;}
input, select {vertical-align: middle;}

a {color: #284B60;}
a:hover {color: #FFFFFF;}

a.noDecoration, a.text { text-decoration: none;}
a.noDecoration:hover, a.text:hover {text-decoration: underline;}

a.underline { text-decoration: underline;}

a.text {color: #292929;}
a.text:hover {color: #292929;}

h1 
{
	font-size: 18px;
	font-weight: normal;
	
	margin: 0px;
	padding: 12px 0px 10px 0px;
}

h2 
{
	font-size: 18px;
	font-weight: normal;
	
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
h3
{
	font-size:16px;
	margin:0px;
}
h4
{
	font-size:15px;
	margin:0;
	margin-bottom:5px;
}
h5
{
	font-size:13px;
	margin:0;
	margin-bottom:5px;
}
.blockColumn h1 {padding-bottom: 14px;}

.gray,	.gray h1,	h1 {color: #5B5955;}
.brown,	.brown h1	{color: #4A2F22;}
.orange, .orange h1 {color: #A5470A;}
.blue,	.blue h1	{color: #284B60;}
.darkBlue {color: #162934;}
.white {color:#FFFFFF;}

.lightBrown  {color: #865F48;}
.lightOrange {color: #b67914;}
.lightGreen  {color: #678534;}
.lightBlue   {color: #597973;}

.brown  span {color: #603E2D;}
.orange span {color: #974209;}
.blue   span {color: #284B60;}



.lightGray {color: #87856F;}

.bgBrown	{background-color: #865F48;}
.bgGreen	{background-color: #94BB51;}
.bgNavy		{background-color: #92AFA9;}
.bgOrange	{background-color: #ECB14F;}
.bgGray		{background-color: #838280;}
.bgDarkBeige{background-color: #A9A470;}
.bgNavyGray {background-color: #8D9E81;}
.bgBeige	{background-color: #DDDCA3;}
.bgLightBeige {background-color: #E6E5AA;}

h1.lightOrange a {color: #b67914;}


.bgGreen, .bgGreen a.text, .bgGreen a.text:hover {color: #E3E2C4;}
.bgNavy,  .bgNavy a.text,  .bgNavy a.text:hover  {color: #C7D6D3;}
.bgOrange, .bgOrange a.text, .bgOrange a.text:hover, .bgOrange .list a {color: #182E3A;}
.bgBrown, .bgBrown a.text, .bgBrown a.text:hover, .bgBrown .list a {color: #D3BDAF;}
.bgNavy div, .bgNavyGray, .bgNavyGray td, .bgGray, .bgGray .list a {color: #FFFFFF;}


.bgBrown .list a:hover {color: #FFFFFF;}

.bgGreen h1 {color: #D6E2BA;}
.bgNavy  h1 {color: #E7EDEC;}
.bgBrown h1 {color: #BCA190;}
.bgDarkBeige h1 {color: #DCDBC3;}
.bgNavyGray h1 {color: #FFFFFF;}
.bgGray h1 {color: #DADAD9;}
.bgBeige h1 {color: #284B60;}
.bgOrange h1 {color: #FFFFFF;}
.bgLightBeige h1, .bgLightBeige h5 {color: #284B60;}


.wideImage {
	width:100%;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
}

.bgNavyGray input, .bgNavyGray select 
{
	font-size: 10px; 
	color: #8C8C8C; 
	width: 100%;
	margin-top: 2px; margin-bottom: 3px; 
	border: 1px solid; border-top-color: #404040; border-left-color: #404040; border-right-color: #D4D0C8; border-bottom-color: #D4D0C8;
}

.bgNavyGray input.date {margin-left: 7px; margin-right: 7px;}
.bgNavyGray input {padding-left:4px;}
.bgNavyGray {width:expression("100%");}


.bgNavyGray .submitLarge 
{
	width: 52px; height:19px;
	border: none;
	margin-bottom: 0px;
}

.bgLightBeige input {width: 100%; margin-bottom: 3px;}

.bgLightBeige input.text 
{
	font-size: 10px; 
	color: #8C8C8C; 
	width: 100%; margin-right: 7px;
	border: 1px solid; border-top-color: #585858; border-left-color: #585858; border-right-color: #DAD7CD; border-bottom-color: #DAD7CD;	
}

td.blockColumn .bgLightBeige a {color: #284B60;}

.small  {font-size: 10px;}
.large  {font-size: 13px;}
.xLarge {font-size: 20px;}

.caption {font-size: 10px; margin-top: 6px; margin-bottom: 12px;}

#layout 
{
	width: 
		expression( 
			document.getElementById("measurer") ? 
				document.getElementById("measurer").clientWidth > 1250 ? 
					"1250px" : 
					document.getElementById("measurer").clientWidth < 760 ? 
						"760px" : 
						"100%" 
				: "80%"
		);
	
     /* for mozzila */
	max-width: 1250px;
	min-width: 760px;
}

td.contentColumn {width: 75%; padding-left: 3%; padding-right: 3%;}
td.blockColumn	 {width: 25%;}
td.contentColumn, td.blockColumn {vertical-align: top;} 

div.bgGreen, div.bgNavy, div.bgBrown, div.bgOrange, div.bgDarkBeige, div.bgNavyGray, div.bgLightBeige, div.bgBeige, div.bgGray{padding: 42px 25px 50px 25px; margin-bottom: 5px;}

td.blockColumn a {color: #182E3A;}
td.blockColumn a.white {color: #FFFFFF;}
td.blockColumn a.white:hover {color: #E3E2C4;}

.blockColumn .list {font-size: 10px; line-height: 14px;}
.blockColumn #firstBlock {padding-bottom: 25px;}

/*list styles */
ul.xml 
{
	list-style: url(../images/xml.gif) outside;
	margin: 0px 0px 0px 39px;
}

ul.xml li 
{
	font-size: 10px;
	margin-bottom: 6px;
	vertical-align: middle;
}

ul.xml a {color: #284B60;}

ul.files {margin-top:5px;margin-bottom:5px;}

ol.text li
{
	margin-bottom:5px;
}
ol.text li ol li
{
	margin-bottom:0px;
}

#measurer
{
	width: 100%;
	height: 1px; line-height: 1px;
	position: absolute;
	left: 0; bottom: 0;
	visibility: hidden;
}


#topBanner, #bottomBanner , #rightBanner
{
	width: 100%; 
	text-align: center;	
	padding-top:5px;
	padding-bottom:5px;
} 

#topBanner 
{
	margin-bottom: 5px;
	color: #6E6E6C; background: #8E8F8C; 
}
#bottomBanner 
{
	margin-top: 5px;
	color: #8B8063; background: #5E4D3B;

}
#rightBanner
{
	background-color: #E6E5AA;
	margin-bottom: 5px;
}

#countersBlock
{
	margin-top:5px;
}
#topMenu {width: 100%;}

#topMenu td 
{
	width: 20%;
	height: 46px;

	text-align: center;
	vertical-align: bottom;

	border-bottom: 4px solid #D6D59E;	
}

#topMenu .divider {width: 3px;}
#topMenu div {border-bottom: 3px solid #797776;	padding-bottom: 10px;}

td#currentTopMenuItem {border-bottom: 0px;}
#currentTopMenuItem div {border-bottom: 0px;padding-bottom: 17px;}

#topMenu a {font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
#topMenu a:hover {font-size: 11px; text-decoration: none;}

#header, #main, #footer 
{
	width: 100%;
	background-color: #D6D59E;
}

#header 
{
	background-image: url(../images/bgHeader.jpg);
	background-repeat: repeat-x;
}

#header .contentColumn	{border-left: 4px solid #D6D59E;}
#header .blockColumn	{border-right: 4px solid #D6D59E;}

#main {padding-top: 25px;}

#footer {padding-top: 50px; padding-bottom: 70px;}

#header table, #footer table{width: 100%;}
#header table {background: url(../images/bgHeader.jpg) repeat-x;}

#header td {font-size: 10px;}

#header a:hover {color: #FFFFFF;}

#navigator 
{
	color: #5B5955;
	height: 23px;
	padding-top: 5px;
	white-space: nowrap;	
}

#navigator a
{
	color: #5B5955;
	text-decoration: underline;
}

#search 
{
	font-size: 10px;
	vertical-align: bottom;
}

#search div.inputBlock {margin: 20px 0px 36px 0px;}


#search a {color: #182E3A;}
#search a.gray {color: #87856F;}

#search input.text , input.subscibeEmail
{
	font-size: 10px;

	height:16px;
	width:63%;

	background: #EAEACE;

	border-left: 1px solid #CFCFC6;
	border-bottom: 1px solid #E8E7D2;
	border-top: none; border-right: none;
	margin-bottom:1px; margin-top:2px;
}
input.subscibeEmail { background:#F9F8ED;margin:0px 0px 0px 0px;}

table.threeColumns, table.threeColumnsTree {width: 100%;}
table.threeColumns td {width: 33%; vertical-align: top; padding-right: 20px;}

div.divider
{
	height:12px;
	background: repeat-x left middle;
}
.brown  div.divider {background-image: url(../images/dividerBrown.gif);}
.orange div.divider {background-image: url(../images/dividerOrange.gif);}
.blue   div.divider {background-image: url(../images/dividerBlue.gif);}

div.date{font-size: 10px; margin-bottom: 6px;}

#footer td {font-size: 10px;}


.more 
{
	font-size: 10px;
	font-weight: bold;
}
div.more {padding-left:42px;}

.more img
{
	vertical-align: middle;
	margin-right: 7px;
}


.fullText, .fullTextBulletin
{
	font-size: 13px;
	clear: both; display: block; width: 100%;
}

.fullText img, .fullTextBulletin img
{
	float: left;
	margin: 0px 30px 15px 0px;
}

.fullText .introduction 
{
}

.fullText .highlight, .fullTextBulletin .highlight 
{
	font-weight: bold;
}

.fullText .introduction, .fullText .highlight {
	color: #678534;
}
.fullTextBulletin .introduction, .fullTextBulletin .highlight {
	color: #284B60;
}

#catalogUpdates {width:100%;}
#catalogUpdates td {font-size: 10px; padding: 2px 0px 2px 0px;}
#catalogUpdates a {color: #162934;}
#catalogUpdates a:hover {color: #FFFFFF;}
#catalogUpdates td a.brown  {color: #603E2D;}
#catalogUpdates td a.orange  {color: #974209;}
#catalogUpdates td a.blue    {color: #284B60;}

#catalogUpdates td.title
{
	color: #6F6D60;
	font-weight: bold;
	padding: 9px 0px 7px 0px;
	border-bottom: 1px solid #89856E;
	border-right: 3px solid #D6D59E;
}

#producerInfo td {font-size: 10px; padding: 2px 0px 2px 0px;}
#producerInfo a {color: #284B60; font-weight:normal;}
#producerInfo a:hover {color: #FFFFFF;}

#producerInfo td.title
{
	color: #6F6D60;
	font-weight: bold;
	padding: 9px 0px 7px 0px;
	border-bottom: 1px solid #89856E;
}

.catalogInfo td 
{	vertical-align: top;
	padding-right:10px;
}
.catalogInfo h1 {color:#292929; padding-top:0px;}
.catalogInfo div.brown {font-size:10px;}
.catalogInfo div.bgHighlighted {color:#74725B;}

#choiceRubric 
{
	color: #E5E4A9;
	font-size: 10px;
	margin-left: -10px;
}

#choiceRubric a 
{
	padding: 2px 9px 4px 10px; 
	border-right: 1px solid #E5E4A9;
}

#choiceRubric span {background-color: #E5E4A9;}
#choiceRubric span a {font-weight: bold; text-decoration: none;}

.choiceRubricNews	{margin-bottom:36px;}
.choiceRubricAdvert	{margin-bottom:15px;}

#choiceType {margin-left:0px; margin-bottom:40px;}
#choiceType a {padding-left:10px;font-size:10px;}

.articleList td, .advertList td, .orgList td
{
	vertical-align: top;
	padding: 5px 20px 12px 0px;
}
.advertList {margin-top:12px;}
.articleList a, .advertList a{font-weight: bold;}



div.bgHighlighted, div.validationSummary, div.messageBlock, div.navigationBlock
{
	font-size: 10px;
	background-color: #E5E4A9;
	padding: 20px 30px 20px 30px; 
	margin-top: 12px;
	clear:both;
}
div.bgHighLightedForm {background-color: #E5E4A9;padding: 15px 30px 15px 30px;margin-top: 24px;}
div.bgHighLightedForm input.subscibeEmail
{
	background: #EAEACE;
	width:120px;
	border-left: 1px solid #D2D2C8;
	border-bottom: 1px solid #EFEFD8;
	border-top: none; border-right: none;
	margin-bottom:1px; margin-top:2px;
}
div.bgHighLightedForm div {margin-top:8px;margin-bottom:10px;}
div.bgHighLightedForm div a{font-weight:bold;}
div.bgHighLightedForm div a span{color:#603E2D;}

div.bgHighlighted, div.navigationBlock
{
	font-size:11px;
}
div.bgHighlighted img{vertical-align:middle;margin-right:10px;float:left;}
div.bgHighlighted b {color:#4A2F22;}
div.bgHighlighted div {float:left;}

div.validationSummary, div.messageBlock {margin-bottom:12px;}
div.messageBlock {font-weight:bold;}
div.navigationBlock img {vertical-align:bottom;}

/* tables */
.infoTable {margin-top:12px;}
.infoTable tr.header {color:#74725B;}
.infoTable tr.header td {border-bottom:solid 1px #9A9774;padding-bottom:10px;}
.infoTable td {padding-top:10px;}

.tableComment {border-top:solid 1px #9A9774;font-size:10px;padding-top:3px;}

/* tree */
.treeNodeSelected
{
	font-weight:bold;
}
td.treeNodeWhite a
{
	color: #FFFFFF;
}

td.treeNodeWhite a:hover
{
	color: #284B60;
}
div.tree table td {padding-right:0px;width:auto; vertical-align:middle;}

/* pager block */
.alphabetBlock {padding: 20px 0px 20px 0px;}
.pagerBlock{padding: 20px 30px 20px 30px; color:#284B60;}
.pagerBlock span, .alphabetBlock span{color:#4D4B4A;}
.alphabetBlock span{padding-right:30px;}
.pagerBlock b, .alphabetBlock b {background-color:#284B60;padding-left:4px;padding-right:3px;padding-bottom:1px;color:#D6D59E;font-weight:normal;}

/*radioButtons */
.radioButtonsList input {border:0px; width:12px;margin-right:10px;}

.linkButton {font-weight:bold;background: #D6D59E url(../Images/submitButton3.gif) left no-repeat;padding-left:62px;text-decoration:none;}

/*print area */
div.printMain {width: 100%;	background-color: #D6D59E;}
div.printTitle {padding:30px;font-size: 12px; font-weight: bold;}
div.printTitle div{padding-left:10px;}
div.printText {padding:20px;}

.advertModules {}
.advertModules div{float:left;width:33%;margin-bottom:5px;margin-right:5px;border:1px solid #4A2F22;height:112px;}
.advertModules div img {float:left;margin:5px;}



