@import "panels.css";
/* Main colors
body - #FAD994
medium grey - #666
dark grey - #333
orange - #F18829
bright orange - #FF9900
light background orange (left coloumn) - #FAD994
*/

* {margin:0;padding:0}
body{font: 76% arial,sans-serif; background:#fff; color:#222}
h1{ font-size:170%}
table {font-size:100%}
a{color:#222}
a:link{font-weight:normal; color:#222}     /* unvisited link */
a:visited{font-weight:normal; color: #707070}  /* visited link */
a:hover{color:#D76B00; text-decoration:underline}   /* mouse over link */
a:active{color: #000; text-decoration:underline}   /* selected link */
.clear {clear:both; height:1px; overflow:hidden}
.float-left {float:left}
.float-right {float:right}
.inline {display:inline}
.textLeft {text-align:left !important}
.noLeftMargin {margin-left:0 !important}
.noRightMargin {margin-right:0 !important}
.offscreen {z-index: 99; position: absolute; top: -9000px; left: -9000px;}
.nobr {white-space:nowrap;}
.content {padding:10px}
.actionLink {font-weight:bold !important}
.bgrPicture {background:no-repeat 20px 0}
* HTML .bgrPicture {background:no-repeat 20px 20px}
strong.search-it {font-weight:normal;}

/* for all browsers that understand min-width */
.allPageContainer {position:relative; width:100%; min-width:1000px;}
.allPage {display:block; color:#000}

/* min-width emulation for IE5.5 and IE6 browsers DO NOT replace class with id */
* html .allPageContainer {border-right:1000px solid #fff;}
* html .allPage {display:inline-block; position:relative; margin-right:-960px;}

#mainMenu, #header, #centerFooterContainer {min-width:1000px;}

#header, #headerBgrLeft, #headerBgrRight {width:100%; height: 169px}
#header {clear:left; position:absolute;top:0px;left:0px; background: #666 url(../img/bgr-head.gif) 0 0 repeat-x; color:#FFF;}
#headerBgrLeft {background: url(../img/bgr-header-left.gif) 0 100% no-repeat}
#headerBgrRight {background: url(../img/bgr-header-right.jpg) 100% 27px no-repeat}
#header.error {background:#F18829;}
	#header #metaNav {position:absolute; right:20px; top:0; z-index:1; width:50px; background:#666	}
	#header #metaNav, #homepage, #email, #addToFavorites {display: block; height:20px;}
		#homepage, #email, #addToFavorites{float:left; width:25px;}
		* html #homepage, * html #email {height:20px}
		#homepage{background:url(../img/homepage.gif) no-repeat 0 0 }
		#email{background:url(../img/email.gif) no-repeat 0 0 }
		
#mainMenu {position:absolute; top:169px; left:0px; width:100%; height:32px; border-bottom:1px solid #fff; background: #FF9900; color: #FFF;}
	#mainMenu li {float:left; list-style:none}
	#mainMenu a:hover {text-decoration:none}
	#mainMenu img {display:block; border:none}
#mainTextMenu{width:100%; height:auto; min-height:50px; background:#FF9900; text-align:center; line-height:150%; color: #222;}
	#mainTextMenu .content {padding:5px 15px}
	#mainTextMenu a {padding:0 8px; text-decoration:none; border-right:1px #333 solid;}
	#mainTextMenu a:hover{text-decoration:underline; color:#FFD7AE}
	#mainTextMenu li, #mainTextMenu h1 {display:inline}
		
#centerFooterContainer {position:relative; top:201px; height:auto; background:#FDC470 url(../img/bgr-left-col.gif) 0 0 repeat-y}
#mainContent {height:auto}
* HTML 	#centerFooterContainer {position:absolute;}
		#centerCol, #mainText, #leftCol {padding:0; height:auto;}
	.wrapper {float:left; width:100%; }
		#centerCol {margin: 0 200px 0 200px;}
		#centerCol .content{text-align:center}
		.oneCol {margin:0 30px !important;}	
		.oneCol	.content {text-align:left !important}
			
#mainText {float:left; margin-left:-200px; width:199px;}
	* HTML #mainText {height:10px}
		#mainText p {padding:5px 0; text-align:justify; text-indent:15px}
		
		#mainText p.first{padding-top:0}
	#leftCol {float:left; margin-left:-100%; width:200px;}
	* HTML #leftCol {padding:0;}
	#leftCol #contactsNote{padding:0 20px; margin-bottom:50px; line-height:130%}
	* HTML #leftCol #contactsNote {margin:50px 20px; padding:0}
	#leftCol #extra{padding-left:20px}
	/** HTML div.leftCol {float:none; margin:0; position:absolute; top:0px; left:0px; z-index:3}*/
		#leftCol .news li {line-height:130%}
		#leftCol li {padding:12px 0 0; list-style:none;}
			#leftCol li.first {padding-top:0}
	#leftCol.flex {width:25%}
#underfloor{width:100%; background:#333; font-size:80%; color: #FFF;}	

#allTypes {margin:10px 20px 10px 250px}
.column {float:left; display:block; margin-bottom:20px; width:30%; margin-right:20px;}
* html .column {margin-right:10px; width:23%}
#allTypes ul li {padding:0 0 5px 15px; background: url(img/orange_bullet.gif) no-repeat 0 0; list-style:none; line-height:130%}

#typeDescription {height:9.7em; overflow:hidden}
#typeDescription p {margin-bottom:5px; text-indent:1em;}

.more-info{position:absolute; left:-5000em; z-index:0;}