body { margin: 0;padding: 0;color: #000;font-family: arial, helvetica, sans-serif;background: #fff;font-size: 12px; }
#oaheader { width: 100%;background: url(images/top_background.jpg) repeat-x #fff;margin-top: 5px; }
#oabody { width: 957px;overflow: auto;margin-left: 15px;}
#oabody #navil { width: 152px;float: left; }
#oabody #navil ul { list-style-type: none;margin: 0;padding: 0; }
#oabody #navil ul li { margin: 0;padding: 10px 10px 15px 15px;text-align: right; }
#oabody #navil ul li a { color: #4C6C86;text-decoration: none; }
#oabody #navil ul li a:hover { text-decoration: underline; }
#oabody #navil ul li a.selected, #oabody #navil ul li a.selected:hover { font-weight: bold; }
#oabody #contr { width: 481px;float: left; }
#oabody #contr img { float: left; }
#oabody #contrr { width: 234px;color: #000036;line-height: 130%;float: left;background: url(images/home_stories_bg.jpg) no-repeat #fff;min-height: 473px;font-size: 13px;padding: 70px 45px 20px 45px; }
#oafooter { text-align: center;width: 937px;font-size: 11px;margin-top: 15px;margin-bottom: 10px; }
#oafooter2 { text-align: center;font-size: 11px;margin-top: 15px;margin-bottom: 10px; }
img { border: 0; }


#bmenu {  }

#oatitle { margin-left: 175px; }
#oatitle h1 { font-size: 14px;font-family: arial, helvetica, sans-serif;color: #023D69; }

#contactr a { color: #3F2105;text-decoration: underline; }
#contactr a:hover { text-decoration: none; }
#contactr { float: left;width: 795px;color: #3F2105;background: #DED4B0; }
#contactr #contactp { min-height: 361px;overflow: auto; }
#contactr #contactal { padding: 2%;float: left;width: 29%; }
#contactr #contactar { padding: 2%;float: left;width: 62%; }

#disclaimerp { background: #DED4B0;min-height: 361px;overflow: auto; }
#disclaimerp p { margin-top: 0; }
#disclaimerp #disclaimeral { float: left;padding: 2% 1% 0 2%;width: 30%; }
#disclaimerp #disclaimerac { float: left;padding: 2% 1% 0 1%;width: 30%; }
#disclaimerp #disclaimerar { float: left;padding: 2% 2% 0 1%;width: 30%; }

#pensionp { background: #DED4B0;min-height: 391px;overflow: auto; }
#pensionp p { margin-top: 0;margin-bottom: 7px; }
#pensionp #pensional { float: left;padding: 2% 1% 0 2%;width: 30%; }
#pensionp #pensionac { float: left;padding: 2% 1% 0 1%;width: 30%; }
#pensionp #pensionar { float: left;padding: 2% 2% 0 1%;width: 30%; }

#oamericap { background: #DED4B0;min-height: 361px;overflow: auto; }
#oamericap p { margin-top: 0; }
#oamericap #oamericaal { float: left;padding: 2%;width: 29%; }
#oamericap #oamericaac { float: left;padding: 2%;width: 29%; }
#oamericap #oamericaar { float: left;padding: 2%;width: 29%; }

#larryp { background: #DED4B0;min-height: 361px;overflow: auto; }
#larryp p { margin-top: 0; }
#larryp #larryal { float: left;padding: 2%;width: 29%; }
#larryp #larryac { float: left;padding: 2%;width: 29%; }
#larryp #larryar { float: left;padding: 2%;width: 29%; }

#lucillep { background: #DED4B0;min-height: 361px;overflow: auto; }
#lucillep p { margin-top: 0; }
#lucillep #lucilleal { float: left;padding: 2%;width: 29%; }
#lucillep #lucilleac { float: left;padding: 2%;width: 29%; }
#lucillep #lucillear { float: left;padding: 2%;width: 29%; }

#evelynp { background: #DED4B0;min-height: 361px;overflow: auto; }
#evelynp p { margin-top: 0; }
#evelynp #evelynal { float: left;padding: 2%;width: 29%; }
#evelynp #evelynac { float: left;padding: 2%;width: 29%; }
#evelynp #evelynar { float: left;padding: 2%;width: 29%; }

#emmap { background: #DED4B0;min-height: 361px;overflow: auto; }
#emmap p { margin-top: 0; }
#emmap #emmaal { float: left;padding: 2%;width: 29%; }
#emmap #emmaac { float: left;padding: 2%;width: 29%; }
#emmap #emmaar { float: left;padding: 2%;width: 29%; }

a.clearcookie { color: #666; }

#contactr a.downloadbtn { background: #DED4B0;padding: 4px;border: 2px solid #CEC69B;color: #000;text-decoration: none;font-weight: bold; }
#contactr a.downloadbtn:hover { text-decoration: underline; }

p.statechange { font-size: 12px;color: #666;padding: 5px;text-align: right; }
p.statechange strong { color: #f00; }

#selfcontact { display: none; }
#lovedcontact { display: none; }

input, select { font-size: 11px; }

#downloadlink { display:block;width:131px;background: url(images/btn_download.jpg) 0 0 no-repeat;padding: 23px 0 0 0;overflow: hidden;height: 0px !important; }
#downloadlink:hover { background-position: 0px -23px; }
#contactlink { display:block;width:69px;background: url(images/btn_contact.jpg) 0 0 no-repeat;padding: 23px 0 0 0;overflow: hidden;height: 0px !important; }
#contactlink:hover { background-position: 0px -23px; }
#watchppalink { display:block;width:205px;background: url(images/btn_ppa.jpg) 0 0 no-repeat;padding: 40px 0 0 0;overflow: hidden;height: 0px !important; }
#watchppalink:hover { background-position: 0px -40px; }

#storybuttons { overflow: auto;margin-top: 15px;height: 70px; }
#contactdiv { float: left; }
#watchppadiv { float: left;margin-top: 5px; }
#downloaddiv { float: left;margin-right: 5px; }			

#tiles { width: 740px;height: 179px;background: url(images/tilemenu.png) top left;margin: -20px auto 0 auto;padding: 0;overflow: hidden;position: relative; }
#tiles li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#tiles a {display: block;}

#tile1 {left: 0px; width: 135px; height: 179px;}
#tile2 {left: 116px; width: 135px; height: 179px;}
#tile3 {left: 213px; width: 135px; height: 179px;}
#tile4 {left: 311px; width: 135px; height: 179px;}
#tile5 {left: 412px;  width: 135px; height: 179px;}
#tile6 {left: 511px; width: 135px; height: 179px;}
#tile7 {left: 605px; width: 140px; height: 179px;}

#tile1 a {height: 179px;}
#tile2 a {height: 179px;}
#tile3 a {height: 179px;}
#tile4 a {height: 179px;}
#tile5 a {height: 179px;}
#tile6 a {height: 179px;}
#tile7 a {height: 179px;}

#tile1:hover {background: url(images/tilemenu.png) 0 -179px no-repeat;}
#tile2:hover {background: url(images/tilemenu.png) -104px -358px no-repeat;left: 100px;}
#tile3:hover {background: url(images/tilemenu.png) -201px -533px no-repeat;left: 200px;}
#tile4:hover {background: url(images/tilemenu.png) -298px -723px no-repeat;left: 299px;}
#tile5:hover {background: url(images/tilemenu.png) -394px -902px no-repeat;left: 395px;}
#tile6:hover {background: url(images/tilemenu.png) -490px -1084px no-repeat;left: 491px;}
#tile7:hover {background: url(images/tilemenu.png) -553px -1266px no-repeat;left: 567px;width: 167px;height: 188px;}

/* BANNER

======================================== */

#banner {

	background-color: #023D69;

	color: #FFF;

	margin: 10px 0;font-size: 14px;

}

#globalnav {

	position: relative;

	width: 730px;

}

body.app #globalnav, body.app #primarynav,

body.app-wide #globalnav, body.app-wide #primarynav {

	width: auto;

}

body.app #globalnav, body.app-wide #globalnav {

	margin-right: 65px;

}

