/* ~~ CONTROL THE OVERALL CONTENT HEIGHT OF THE SITE HERE! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.contentHome .wrap				{	min-height:300px;  }
*html .contentHome .wrap		{	height:300px; }

/* ~~ PAGE ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* 								{	margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.7em; text-indent:0px; list-style:outside; 
									list-style:none; text-decoration:none; border-collapse:collapse; vertical-align:top; color:#000000; outline:none;}

body							{	font-size:0.7em; }

p								{	padding-bottom: 0.7em; color:#717171;}
a img							{	border:0px; } 
p a								{	line-height:inherit;}

ul, ol							{	font-size:100%; padding-bottom:1em;}
li 								{	list-style: none; background:url(/images/liBullet.gif) no-repeat 0px 6px; padding-left:10px; color:#717171;}

h1 								{	font-size:160%; font-weight:normal; color:#808285; padding-bottom:0.7em;}
h2 								{	font-size:135%; font-weight:normal; color:#808285; padding-bottom:0.7em;}
h3 								{	font-size:0.9em; padding:0px 0px;}
h4 								{  	font-size:0.8em; padding:0px 0px;	}
h5 								{  		}
h6 								{  		}

p strong						{	line-height:inherit; color:#FFFFFF;}
b, strong						{	line-height:inherit; color:#717171;}
.introBlock b                   {   color: #fff; }

a:link, a:visited				{	color:#525252; text-decoration: none; outline:none; border-bottom:1px dotted #525252; background:none; }
a:hover, a:active				{	color:#be2208; outline:none;  border-bottom:1px dotted #be2208;}

a.pdf, a.word, a.excel, 
a.backtotop, a.print, a.info	{	padding:2px 0px 2px 20px; margin:1px; }

a.pdf							{	background: url(/images/page_white_acrobat.gif) no-repeat; }
a.word							{	background: url(/images/page_white_word.gif) no-repeat; }
a.excel							{	background: url(/images/page_white_excel.gif) no-repeat; }
a.backtotop						{	background: url(/images/page_white_backtotop.gif) no-repeat; }
a.print							{	background: url(/images/page_white_print.gif) no-repeat; }
a.info							{	background: url(/images/information.gif) no-repeat; }

select							{	border:1px solid #CCCCCC; margin-bottom:10px;}
select#jumpmenu_sitemap			{	width:180px; position:absolute; top:5px; right:5px;}
select optgroup 				{	font-style:normal; color:#000000; background:#E5E5E5; }
select optgroup option			{	}
select option 					{	outline:none;}

form 							{	padding:0px; margin:0px; font-size:95%; }
label                           {   cursor: pointer; }

blockquote						{	font-style: italic; margin: 0px 0px 0px 20px;}

iframe							{	border:0px; }
div.hr 							{	border-top: 1px solid #c4c4c4; height: 1px; width: 100%; margin: 0px 0px 15px 0px; display:block; font-size:1px; }

/* ~~ FONT STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.underline 						{	text-decoration:underline; }
.bold 							{	font-weight:bold; color: #0b3c8f; }
.italic 						{	font-style:italic; }

.align-center                   {	text-align:center; }

/* ~~ BORDER STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.border 						{	border: 1px solid #000000; }
.border-top						{	border-top: 1px solid #000000; }
.border-right					{	border-right: 1px solid #000000; }
.border-bottom					{	border-bottom: 1px solid #000000; }
.border-left					{	border-left: 1px solid #000000; }

/* ~~ TABLE ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table 							{	width: 100%; }
thead 							{  }
tbody 							{  }
td 								{  }

/* ~~ INPUT ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

input							{	border-collapse:separate; }
.clear							{	clear: both; }
.float-left						{	float: left; }
.float-right					{	float: right; }

/* ~~ ADMIN EDIT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#admin {
    background: #999999;
    border-bottom: 1px solid #000;
    height: 16px;
    line-height: 16px;
    padding: 2px 20px;
    font-size: 11px;
}
    #admin a, #admin p  		{	color: #fff; border: 0; }
    #admin a:hover      		{	text-decoration: underline; border: 0; }
    #admin a.editHome   		{	background: url(../images/admin_home.png) no-repeat; padding: 2px 0 2px 20px; margin: 1px; }
    #admin a.editPage   		{	background: url(../images/admin_edit.png) no-repeat; padding: 2px 0 2px 20px; margin: 1px; }
    #admin a.xmlView    		{	background: url(../images/admin_xml.png) no-repeat; padding: 2px 0 2px 20px; margin: 1px; }

/* ~~ STRUCTURAL ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#container						{	width:868px; margin:0px auto;}
#phone							{	float:left; width:197px; height:30px; border-right:1px solid #FFFFFF; background:#858585 url(/images/phoneGrad.gif) repeat-x; border-left:1px solid #707070; }
#phone h2						{	color:#FFFFFF; font-weight:normal; line-height:30px; padding:0px 0px 0px 5px; font-size:105%;}
#phone h2 strong				{	font-weight:bold; line-height:30px; color:#FFFFFF;}

/* ~~ HEADER STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header							{	height:110px; position:relative; padding:0px; }
a#logo							{	position:absolute; top:43px; left:-3px; width:316px; height:48px; background:url(/images/raLogo.gif); border:none; }
#strapLine						{	position:absolute; top:38px; right:-3px; width:223px; height:43px; background:url(/images/strapLine.gif);}
	
/* ~~ TOP MENU STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#menu							{	height:30px; background:#640000; position:relative; padding:0px; margin:0px;}
#menu ul						{	position:relative; top:7px; left:10px; padding:0px 0px 0px 0px; float:left; width:460px; height:10px;}
#menu ul li						{	height:15px; float:left; font-size:95%; margin-right:10px; padding:0px 10px 0px 0px; border-right:1px solid #FFFFFF;}
#menu ul li.last				{	border-right:none; margin:0px;}
#menu ul li.onstateLast			{	border-right:none; margin:0px;}

#menu ul li a					{	margin-left:0px; border:none;	background:none; color:#FFFFFF; line-height:15px;}

#menu ul li a:hover,
#menu ul li.onstate a,
#menu ul li.onstateLast	a		{	border-bottom:1px dotted #FFFFFF;}

/* ~~ LEFTNAV STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.LHS							{	width:198px; border-right:1px solid #FFFFFF;	}
.LHS .wrap						{	padding:0px 1px 0px 0px; border-top:1px solid #FFFFFF; }

ul#leftNav						{	padding:0px; font-size:95%;}
ul#leftNav li					{	padding:0px; border:1px solid #dddddd; margin:0px 0px 2px 0px; background:#fbfbfb; }
ul#leftNav a					{	padding:2px 0px 2px 5px; color:#be2208; display:block; border:none; color:#525252;}
ul#leftNav a:hover,
ul#leftNav a.onstate			{	background:#ffefec; color:#be2208;}

ul#leftNav ul 					{	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:95%;}
ul#leftNav ul li				{	margin:0px 0px 0px 0px; border:none;}
ul#leftNav ul li a				{	color:#666666; background:#ffefec;  }
ul#leftNav ul li a:hover		{	text-decoration:underline; color:#000000;border:none; }
ul#leftNav ul li a.onstate		{	text-decoration:underline; color:#000000;border:none; }

/* ~~ CONTENT STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content						{	margin-bottom:20px;}

.wrap ul li						{	background:url(/images/liArrowRed.gif) no-repeat 0px 7px;}
.wrap ul li	a					{	border-bottom:1px dotted #525252; }
.wrap ul li	a:hover				{	background:none; border-bottom:1px dotted #be2208; color:#be2208;}

.introBlock						{	height:146px; background:url(/images/contentBlock.gif) repeat-x; padding:7px 30px 10px 15px; border-top:1px solid #FFFFFF;}
.introBlock h1					{	font-size:195%; color:#FFFFFF; padding:0px 0px 5px 0px;}
.introBlock p					{	color:#FFFFFF;}

.introImage						{	width:188px; height:163px; background:url(/images/introImage.jpg); border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF;}
.annuitiesImage					{	width:188px; height:163px; background:url(/images/introImage.jpg); float:right;position:relative;top:-8px;right:-31px;border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF;}
.contentHome					{	padding:10px 20px 15px 15px;}
.contentHomeIframe				{	padding:10px 0px 0px 10px;}

/* ~~ RIGHT HAND SIDE NAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.RHS							{	width:188px;}
.RHS .wrap						{	border-bottom:1px solid #dddddd; margin:0px 0px 0px 18px; padding:0 0 10px 0; }
.RHS .wrap p					{	padding:0px;}
.RHS h1							{	font-size:170%; background:url(/images/sideArrow.gif) no-repeat 0px 21px; padding:10px 0px 10px 17px; position:relative; top:0px; left:-18px;}
.RHS h2							{	padding:0px;}
.RHS .wrap	a:hover  h3,
.RHS .wrap	a:hover  p          {   color:#be2208;}   

/* ~~ FOOTER STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer							{	border-top:1px solid #dddddd; padding:4px 0px px 0px; font-size:80%; }
#footer p						{	margin-bottom:10px; padding:0px; display:block; width:92%;}
#footer a.sb					{	float:right; border-bottom:none; color:#717171; }
#footer a:hover					{	background:none; color:#be2208; }
#footer div.footerDiv			{	float:left; }

/* ~~ IE 6 FIXES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

*html a							{	border-bottom:0px solid !important;}

*html ul#leftNav li a			{	display:block!important; width:190px; }
*html ul#leftNav li a:hover		{	background:#ffefec; }

*html ul#leftNav ul li a:hover,
*html ul#leftNav ul li a.onstate{	background:#ffefec;}

*html ul#leftNav ul li			{	display:inline!important;	}
*html .contentHome ul a			{	border-bottom:1px solid #dddddd !important;}
*html .contentHome ul a:hover	{	border-bottom:1px solid #be2208 !important;}

*html #menu ul					{	top:6px; }
*html #menu ul a:hover			{	border-bottom:1px solid #FFFFFF!important;}

*html #jumpmenu_sitemap			{	 *top:3px!important; }

*html #menu ul li a:hover,
*html #menu ul li.onstate a,
*html #menu ul li.onstateLast a	{	border-bottom:1px solid #FFFFFF!important;}

/* ~~ IE 7 FIXES html>body is required before the class or ID, a "*" is required before EVERY parameter too. ~~ */

