/* Framework */

@import url("reset.css");
@import url("typography.css");

.push {width: 960px; margin: 0 auto;}
.board {position: relative;}
.over {overflow: hidden;}

/* ------------------------------------- */
/* Header								 */
/* ------------------------------------- */

#header {height: 92px; width: 100%; background-image: url(../images/elements/header_bg.gif); background-repeat: repeat-x;}

#header_logo {margin-top: 8px; float: left; border: none;}

#header_items {width: 600px; height: 100%; float: right; position: relative;}

#search_login {position: absolute; top: 0; right: 0;}
#search_login form {float: right;}
#search_login {padding-top: 11px;}

#bg {background-image:url(http://focus.org/images/content/pagebuilder/pope-john-paul-ii-1920-2005_bg.jpg); background-repeat:no-repeat; background-attachment:fixed;background-position:99% 0%;}

img#login_button {margin-right: 10px; float: right}

#search {background-image: url(../images/elements/search_input.gif); background-repeat: no-repeat; width: 190px; height: 23px;}
#search input#search_term {float: left; border: 1px solid #fff; font-family: Georgia; color: #a2aaba; font-style: italic; font-size: 13px; width: 140px; margin-top: 2px; margin-left: 3px;}
#search input#search_button {float: right; margin-top: 2px; margin-right: 3px;}

#nav_menu {position: absolute; top: 50px; width: 600px; padding: 0; font-family: 'MuseoSans500', Arial, sans-serif;}

ul#menu {position: relative; width: 600px; margin: 0; font-family: 'MuseoSans500', Arial, sans-serif;}
ul#menu li {float: left; font-size: 18px; margin-right: 10px; padding-right: 10px; float: right; position: relative; background-image: url(../images/elements/nav_divide.gif); background-repeat: no-repeat; background-position: top right; height: 41px; padding-top: 10px; font-family: 'MuseoSans500', Arial, sans-serif;}
ul#menu li#end {padding-right: 0; margin-right: 0; background-image: none;}
ul#menu li a {color: #fff; text-decoration: none; padding-bottom: 3px; font-family: 'MuseoSans500', Arial, sans-serif; font-weight: normal;}
ul#menu li a:hover {text-decoration: underline;}
ul#menu li#nav_menu_selected a {color: #c5dbef;}
ul#menu li#nav_menu_selected {font-style: italic;}

ul li img#select_arrow {position: absolute; top: 42px;}

li.nav_answering_the_call img {left: 52px;}
li.nav_on_campus img {left: 29px;}
li.nav_in_the_world img {left: 34px;}
li.nav_resources img {left: 23px;}
li.nav_about img {left: 6px;}

ul#menu ul {background: #3e5a83;}
ul#menu ul li {float: none; padding-right: 0px; position: relative;}
ul#menu ul ul {display: none;}

ul#menu ul.second_tier {display: none; width: 240px; position: absolute; top: 28px; right: 0; z-index: 1; border-left: 2px solid #8aa2c6; padding-right: 0; margin-right: 0px; border-right: 2px solid #8aa2c6; border-bottom: 2px solid #8aa2c6; margin-top: 14px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;  padding-left: 0px; z-index: 999;}
ul#menu  ul.second_tier li {padding-left: 0; margin-right: 0px; font-size: 14px; padding-right: 10px; background-image: none; background-image: url(../images/elements/sub_nav_divider.gif); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 0; height: 25px; text-align: right; position: relative;}
ul#menu  ul.second_tier li#sub_nav_end {background-image: none;}
ul#menu  ul.second_tier li a {display: block; width: 100%; padding-right: 0; margin-right: 0px;}

#menu li>ul {top: auto; left: auto;}
#menu li:hover ul, li.over ul {display: block;}

/* ------------------------------------- */
/* Window								 */
/* ------------------------------------- */

#window_content .board {position: static;}

#window {width: 100%; height: 302px; background-image: url(../images/elements/window_bg.jpg); background-repeat: repeat-x; background-position: top center;}

#buffer {height: 17px; width: 100%; background-image: url(../images/elements/buffer_bg.gif); background-repeat: repeat-x;}

#action_box {width: 356px; height: 174px; background-image: url(../images/elements/action_box.png); background-repeat: no-repeat; z-index: -1; float: right; margin-top: 50px; margin-right: -5px;}

#action_box img#answer_the_call_action {float: left; margin-left: 19px; margin-top: 19px;}
#action_box img#give_now_action {float: left; margin-left: 19px; margin-top: 30px;}
#action_box img {border: none;}
#action_box a {border: none;}

#action_box #join_us_box {width: 320px; float: left; margin-left: 19px; height: 40px; margin-top: 23px;}
#action_box #join_us_box img#join_us_action {float: left; margin-top: 11px;}

