/**********************************************************************************
*	Basic Stylesheet ( For Mac: Firefox, Safari PC: Firefox, Opera, Netscape, IE6/7, Safari Beta ) 
*
*	version:	1.1
**********************************************************************************/

/***********************************************************************
*							Table of =Contents
* ----------------------------------------------------------------------
* =Normalization (CSS Reset)..................................(Line  16)
* =Header Styling.............................................(Line  78)
* =MainMenu Styling...........................................(Line 102)
* =contentWrapper Styling.....................................(Line 130)
*************************************************************************/

/*	When Searching for items in the table of contents, use = where they show up in the text above to find items more quickly  */

/***********************************
		=Normalization
***********************************/

/* Normalizes Margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* Removes border styles from tables */
table { border-spacing: 0; border-collapse: collapse;}

/* Removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left aligns text in caption and th */
caption, th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content: ''; }

/* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */
a { text-decoration: none; color: #10467a;}
	a:hover { text-decoration: none; color: #ad850c;}
	
.ir { position: relative; overflow: hidden; display: block;}
	.ir em { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: block; background-repeat: no-repeat;}
	
	a em { cursor: pointer; }

html { background: #adb1a5; }

body 
{ 
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #484b43;
	background: white url(../images/bg_fauxBorder.png) repeat-y 919px 0;
	width: 923px;
}
	
	#wrapper { width: 923px;}
	
/***********************************
		=Header Styling
***********************************/
#headerWrapper 
{
	height: 137px;
	background: url(../images/bg_headerWrapper.jpg) repeat-x;
}

	#header 
	{
		height: 100%;
		position: relative;
		background: url(../images/bg_header.gif) no-repeat 540px 0;
	}
	
		.logo, .logo a { display: block; width: 278px; height: 87px; position: relative; left: 49px; top: 27px;}
		.logo a { left: 0px; top: 0px
; }
			.logo em { background: url(../images/ir_logo.gif) no-repeat top left; }

		.contactUs { width: 100px; height: 23px; position: absolute; right: 25px; bottom: 25px;}
			.contactUs em { background: url(../images/ir_contact.gif) no-repeat top left; }

/***********************************
		=MainMenu Styling
***********************************/
#mainMenu { height: 35px; line-height: 31px; overflow: hidden; background: #adb1a5; margin: 0 0 -4px 0;}
	#mainMenu li { float: left;}
		#mainMenu li a 
		{ 
			float: left; 
			color: #fff;
			font: normal 13px Verdana, Arial, Helvetica, sans-serif;
			line-height: 31px;
			padding: 0 15px;
			position: relative;
			left: 33px;
			background: url(../images/bg_mainMenuDividers.png) no-repeat center right;
			border-bottom: solid 4px #9a9f90;
			margin: 0;
		}
		
		#mainMenu li a.last 
		{ 
			background:none;
		}
		
		#mainMenu li.selected a,
		#mainMenu li a:hover 
		{ 
			background: white; 
			color: #ad850c;
			border-bottom: solid 4px white;
			text-decoration:none;
		}	

/***********************************
		=contentWrapper Styling
***********************************/
#contentWrapper { border-top: solid 4px #9a9f90; padding: 30px 49px; overflow: hidden; height: 1%;}
	
	#mainContent 
	{
		width: 417px;
		float: left;
	}
	
	.inner #mainContent { width: 546px; }  
	
	#subContent { margin: 0 0 0 452px; }
	
	.inner #subContent { margin: 0 0 0 581px; }
	
		.featured, .featured a { color: #0c3f70; }
			.featured, .featured a:hover { text-decoration: none; }
		
		h2.featured 
		{ 
			font-size: 21px; 
			font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			margin: 0 0 20px 0;
		} 
		
		p.featured 
		{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight:normal; 
			font-size: 16px; 
			line-height: 24px;
			margin: 0 0 26px 0;
		}
		
		ul.bullets 
		{
			float:left;
			margin-top: -45px;
			margin-bottom: -25px;
			padding: 40px;
			list-style: disc;
			position: relative;
		}
										
		#mainContent h3 { font-style: italic; }
		#mainContent p { margin: 0 0 26px; }
	
		.callout 
		{ 
			border: solid 1px #5d678d; 
			background: #f0f8ff; 
			padding: 12px 20px; 
			margin-bottom: 17px; 
			font-family: Verdana, Arial, Helvetica,	 sans-serif;
		}
		
			.callout h4 a, .callout h4 { color: #ad850c; font-size: 16px; font-weight:bold; line-height: 22px;}
			
			.callout p { font-size: 14px; line-height: 1.5em; font-weight:normal;}
			.callout em { font-style: italic; font-size:12px; }
			.callout a { text-decoration: underline; }
			
		
		.calloutSub 
		{ 
			border: solid 1px #5d678d; 
			background: #f0f8ff; 
			padding: 12px 20px; 
			margin-bottom: 17px; 
			font-family: Verdana, Arial, Helvetica,	 sans-serif;
		}
		
			
			.innerCalloutSub p { width: auto !important; float: none !important; }
			
				a.calloutSub 
				{ 
					padding: 0; 
					width: 149px; 
					height: 41px;
					left: 20px;
					top: 11px;
				}
				
				a.calloutSub em { background: url(../images/btn_joinNow.png) no-repeat top left; border:none; }
					
				.innerCalloutSub a.calloutSub { left: 0px; top: 0px; margin: 16px auto 0 auto; border:none;}
			
			
			
		.joinNow 
		{
			background: #f2f2f2;
			padding: 15px;
			overflow: hidden;
			height: 1%;
		}
				
			.joinNow p { font-size: 11px;}
						
			.innerJoinNow p { width: auto !important; float: none !important; }
			
				a.joinNow 
				{ 
					padding: 0; 
					width: 151px; 
					height: 41px;
					top: 11px;
				}
				
				a.joinNow em { background: url(../images/btn_joinNow.png) no-repeat top left; }
					
				.innerJoinNow a.joinNow { left: 0px; top: 0px; margin: 16px auto 0 auto;}
				
			
		.sendSuggest 
		{
			background: #f2f2f2;
			padding: 15px;
			overflow: hidden;
			height: 1%;
		}		

			.sendSuggest p { font-size: 11px;}
						
			.innerSendSuggest p { width: auto !important; float: none !important; }
			
				a.sendSuggest 
				{ 
					padding: 0; 
					width: 174px; 
					height: 41px;
					top: 11px;
				}
				
				a.sendSuggest em { background: url(../images/btn_sendSuggest.png) no-repeat top left; }
					
				.innerSendSuggest a.sendSuggest { left: 0px; top: 0px; margin: 16px auto 0 auto;}
				
	
		.update 
		{
			background: #f2f2f2;
			padding: 15px;
			overflow: hidden;
			height: 1%;
		}		

			.update p { font-size: 11px;}
						
			.innerUpdate p { width: auto !important; float: none !important; }
			
				a.update 
				{ 
					padding: 0; 
					width: 285px; 
					height: 41px;
					top: 11px;
				}
				
				a.update em { background: url(../images/btn_update.png) no-repeat top left; }
					
				.innerUpdate a.update { left: 0px; top: 0px; margin: 16px auto 0 auto;}
				
		.sendLinks
		{
			background: #f2f2f2;
			padding: 15px;
			overflow: hidden;
			height: 1%;
		}		

			.sendLinks p { font-size: 11px;}
						
			.innerSendLinks p { width: auto !important; float: none !important; }
			
				a.sendLinks 
				{ 
					padding: 0; 
					width: 114px; 
					height: 42px;
					top: 11px;
				}
				
				a.sendLinks em { background: url(../images/btn_sendLinks.png) no-repeat top left; }
					
				.innerSendLinks a.sendLinks { left: 0px; top: 0px; margin: 16px auto 0 auto;}
		
#wrapper h5 
{ 
	margin: 0 49px; 
	border-top: solid 1px #dedfda; 
	font-size: 11px; 
	font-weight: normal; 
	padding: 11px 0 20px 0; 
	color: #9e9e9e;
}

#wrapper h5 
{ 
	margin: 0 49px; 
	border-top: solid 1px #dedfda; 
	font-size: 11px; 
	font-weight: normal; 
	padding: 11px 0 20px 0; 
	color: #9e9e9e;
}

hr {
	border-top: 1px dashed #9a9f90;
	width: 100%;
	height: 1px;
	margin-bottom:10px;
	margin-top:10px;
}