#globalnav {

	text-align: right;

	height: 30px;

	line-height: 30px;

}

#globalnav div {

	float: right;

	line-height: 30px;

}

/* This is for the text input, submit gets styles in lists_nav */

#globalnav input {

	margin: 5px 0 0 10px;

	border: 1px solid #999;

}

#identity {

	border: solid #FFF;

	border-width: 1px 0;

	height: 40px;

	vertical-align: middle;

	line-height: 40px;

	position: relative;

}

/* The next two are used to get the identity images positioned. */

#identity img {

	position: absolute;

	top: 1px;

	left: 184px;

}

body.app #identity img, body.app-wide #identity img {

	left: auto;

	right: 65px;

}

/* Now use a more specific rule to get the logo positioned. */

#identity .logo img, body.app #identity .logo img, body.app-wide #identity .logo img {

	position: absolute;

	top: -36px;

	left: 60px;

}

#identity img.print {

	display: none;

}

body.popup #banner {

	margin: 3px 0;

}

/* Turn off all identity images in popups. */

body.popup #primarynav, body.popup #identity img,

body.popup #globalnav, body.popup #footer {

	display: none;

}

body.popup #banner { 

	background-color: transparent;

}

body.popup #identity {

	border: none;

	height: 5px;

}

/* Now turn on and position the print version of the logo. */

body.popup #identity .logo img {

	left: 10px;

	top: 5px;

	display: inline;

}



/* PRIMARY NAVIGATION AND DROP-DOWN MENUS

======================================== */

#primarynav {

	/* primary nav containing div */

	height: 19px;

	padding: 4px 10px 2px 175px;

	margin-bottom: 10px;

}

/* GLOBAL

======================================== */