#email_box {width: 168px; height: 50px; float: right; margin-right: 10px; margin-top: 7px; overflow: hidden; background-image: url(../images/elements/email_box.gif); background-repeat: no-repeat; background-position: top left; font-family: Helvetica, Arial;}
#email_box form {width: 168px; margin-bottom: 6px; overflow: hidden;}
#email_box input#email_address {width: 110px; float: left; margin-left: 3px; border: none; background: transparent; color: #b3bac8; margin-right: 0;}
#email_box input#email_button {float: right; margin-right: 2px; margin-top: 2px; margin-left: 0;}
#email_box p {color: #fff; font-size: 10px; margin-left: 4px;}

#bubble {width: 288px; height: 154px; background-image: url(../images/elements/bubble_pop.png); background-repeat: no-repeat; top: 55px; left: 225px; font-style: italic; float: left; margin-left: 225px; margin-top: 55px;}
#bubble h2 {font-size: 20px; margin-top: 10px; margin-left: 10px; font-weight: normal;}
#bubble h2 a {color: #d0e1ee; text-decoration: none;}
#bubble h2 a:hover {color: #fff;}
#bubble p {color: #fff; margin-left: 10px; margin-top: 5px; font-size: 13px;}

.window_question {width: 400px; height: 20px; font-style: italic; text-shadow: 2px 2px 1px #000; font-size: 14px;}
.window_question a {color: #fff; text-decoration: none;}
.window_question a:hover {color: #DEEFF1;}
#first_question {float: left; left: 70px; top: 265px; text-align: left; margin-top: 50px;}
#second_question {float: right; text-align: right; right: 70px; top: 265px;  margin-top: 32px;}

/* ------------------------------------- */
/* Window Illustrations	& Boxes			 */
/* ------------------------------------- */

#window_content {background-position: top center; background-repeat: no-repeat; height: 302px; background-repeat: no-repeat;}

.window_on_campus {background-image: url(../images/elements/campus.png);}
.window_answering_the_call {background-image: url(../images/elements/atc_window.png);}
.window_in_the_world {background-image: url(../images/elements/itw_window.png);}
.window_resources {background-image: url(../images/elements/resources_window.png);}
.window_about {background-image: url(../images/elements/about_window.png);}

.window_on_campus #bubble {top: 55px; left: 225px; background-image: url(../images/elements/bubble_pop.png);}
.window_answering_the_call #bubble {top: 35px; left: 290px; background-image: url(../images/elements/no_point.png);}
.window_in_the_world #bubble {top: 75px; left: 280px; background-image: url(../images/elements/no_point.png);}
.window_resources #bubble {top: 35px; left: 280px; background-image: url(../images/elements/no_point.png);}
.window_about #bubble {top: 25px; left: 270px; background-image: url(../images/elements/no_point.png);}

/* ------------------------------------- */
/* Content & Sub Nav					 */
/* ------------------------------------- */

table#content_table {width: 960px; margin: 0 auto;}
table#content_table td#sub_nav {height: 500px; background-image: url(../images/elements/swirls.gif); background-position: top left; background-repeat: no-repeat; vertical-align: top;}
table#content_table td#content {width: 700px; padding-top: 25px; vertical-align: top;}

table#content_table td#content table {border-collapse: collapse;}

ul#sub_nav_menu {font-size: 15px; font-style: italic;}
ul#sub_nav_menu li {margin-bottom: 5px; padding-bottom: 10px; background-image: url(../images/elements/sub_sub_nav_divide.png); background-position: bottom left; background-repeat: no-repeat;}
ul#sub_nav_menu li a {color: #142343; text-decoration: none;}
ul#sub_nav_menu li a:hover {color: #000;}
ul#sub_nav_menu li#sub_nav_menu_selected a {color: #667493;}
ul#sub_nav_menu li.bottom_rung {background-image: none;}

/* ------------------------------------- */
/* Footer								 */
/* ------------------------------------- */

#pre_footer {height: 284px; width: 100%; background-image: url(../images/elements/pre_footer_bg.jpg); background-position: top center; background-repeat: repeat-x;}
#pre_footer img#footer_logo {top: 220px; left: 270px; position: absolute;}
#footer_links {padding-top: 17px; height: 190px;}
#footer_links .link_col {width: 150px; float: left; width: 192px;}
#footer_links .link_col h3 {font-style: italic; font-size: 16px; margin-bottom: 14px;}
#footer_links .link_col h3 a {color: #fff; text-decoration: none;}
#footer_links .link_col h3 a:hover {color: #9bb0dc;}
#footer_links .link_col ul li {font-size: 14px; margin-bottom: 7px;}
#footer_links .link_col ul li a {color: #9bb0dc; text-decoration: none;}
#footer_links .link_col ul li a:hover {color: #fff;}

#footer {background: #1f1f1f; width: 100%; height: 52px;}
#footer img#convio {float: left; margin-top: 5px;}
#footer #copy {float: right; width: 200px; color: #b1b1b1; font-size: 12px; text-align: right; margin-top: 8px;}
#footer #copy p {margin-bottom: 6px;}