/*---------------------
General
---------------------*/

A						{font-weight:normal; color:#1a835d; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
A:hover					{text-decoration:underline;}
h1						{font-size:180%; font-weight:bold; margin:0 0 10px 0; color:#000;}
h2						{font-size:120%; font-weight:bold; margin:10px 0 3px 0; color:#000;}
h3						{font-size:100%; font-weight:bold; margin:10px 0 3px 0; color:#000;}
P						{padding:0; margin:0;}
img, table				{border: 0;}
html 					{margin:0; padding:0; FONT-SIZE:small;} 
body 					{background:url(../gfx/bg.jpg) repeat-x top left #b7b9ac; margin:0; padding:0; COLOR:#444; font-family:Arial, Helvetica, sans-serif; font-size:100%; text-align:center; } 

/*---------------------
Body layout
---------------------*/
#Wrapper 					{width:940px; margin:0 auto; text-align:left;}

#Head 						{width:940px; height:116px; margin:0; padding:0; position:relative; background:url(../gfx/header-bg.gif) no-repeat top left;}
#Head #logo					{position:absolute; left:30px; top:13px;}

#Head #searchBar			{position:absolute; right:30px; top:30px; width:160px; height:21px; overflow:hidden;}
#Head #searchBar img		{position:absolute; top:0; left:0; z-index:1;}
#Head #searchBar .tbx		{position:absolute; top:3px; left:20px; z-index:2; border:0; height:14px; width:130px; font-size:11px; color:#333;}

#Head .nav						{position:absolute; height:40px; width:920px; left:10px; bottom:0; margin:0; padding:0; overflow:hidden;}
#Head .nav ul					{list-style:none; margin:0; padding:0;}
#Head .nav ul li				{float:left; padding:0; display:inline;}
#Head .nav ul li.on				{background:url(../gfx/nav-bg-on.gif) repeat-x;}
#Head .nav ul li.on.first		{background:url(../gfx/nav-bg-on-first.gif) top left no-repeat;}
#Head .nav ul li a				{font:normal 12px/40px Arial; color:#434343 !important; text-decoration:none; padding:0 15px 0 13px; margin:0; background:url(../gfx/nav-bg-line.gif) bottom right no-repeat; display:block;}
#Head .nav ul li.off a			{font:normal 12px/40px Arial; color:#434343 !important; text-decoration:none; padding:0 14px 0 14px; margin:0; background:none; display:block;}
#Head .nav ul li.on a			{font:normal 12px/40px Arial; color:#FFFFFF !important; text-decoration:none; padding:0 14px 0 14px; margin:0; background:none; display:block;}
#Head .nav ul li.on.first a		{background:none; padding-right:13px;}
#Head .nav ul li a:hover, 
#Head .nav ul li.on a:hover,
#Head .nav ul li.off a:hover	{cursor:pointer; text-decoration:underline;}

/*---------------------
Page layout
---------------------*/
.clearfix:after 			{content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix 			{height: 1%;}

#Content					{width:920px; margin:0; padding:0 10px; float:left; min-height:500px; _height:500px; background:url(../gfx/content-bg.jpg) top left repeat-y;}
.ContentLeft				{width:220px; margin:0; padding:0; float:left; overflow:hidden;}
.ContentRight				{width:700px; margin:0; padding:0; float:left; overflow:hidden;}

.ContentRight .inner		{width:680px; margin:0; padding:10px; float:left;}
.ContentRight .left			{width:410px; margin:0 20px 0 0; padding:0; float:left; overflow:hidden;}
.ContentRight .right		{width:250px; margin:0; padding:0; float:left; overflow:hidden;}

.start-bg					{background:url(/gfx/start-bg.gif) no-repeat top left; width:550px; height:210px; padding:25px;}

/*---------------------
Startpage layout
---------------------*/
#Puffs						{width:970px; margin:0 0 10px 0; padding:0; overflow:hidden; clear:left;}
#Puffs .puffItem			{float:left; width:235px; height:210px; margin:0 10px 0 0; padding:0; overflow:hidden; background:url(../gfx/puff-bg.gif) top left no-repeat;}
#Puffs .puffItem.last		{margin-right:0;}
#Puffs .puffItem h3			{font-size:13px; line-height:32px; font-weight:normal; padding:0 0 0 10px; margin:0; height:32px; color:#333333;}
#Puffs .puffItem .image		{height:135px; overflow:hidden; padding:3px 0 0 0;}
#Puffs .puffItem .link 		{text-align:center; height:25px;}
#Puffs .puffItem .link a	{font-size:12px; line-height:20px; font-weight:bold; padding:0; margin:0;}
#Puffs .puffItem .footer	{height:15px; overflow:hidden;}

/*---------------------
Left menu
---------------------*/
#LeftMenu 						{width:220px; margin:0; padding:0; overflow:hidden;}
#LeftMenu ul.puffs				{width:200px; margin:0; padding:0 10px; float:left; list-style:none;}
#LeftMenu ul.puffs li			{width:200px; margin:20px 0 0 0; overflow:hidden; display:block; float:left;}

#LeftMenu ul.menu				{width:220px; margin:0; padding:10px 0; list-style:none; float:left; overflow:hidden; background:url(../gfx/leftmenu-bg.jpg) bottom left no-repeat #00774c; min-height:280px; _height:280px;}
#LeftMenu ul.menu li			{margin:0; padding:0;}
#LeftMenu ul.menu li a			{width:200px; padding:0 5px 0 20px; margin:0; font:normal 12px/26px Arial; color:#FFF; text-decoration:none; display:block; overflow:hidden;}
#LeftMenu ul.menu li a:hover,
#LeftMenu ul.menu li.on a		{text-decoration:none; background:url(../gfx/leftmenu-on-bg.jpg) top left no-repeat #005133;}

#LeftMenu ul.submenu			{margin:0; padding:1px 0 0 0; list-style:none; background-color:#1a835d; overflow:hidden;}
#LeftMenu ul.submenu li			{margin:0; padding:0;}
#LeftMenu ul.submenu li a		{padding:5px 5px 5px 30px; margin:0; font:normal 11px Arial !important; background:none !important; display:block;}
#LeftMenu ul.submenu li a:hover,
#LeftMenu ul.submenu li.on a	{background:url(../gfx/leftmenu-on-bg.jpg) top left no-repeat #005133 !important;}

/*---------------------
Footer layout
---------------------*/
#Footer						{width:920px; padding:20px 10px 40px 10px; float:left; min-height:20px; _height:20px; text-align:left; background:url(../gfx/footer-bg.gif) no-repeat;}
#Footer .left				{float:left; padding:0; margin:0;}
#Footer .right				{float:right; padding:0; margin:0;}
#Footer p					{font-size:12px; color:#666666;}
#Footer p a					{font-weight:normal; color:#666666;}