/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image:url(images/bg_index.jpg);
 background-repeat:repeat-x;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header-left {
	width:125px;
	padding:0px 0 0 10px;
	margin-bottom:-100px;
	float:left;
}
#header-middle {
	width:785px;
	padding:5px 0 0 0;
	margin-bottom:-15px;
	float:left;
}
#header-right {
	width:195px;
	padding:0px 5px 0 0;
	float:right;
	background:#fff;
	text-align:right;
	color:#636363;
	font-family:arial;
	font-size: 11px;
	margin:0;
	height:35px;
}
#navigation {
 width: 600px;
 height:20px;
 color:#333;
 padding: 10px 0px 0 320px;
 margin: 0px 10px 0px 0px;
 background: #fff;
 text-align:right;
 clear:both;
}
#content-main { 
 width: 920px;
 color: #333;
 background-repeat:repeat-x;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 clear:both;
}
#content-main-left { 
 width: 550px;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 125px 370px 0 10px;
 float:left;
 text-align:left;
 font-family:arial;
 font-size:12px;
 color:#fff;
 background-image:url(images/index.png);
 background-repeat:no-repeat;
 background-position:bottom right;
}
#content-main-right { 
 width: 380px;
 color: #333;
 background-image:url(images/index.png);
 background-repeat:no-repeat;
 background-position:right bottom;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 float:right;
}
#content { 
 width: 900px;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 clear: both;
}
#content2 { 
 width: 760px;
 color: #333;
 margin: 115px 0px 0px 0px;
 !margin-top: 99px;
 padding: 10px 80px 10px 80px;
 clear: both;
 background-color:#f9f9f9;
 background-image:url(images/bigbg.jpg);
 background-position:bottom center;
 background-attachment:scroll;
 background-repeat:no-repeat;
 opacity:0.9;
 filter:alpha(opacity=90);
 min-height:500px;
 text-align:justify;
}
#content-left { 
 width: 510px;
 color: #333;
 margin: 20px 0px 0px 0px;
 padding: 30px 50px 10px 50px;
 float:left;
}
#content-right { 
 width: 255px;
 color: #333;
 margin: 20px 0px 0px 20px;
 !margin-top: 40px;
 padding: 10px;
 float:left;
 background-color:#f0f0f0;
 text-align:justify;
 background-image:url(images/irf-logo-bg.png);
 background-position:center;
 background-repeat:no-repeat;
}
#list-box	{
	width: 250px;
	color: #333;
	margin: 20px auto 0;
	padding: 15px 10px 10px 15px;
	background-color:#f0f0f0;
}
#footer { 
 width: 900px;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align:center;
 clear:both;
}

.menu li	{ 
	margin-left:10px;
	font-weight:normal;
	display:inline;
	float:left;
	}
#navigation a	{
	font-family:arial;
	font-size: 12px;
	color:#245302;
	font-weight:bold;
	text-decoration:none;
}
#navigation a:hover	{
	color:#000;	
}
a.menu 	{
	font-family:arial;
	font-size: 12px;
	color:#636363;
	font-weight:normal;
}
a.menu:hover	{
	color:#360;	
}
.logo {
	margin:0px 10px 10px 0px;
}
.title	{
	font-family:arial; 
	font-size:30px;
	color:#666;
}
.subtitle {
	font-family:arial;
	font-size:17px;
	font-style:italic;
	color:#666;
}

h1.homepage	{
	color:#fff;
	font-family:arial;
	font-size: 30px;
	margin-bottom:10px;
}
h1	{
	color:#245302;
	font-family:arial;
	font-size: 26px;
	margin-bottom:20px;
	margin-top:14px;
}
h2	{
	color: #59593f;
	font-family:arial;
	font-size: 22px;
	margin-bottom: 10px;
}
p	{
	margin-bottom: 10px;
	font-family: arial;
	font-size:12px;
}
p.titletext	{
	font-family: verdana, arial;
	font-size:12px;
}
h3	{
	color: #59593f;
	font-family:arial;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight:bold;
}
h4	{
	color: #59593f;
	font-family:arial;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight:bold;
}
a	{
	color:#245302;
	text-decoration:none;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
}
a:hover	{
	color:#000;
}
a.title	{
	font-size:18px;
	color:#245302;
	font-weight:normal;
}
a.title:hover	{
	color:#000;
}
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.list	{
	font-family: arial;
	font-size: 18px;
	color:#8cb200;
	margin: 15px 0 15px 0;
}
.list-title	{
	font-family: arial;
	font-size: 22px;
	color:#666;
	margin: 5px auto 15px;
	text-align:center;
	font-weight:bold;
}
.list-link	{
	font-family: arial;
	font-size: 16px;
	font-weight:normal;
	color:#8cb200;
	margin: 15px 0 0 0;
	text-align:right;
}
ol	{
	margin-left:30px;
}
ol li {
	margin-bottom:8px;
}
ul	{
	margin-bottom:10px;
	margin-left:20px;
	list-style-type:square;
}
img.title	{
	margin: 0px 5px 5px 5px;
	padding: 5px;
	border:#999;
	border-style:solid;
	border-width:1px;
	align:right;
}