/* Globals */
html { min-height:100%; margin-bottom:1px; }
html body { padding:0px 0px 20px 0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#000; line-height:140%; background-color:#f3f2d7; }
html body td { vertical-align:top; text-align:left; }

/*
h1 { padding:0px; margin:0px 0px 5px 0px; font-family:"Times New Roman", Times, serif; font-size:1.6em; font-weight:bold; color:#0a657a; line-height:100%; }
h2 { padding:0px; margin:0px 0px 10px 0px; font-family:"Times New Roman", Times, serif; font-size:1.5em; font-weight:bold; color:#0a657a; line-height:100%; }
h3 { padding:0px; margin:0px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; color:#e45620; line-height:140%; }
h4 { padding:0px; margin:0px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; color:#0a657a; line-height:140%; }
h5 { padding:0px; margin:0px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; color:#e45620; line-height:140%; }
h6 { padding:0px; margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; color:#666666; line-height:140%; }

p { padding:0px; margin:0px 0px 18px 0px; }
*/

a { color:#000; text-decoration:underline; }
a:hover { color:#e45620; text-decoration:underline; }

.hidden { display:none; }

/* Structure */
.site_frame { width:824px; padding:0px; margin:0 auto; }

.header_nav { width:824px; padding:5px 0px 5px 0px; font-size:1.2em; line-height:100%; color:#FFF; background-color:#0a657a; }
.header_nav ul { width:763px; padding:0px; margin:0px; list-style:none; display:table; }
.header_nav li { padding:0px 3px 0px 3px; margin:0px; list-style-type:none; float:right; }
.header_nav li a { color:#FFF; text-decoration:none; display:block; }
.header_nav li a:hover { color:#FFF; text-decoration:underline; }
.header_nav li.active a { color:#FFF; text-decoration:underline; }

.header { width:824px; padding:0px; margin:0px; }
.header img { display:block; }

.topnav { width:824px; height:28px; padding:0px; margin:0px; background:#e9e537; }

.footer { width:796px; padding:9px 28px 0px 0px; margin:0px; font-size:1.1em; color:#464646; text-align:right; line-height:140%; border-top:12px solid #e45620; }
.footer a { margin-left:12px; color:#464646; text-decoration:underline; }
.footer a:hover { color:#e45620; text-decoration:underline; }

/* Sub */
.content_frame { width:824px; padding:0px 0px 0px 0px; margin:0px; font-size:1.1em; background:#fff; }

.content_header { width:824px; background:#fff; border-bottom:1px solid #e45620; }
.content_header .subnav { width:124px; vertical-align:bottom; }
.content_header .subnav h2 { width:98px; padding:4px 8px 4px 16px; margin:0px; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; color:#e45620; background:#fffff2; border:1px solid #e45620; border-bottom:0px; display:block; line-height:100%; }
.content_header .subnav h2 a { color:#e45620; text-decoration:none; }
.content_header .subnav h2 a:hover { color:#e45620; text-decoration:underline; }
.content_header .content { width:430px; padding:0px 35px 0px 17px; vertical-align:bottom; text-align:left; }
.content_header .content h1 { padding:0px; margin:0px 0px 5px 0px; font-family:"Times New Roman", Times, serif; font-size:1.6em; font-weight:bold; color:#0a657a; line-height:100%; float:none; text-align:left; }
.content_header .spotlight { width:218px; }

.sub .content_body .subnav { width:124px; }
.sub .content_body .content { width:430px; height:400px; min-height:400px; padding:25px 35px 0px 17px; color:#000; font-size:1.0em; line-height:150%; }
* html .sub .content_body .content { height:400px; }
.sub .content_body .spotlight { width:208px; padding:25px 10px 0px 0px; }
.sub .content_body .spotlight h4 { padding:0px; margin:0px 0px 20px 0px; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; font-weight:normal; color:#e45620; line-height:140%; }
.sub .content_body .spotlight ul.h4 { margin-top:-10px; }
.sub .content_body .spotlight ul.h4 li { padding:0px 0px 0px 12px; color:#e45620; font-size:1.4em; background:transparent url(../images/pic_sub_spotlight_bullet.gif) no-repeat 2px 5px; }

.subnav_frame { width:107px; padding:12px 5px 12px 10px; margin:0px; border:1px solid #e45620; border-top:0px; background:#f3f2d7; float:left; }
.subnav_frame ul { padding:0px; margin:0px; list-style:none; }
.subnav_frame li { padding:0px 0px 0px 8px; margin:0px 0px 7px 0px; font-size:1.1em; list-style-type:none; background:transparent url(/wp-content/themes/ayo/images/pic_sub_subnav_bullet.gif) no-repeat 0px 4px; }
.subnav_frame li a { color:#000; text-decoration:none; }
.subnav_frame li a:hover { color:#e45620; text-decoration:none; }
.subnav_frame li.active a { color:#e45620; text-decoration:none; }
.subnav_frame li.active ul li a { color:#000; text-decoration:none; }
.subnav_frame ul ul { padding:5px 0px 0px 0px; margin:0px 0px 0px -1px; }
.subnav_frame ul ul li { padding:0px 0px 0px 8px; margin:0px 0px 7px 0px; background:transparent url(/wp-content/themes/ayo/images/pic_sub_subnav_subbullet.gif) no-repeat 0px 5px; }

/* Global Nav */
#nav, #nav ul { padding:0px; margin:0px; list-style:none; line-height:100%; }
#nav a { display: block; }
#nav li { font-family:Arial, Helvetica, sans-serif; float:left; }
#nav li img { display:block; }
#nav li ul { position:absolute; left:-999px; }
#nav li:hover ul { left:auto; } 
#nav li:hover ul, #nav li.sfhover ul { left:auto; }
#nav li.spacer { width:1px; height:28px; background:transparent url(../images/pic_global_nav_spacer.gif) no-repeat 0px 0px; }

#nav li.main_01 { width:127px; }
#nav li.main_01 a { background:transparent url(../images/but_about_off.gif) no-repeat top left; }
#nav li.main_01 a:hover { background-image:url(../images/but_about_on.gif); }
#nav li.main_01 #main_01_but_swap { top:75px; z-index:3; }
#nav li.main_01 #main_01_but_swap li a { width:127px; height:28px; background:transparent url(../images/but_about_on.gif) no-repeat top left; }
#nav li.main_01 #main_01_subnav { width:127px; top:103px; padding:8px 10px 10px 10px; background-color:#f1ef9d; }
#nav li.main_01 #main_01_subnav li { padding:0px 0px 0px 12px; margin:0px 0px 7px 0px; font-size:1.1em; background:transparent url(../images/pic_global_topnav_bullet.gif) no-repeat 0px 5px; }
#nav li.main_01 #main_01_subnav li a { width:115px; color:#000; line-height:130%; text-decoration:none; background:none; }
#nav li.main_01 #main_01_subnav li a:hover { color:#000; text-decoration:underline; }

#nav li.main_01_active { width:127px; }
#nav li.main_01_active a { background-image:url(../images/but_about_on.gif); }
#nav li.main_01_active a:hover { background-image:url(../images/but_about_on.gif); }
#nav li.main_01_active #main_01_but_swap { display:none; }
#nav li.main_01_active #main_01_subnav { display:none; }

#nav li.main_02 { width:108px; }
#nav li.main_02 a { background:transparent url(../images/but_findings_off.gif) no-repeat top left; }
#nav li.main_02 a:hover { background-image:url(../images/but_findings_on.gif); }
#nav li.main_02 #main_02_but_swap { top:75px; z-index:3; }
#nav li.main_02 #main_02_but_swap li a { width:108px; height:28px; background:transparent url(../images/but_findings_on.gif) no-repeat top left; }
#nav li.main_02 #main_02_subnav { width:110px; top:103px; padding:8px 10px 10px 10px; background-color:#f1ef9d; }
#nav li.main_02 #main_02_subnav li { padding:0px 0px 0px 12px; margin:0px 0px 7px 0px; font-size:1.1em; background:transparent url(../images/pic_global_topnav_bullet.gif) no-repeat 0px 5px; }
#nav li.main_02 #main_02_subnav li a { width:98px; color:#000; line-height:130%; text-decoration:none; background:none; }
#nav li.main_02 #main_02_subnav li a:hover { color:#000; text-decoration:underline; }

#nav li.main_02_active { width:108px; }
#nav li.main_02_active a { background-image:url(../images/but_findings_on.gif); }
#nav li.main_02_active a:hover { background-image:url(../images/but_findings_on.gif); }
#nav li.main_02_active #main_02_but_swap { display:none; }
#nav li.main_02_active #main_02_subnav { display:none; }

#nav li.main_03 { width:87px; }
#nav li.main_03 a { background:transparent url(../images/but_states_off.gif) no-repeat top left; }
#nav li.main_03 a:hover { background-image:url(../images/but_states_on.gif); }
#nav li.main_03 #main_03_but_swap { top:75px; z-index:3; }
#nav li.main_03 #main_03_but_swap li a { width:87px; height:28px; background:transparent url(../images/but_states_on.gif) no-repeat top left; }
#nav li.main_03 #main_03_subnav { width:110px; top:103px; padding:8px 10px 10px 10px; background-color:#f1ef9d; }
#nav li.main_03 #main_03_subnav li { padding:0px 0px 0px 12px; margin:0px 0px 7px 0px; font-size:1.1em; background:transparent url(../images/pic_global_topnav_bullet.gif) no-repeat 0px 5px; }
#nav li.main_03 #main_03_subnav li a { width:98px; color:#000; line-height:130%; text-decoration:none; background:none; }
#nav li.main_03 #main_03_subnav li a:hover { color:#000; text-decoration:underline; }

#nav li.main_03_active { width:87px; }
#nav li.main_03_active a { background-image:url(../images/but_states_on.gif); }
#nav li.main_03_active a:hover { background-image:url(../images/but_states_on.gif); }
#nav li.main_03_active #main_03_but_swap { display:none; }
#nav li.main_03_active #main_03_subnav { display:none; }

#nav li.main_04 { width:144px; }
#nav li.main_04 a { background:transparent url(../images/but_tellus_off.gif) no-repeat top left; }
#nav li.main_04 a:hover { background-image:url(../images/but_tellus_on.gif); }
#nav li.main_04 #main_04_but_swap { top:75px; z-index:3; }
#nav li.main_04 #main_04_but_swap li a { width:144px; height:28px; background:transparent url(../images/but_tellus_on.gif) no-repeat top left; }
#nav li.main_04 #main_04_subnav { width:144px; top:103px; padding:8px 10px 10px 10px; background-color:#f1ef9d; }
#nav li.main_04 #main_04_subnav li { padding:0px 0px 0px 12px; margin:0px 0px 7px 0px; font-size:1.1em; background:transparent url(../images/pic_global_topnav_bullet.gif) no-repeat 0px 5px; }
#nav li.main_04 #main_04_subnav li a { width:132px; color:#000; line-height:130%; text-decoration:none; background:none; }
#nav li.main_04 #main_04_subnav li a:hover { color:#000; text-decoration:underline; }
#nav li.main_04 #main_04_subnav li.subnav { padding:0px 0px 0px 20px; background:transparent url(../images/pic_sub_subnav_subbullet.gif) no-repeat 11px 7px; }

#nav li.main_04_active { width:144px; }
#nav li.main_04_active a { background-image:url(../images/but_tellus_on.gif); }
#nav li.main_04_active a:hover { background-image:url(../images/but_tellus_on.gif); }
#nav li.main_04_active #main_04_but_swap { display:none; }
#nav li.main_04_active #main_04_subnav { display:none; }

#nav li.main_05 { width:77px; }
#nav li.main_05 a { background:transparent url(../images/but_whatsnew_off.gif) no-repeat top left; }
#nav li.main_05 a:hover { background-image:url(../images/but_whatsnew_on.gif); }
#nav li.main_05 #main_05_but_swap { top:75px; z-index:3; }
#nav li.main_05 #main_05_but_swap li a { width:77px; height:28px; background:transparent url(../images/but_whatsnew_on.gif) no-repeat top left; }
#nav li.main_05 #main_05_subnav { width:110px; top:103px; padding:8px 10px 10px 10px; background-color:#f1ef9d; }
#nav li.main_05 #main_05_subnav li {padding:0px 0px 0px 12px; margin:0px 0px 7px 0px; font-size:1.1em; background:transparent url(../images/pic_global_topnav_bullet.gif) no-repeat 0px 5px; }
#nav li.main_05 #main_05_subnav li a { width:98px; color:#000; line-height:130%; text-decoration:none; background:none; }
#nav li.main_05 #main_05_subnav li a:hover { color:#000; text-decoration:underline; }

#nav li.main_05_active { width:77px; }
#nav li.main_05_active a { background-image:url(../images/but_whatsnew_on.gif); }
#nav li.main_05_active a:hover { background-image:url(../images/but_whatsnew_on.gif); }
#nav li.main_05_active #main_05_but_swap { display:none; }
#nav li.main_05_active #main_05_subnav { display:none; }

#nav li.main_06 { width:43px; }
#nav li.main_06 a { background:transparent url(../images/but_media_off.gif) no-repeat top left; }
#nav li.main_06 a:hover { background-image:url(../images/but_media_on.gif); }
#nav li.main_06 #main_06_but_swap { top:75px; z-index:3; }
#nav li.main_06 #main_06_but_swap li a { width:43px; height:28px; background:transparent url(../images/but_media_on.gif) no-repeat top left; }
#nav li.main_06 #main_06_subnav { width:110px; top:103px; padding:8px 10px 10px 10px; background-color:#f1ef9d; }
#nav li.main_06 #main_06_subnav li { padding:0px 0px 0px 12px; margin:0px 0px 7px 0px; font-size:1.1em; background:transparent url(../images/pic_global_topnav_bullet.gif) no-repeat 0px 5px; }
#nav li.main_06 #main_06_subnav li a { width:98px; color:#000; line-height:130%; text-decoration:none; background:none; }
#nav li.main_06 #main_06_subnav li a:hover { color:#000; text-decoration:underline; }

#nav li.main_06_active { width:43px; }
#nav li.main_06_active a { background-image:url(../images/but_media_on.gif); }
#nav li.main_06_active a:hover { background-image:url(../images/but_media_on.gif); }
#nav li.main_06_active #main_06_but_swap { display:none; }
#nav li.main_06_active #main_06_subnav { display:none; }

#nav li.main_07 { width:148px; }
#nav li.main_07 a { background:transparent url(../images/but_advocacy_off.gif) no-repeat top left; }
#nav li.main_07 a:hover { background-image:url(../images/but_advocacy_on.gif); }
#nav li.main_07 #main_07_but_swap { top:75px; z-index:3; }
#nav li.main_07 #main_07_but_swap li a { width:148px; height:28px; background:transparent url(../images/but_advocacy_on.gif) no-repeat top left; }
#nav li.main_07 #main_07_subnav { width:148px; top:103px; padding:8px 10px 10px 10px; background-color:#f1ef9d; }
#nav li.main_07 #main_07_subnav li { padding:0px 0px 0px 12px; margin:0px 0px 7px 0px; font-size:1.1em; background:transparent url(../images/pic_global_topnav_bullet.gif) no-repeat 0px 5px; }
#nav li.main_07 #main_07_subnav li a { width:136px; color:#000; line-height:130%; text-decoration:none; background:none; }
#nav li.main_07 #main_07_subnav li a:hover { color:#000; text-decoration:underline; }

#nav li.main_07_active { width:148px; }
#nav li.main_07_active a { background-image:url(../images/but_advocacy_on.gif); }
#nav li.main_07_active a:hover { background-image:url(../images/but_advocacy_on.gif); }
#nav li.main_07_active #main_07_but_swap { display:none; }
#nav li.main_07_active #main_07_subnav { display:none; }

#nav li.main_08 { width:83px; }
#nav li.main_08 a { background:transparent url(../images/but_action_off.gif) no-repeat top left; }
#nav li.main_08 a:hover { background-image:url(../images/but_action_on.gif); }
#nav li.main_08 #main_08_but_swap { top:75px; z-index:3; }
#nav li.main_08 #main_08_but_swap li a { width:83px; height:28px; background:transparent url(../images/but_action_on.gif) no-repeat top left; }
#nav li.main_08 #main_08_subnav { width:110px; top:103px; padding:8px 10px 10px 10px; background-color:#f1ef9d; }
#nav li.main_08 #main_08_subnav li { padding:0px 0px 0px 12px; margin:0px 0px 7px 0px; font-size:1.1em; background:transparent url(../images/pic_global_topnav_bullet.gif) no-repeat 0px 5px; }
#nav li.main_08 #main_08_subnav li a { width:98px; color:#000; line-height:130%; text-decoration:none; background:none; }
#nav li.main_08 #main_08_subnav li a:hover { color:#000; text-decoration:underline; }

#nav li.main_08_active { width:83px; }
#nav li.main_08_active a { background-image:url(../images/but_action_on.gif); }
#nav li.main_08_active a:hover { background-image:url(../images/but_action_on.gif); }
#nav li.main_08_active #main_08_but_swap { display:none; }
#nav li.main_08_active #main_08_subnav { display:none; }

.home #nav li.main_01 #main_01_but_swap { top:204px; }
.home #nav li.main_01 #main_01_subnav { top:232px; }
.home #nav li.main_02 #main_02_but_swap { top:204px; }
.home #nav li.main_02 #main_02_subnav { top:232px; }
.home #nav li.main_03 #main_03_but_swap { top:204px; }
.home #nav li.main_03 #main_03_subnav { top:232px; }
.home #nav li.main_04 #main_04_but_swap { top:204px; }
.home #nav li.main_04 #main_04_subnav { top:232px; }
.home #nav li.main_05 #main_05_but_swap { top:204px; }
.home #nav li.main_05 #main_05_subnav { top:232px; }
.home #nav li.main_06 #main_06_but_swap { top:204px; }
.home #nav li.main_06 #main_06_subnav { top:232px; }
.home #nav li.main_07 #main_07_but_swap { top:204px; }
.home #nav li.main_07 #main_07_subnav { top:232px; }
.home #nav li.main_08 #main_08_but_swap { top:204px; }
.home #nav li.main_08 #main_08_subnav { top:232px; }