html>body #menu ul				{	*top:8px;  *height:20px;}
html>body #menu ul li			{	*padding:0px;*line-height:15px;  }
html>body #menu ul li a			{	*padding:0px; *margin:0px 10px 0px 0px; *line-height:5px;  }

html>body #jumpmenu_sitemap		{	 *top:3px; }



table#contact td				{	vertical-align: text-top; }
table#contact td.vac			{	vertical-align: middle; padding:0px; }
table#contact input				{	width: 295px; }
table#contact input.rdo			{	width: 22px; margin-top:2px; }
table#contact textarea			{	width: 295px; }
table#contact input.button		{	width: auto; height: auto; }
table#contact .red				{	color: #640000; }
table#contact input, table#contact textarea { line-height: 1.2em; }

span.accessKey 					{	text-decoration: underline; color: #717171; }

div#errStr						{	margin-top: 10px; }
div#errStr p					{	color: #640000; font-weight: bold; }

/*~~~~~~~~~~~~~~~~~~~~~~|Quick Enquiry Form|~~~~~~~~~~~~~~~~~~~~~~~~*/
#quickEnquiry
{
background:#e6e5e5;
border:1px solid #86271b;
padding:0;
margin:5px 0 0 0;
}

#quickEnquiry h1
{
 color:#fff;
 margin:0;
 padding:0;
 background:url(../images/quickEnquiryGrad4x30.jpg) repeat-x;
 height:30px;
 left:0;
 text-indent:5px;
 line-height:140%;
}

#quickEnquiry p
{
 line-height:110%;
 margin:5px 5px 0 5px;
}

#quickEnquiry table
{
margin:0 0 5px 5px;
width:185px;
}

#quickEnquiry table tr td .submit
{
 font-size:1em;
 margin-top:5px;
}

#quickEnquiry table tr td input
{
width:80px;
}


#quickEnquiry table tr td input.wideInput
{
width:168px;
}