#banner ul {

	margin:0;

	padding:0;

	font-size: 80%;

}

#banner li {

	list-style:none;

	margin: 0;

	padding: 0;

}

li {

	padding:0 6px;

	margin: 6px;

}



/* GLOBAL NAVIGATION

======================================== */

#globalnav ul {

	float: right;

	line-height:1em;

	margin-top: 8px;

}

#globalnav li {

	float: left;

	border-left: 1px solid #FFF;

}

#globalnav li a {

	display: block;

	padding: 3px;color: #fff;

	white-space: nowrap; /* force first level menu items to a single line */

}

#globalnav li.first {

	/* get rid of left border on first primary menu */

	border-left: none;

}



/* PRIMARY NAVIGATION AND DROP-DOWN MENUS

======================================== */

#primarynav ul {

	/* first level of menus */


	margin: 0;

	padding: 0;

	white-space: nowrap; /* force first level menu items to a single line */

}

#primarynav li {

	position: relative;

	float: left; /* stack in a horizontal line */

	clear: right;

	border-left: 1px solid #FFF;

	background-color: #023D69;

	white-space: nowrap; /* force first level menu items to a single line */	

	z-index: 101;

}

#primarynav li.first {

	/* get rid of left border on first primary menu */

	border-left: none;

}

#primarynav li a {

	display: block; /* make clickable area fill out */

	text-decoration: none;

	padding: 2px 12px;

	background-color: transparent;

}

#primarynav ul ul {

	/* A nested list styles our popup/fly-out menus. */

	position: absolute;

	border-left: 1px solid #999;

	border-right: 1px solid #999;

	/* if you change this width it must match a rule in ie.css */

	width: 14em;

	visibility: hidden;

	font-size: 100%;

	background-color: #F2E9D3;

	z-index: 100;

}

#primarynav ul ul.left {

	right: 0;

	float: none;

}

#primarynav ul ul a {

	/* In IE the links will get bigger than their container. */

	width: 12em;

}

#primarynav ul ul li {

	/* A nested list styles our popup/fly-out menus. */

	border-bottom: 1px dotted #023D69;

	padding-right: 12px;

	/* override inherited attributes first level menus */

	float: none;

	border-left: none;

	background-color: transparent;

	white-space: normal;

}

#primarynav ul ul.left li {

	padding-right: 0;

	padding-left: 12px;

}

#primarynav ul ul li ul {

	top: 0; 

	left: 100%;

}

#primarynav ul ul.left li ul {

	left: auto;

	right: 100%;

}

#primarynav ul ul li a.disabled {

	/* dark grey for disabled links */ 

	color: #999;

}

#primarynav ul ul li a {

	/* links on submenus (light background) */

	color: #000;

}

#primarynav li li.submenu {

	/* light tan */

	background: #F2E9D3 url(../images/accents/caret_rt.gif) no-repeat 96% 5px;

}

#primarynav li ul.left li.submenu {

	background: #F2E9D3 url(../images/accents/caret_lt.gif) no-repeat 4% 5px;

}

#primarynav li:hover, #primarynav li.submenu:hover, #primarynav ul.left li.submenu:hover  {

	/* Hightlight current menu item & transversal path. */

	background-color: #FFF;

}

#primarynav li:hover a {

	/* When we hover on the primary nav menu link it will be red with white background. */

	/* If we mouse into it's sub menu(s) we'd like to keep the background on the primary */

	/* nav menu bar white, but the text would go back to white if we weren't hovering  */

	/* over it. So this makes all link's text black while we're hovering anywhere in its */

	/* menu or sub menus. */

	color: black;

}

#primarynav li a:hover {

	/* red */

	color: #AF1732;

}

#primarynav ul li:hover ul {

	/* Display the secondary menu when we hover on a primary menu item. */

	visibility: visible;

}

#primarynav ul li:hover ul ul {

	/* The previous rule cascades and shows all sub menu's. So we */

	/* need a more specific rule to turn back off tertiary menus. */

	visibility: hidden;

}

#primarynav ul ul li:hover ul {

	/* Display the tertiary menu when we hover on a secondary menu item. */

	visibility: visible;

}

#primarynav ul ul li:hover ul ul {

	/* The previous rule cascades and shows all sub menu's. So we */

	/* need a more specific rule to turn back off quaternary menus. */

	visibility: hidden;

}

#primarynav ul ul ul li:hover ul {

	/* Display the next menu layer when we hover on its parent. */

	visibility: visible;

}

/* no rules yet for fifth level */

.b-promo {

	background: #F2E9D3 url(http://www.oneamerica.com/oacommon/public/images/accents/b_red.gif) no-repeat right center;

	padding: 0 16px 0 0;

	border: 1px outset #000;

	font-weight: bold;

	margin-left: auto; font-size: 70%;

}

input.b-arrow-red {

	cursor: pointer;

	background-image: url(http://www.oneamerica.com/oacommon/public/images/accents/b_red.gif);

}