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

A						{font-weight:normal; color:#303030; text-decoration:none; font-family:Arial, sans-serif;}
A:hover					{text-decoration:underline;}
h1						{font-size:220%; font-weight:normal; margin:0 0 10px 0; color:#000000;}
h2						{font-size:150%; font-weight:normal; margin:15px 0 5px 0; color:#000000;}
h3						{font-size:130%; font-weight:normal; margin:15px 0 5px 0; color:#000000;}
P						{padding:0; margin:0;}
img, table				{border: 0;}
html 					{margin:0px; padding:0px; FONT-SIZE:x-small;} 
body 					{background:url(../gfx/bg.jpg) fixed center top #003368; margin:0; padding:0; COLOR:#404040; font-family:Arial, sans-serif; font-size:115%;} 

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

div#Header 					{height:100px; background:url(../gfx/bg-header.jpg) repeat-x;}
div#Header .inner			{margin:0 auto; padding:0; width:940px; height:100px; position:relative; background:url(../gfx/bg-header-inner.jpg) no-repeat;}
div#Content 				{background-color:#FFF; padding:20px 0 20px 0; min-height:500px; _height:500px;}
div#Content .inner			{margin:0 auto; padding:0 0 20px 0; width:940px; min-height:500px; _height:500px;}
div#Footer					{height:150px; background:url(../gfx/bg-footer.jpg) repeat-x #00336f;}
div#Footer .inner			{margin:0 auto; padding:10px 0 10px 0; width:940px; height:130px; background:url(../gfx/bg-footer-inner.jpg) no-repeat;}

/* Logo */
div#Header .inner #logo		{position:absolute; left:0; top:0;}

/* Navigation */
ul.nav						{margin:0; padding:0; list-style:none; position:absolute; left:150px; bottom:0; height:32px; overflow:hidden;}
ul.nav li					{display:inline; float:left;}
ul.nav li a					{font:bold 12px/32px arial !important; text-decoration:none; color:#FFFFFF !important; display:inline; text-transform:uppercase;}
ul.nav li a:hover			{cursor:pointer; text-decoration:underline;}
ul.nav li a .nav-left		{background:url(../gfx/nav-left-off.gif) no-repeat top left; width:3px;	height:32px; display: block; float:left;}
ul.nav li a .nav-mid		{background:url(../gfx/nav-mid-off.gif) repeat-x top left; height:32px; display:block; float:left; padding:0 15px 0 15px;}
ul.nav li a .nav-right 		{background:url(../gfx/nav-right-off.gif) no-repeat top left; width:3px; height:32px; display: block; float:left;}
ul.nav li a.on				{color:#003570 !important; text-decoration:none;}
ul.nav li a.on:hover		{color:#003570 !important; text-decoration:none;}
ul.nav li a.on .nav-left	{background:url(../gfx/nav-left-on.gif) no-repeat top left; width:3px;	height:32px; display: block; float:left;}
ul.nav li a.on .nav-mid		{background:url(../gfx/nav-mid-on.gif) repeat-x top left; height:32px; display:block; float:left; padding:0 12px 0 12px;}
ul.nav li a.on .nav-right 	{background:url(../gfx/nav-right-on.gif) no-repeat top left; width:3px; height:32px; display: block; float:left;}

ul.puffs-3-column			{margin:0; padding:20px 0 0 0; float:left; list-style:none;}
ul.puffs-3-column li        {width:300px; height:290px; margin:0 20px 0 0; padding:0; overflow:hidden; display:inline; float:left;}
ul.puffs-3-column li.last	{margin-right:0;}

.content-left				{width:210px; margin:0; padding:10px 30px 0 0; float:left; overflow:hidden; background:url(../gfx/nav-left-bg-dotted.gif) repeat-y top right;}
.content-right				{width:700px; margin:0; padding:10px 0 0 0; float:left; overflow:hidden;}

/* Navigation left */
div.content-left h3			{height:29px; width:198px; padding:0 0 0 12px; margin:0; background:url(../gfx/nav-left-bg-header.jpg) no-repeat; font:normal 15px/29px arial; color:#FFF;}
div.content-left .footer	{width:210px; padding:0; margin:0;}

ul.nav-left						{width:208px; margin:0; padding:0 1px; list-style:none; float:left; overflow:hidden; background-color:#e2e2e2;}
ul.nav-left li					{margin:0 0 1px 0; padding:0;}
ul.nav-left li.last				{margin-bottom:0;}
ul.nav-left li a				{width:198px; padding:0 0 0 10px; font:normal 12px/28px arial; color:#444; text-decoration:none; background:url(../gfx/nav-left-bg-off.gif) repeat-x; display:block; overflow:hidden;}
ul.nav-left li a:hover			{background:url(../gfx/nav-left-bg-hover.gif) no-repeat;}
ul.nav-left li.on a				{color:#005eac; background:url(../gfx/nav-left-bg-hover.gif) no-repeat; font-weight:bold;}

ul.nav-left li ul			{margin:0; padding:0; list-style:none; background:#f8f8f8; border-top:1px solid #e2e2e2;}
ul.nav-left li ul li			{margin:1px 0; padding:0;}
ul.nav-left li ul li a		{font:normal 11px/25px arial !important; color:#333 !important; background:#f8f8f8 !important;}
ul.nav-left li ul li a:hover	{background:#f2f2f2 !important;}
ul.nav-left li ul li.on a	{background:#e2e2e2 !important;}