/* CSS Document */

html, body, table, thead, tbody, tfoot, tr, th, td, p, h1, h2, h3, h4, h5, h6, div, ul, li, a, form, textarea, input, select, img, hr, span, span, strong, fieldset, label { margin: 0; padding: 0;}

html { font-family:Georgia, "Times New Roman", Times, serif; font-size: small; line-height:1.5em; color: #585757;}
body { background-color:#FFFFFF;}
p { margin: 8px 0; font-size: 95%; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5em;}
img, div { border: 0;}
ul, li { list-style: none;}

/* ----------------- Links ------------------*/

a:link { color: #ed1c24; text-decoration: underline; font-weight: bold;} 
a:visited { color: #ed1c24; text-decoration: underline; font-weight: bold;} 
a:hover { color: #f80331; text-decoration: none; font-weight: bold;}
a:active { color: #ed1c24; text-decoration: underline; font-weight: bold;}

/* ----------------- Active Page States ------------------*/

body.home #home a { background: url(../images/nav/top_nav.gif) right top no-repeat;}
body.about #about a { background: url(../images/nav/top_nav.gif) -90px -54px no-repeat;}
body.project #project a { background: url(../images/nav/top_nav.gif) -90px -108px no-repeat;}
body.news #news a { background: url(../images/nav/top_nav.gif) -90px -162px no-repeat;}
body.partner #partner a { background: url(../images/nav/top_nav.gif) -90px -216px no-repeat;}
body.donations #donations a { background: url(../images/nav/top_nav.gif) -90px -216px no-repeat;}
body.contact #contact a { background: url(../images/nav/top_nav.gif) -90px -270px no-repeat;}


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

#header { background: #FFFFFF; overflow: hidden;}
#header_container { background: #ffffff; margin: 0 auto; width: 740px; height: 416px; padding:0 8px;}
#header_container2 { background: #ffffff; margin: 0 auto; width: 740px; height: 308px; padding:0 8px;}
#error_container { background: #ffffff; margin: 0 auto; width: 740px; height: 380px; padding:0 8px;}

div.error_list { float:left; width:150px; border-right: 1px solid #d6d6d6; margin-left:16px; padding-right:16px; height:220px;}
div.error_list_last { float:left; width:150px; border: 0; margin-left:16px; padding-right:16px; height:220px;}

div.error_list ul { padding-bottom: 10px; margin-bottom: 15px;}
div.error_list li { padding-left: 18px; background:url(../images/red_arrow.gif) left 40% no-repeat; margin-bottom: 10px; }
div.error_list li a { font-size: 100%; }
div.error_list li a:link { color: #000000; text-decoration: none;}
div.error_list li a:visited { color: #000000; text-decoration: none;}
div.error_list li a:hover { color: #ed1c24; text-decoration: underline;}
div.error_list li a:active { color: #000000; text-decoration: none;}

div.error_list_last ul { padding-bottom: 10px; margin-bottom: 15px;}
div.error_list_last li { padding-left: 18px; background:url(../images/red_arrow.gif) left 40% no-repeat; margin-bottom: 10px; }
div.error_list_last li a { font-size: 100%; }
div.error_list_last li a:link { color: #000000; text-decoration: none;}
div.error_list_last li a:visited { color: #000000; text-decoration: none;}
div.error_list_last li a:hover { color: #ed1c24; text-decoration: underline;}
div.error_list_last li a:active { color: #000000; text-decoration: none;}

#header_top { float:left; width:740px; height: 101px;}
#header_logo { float:right;}
#header_logo a { text-indent: -9999px; display: block; width:246px; height: 110px; background: url(../images/riteverses_logo.jpg) right top no-repeat;}

#header_motto { float:left; width:494px; padding-top: 34px;}
#header_motto h2 { float:right; text-transform:lowercase; font-style:italic; color:#ed1c24; font-size:1.2em; text-align:right;}
#header_motto h2 span.small_motto { color:#000000; font-size:.85em;}

#rotator { overflow:hidden; float:left; width:740px; height:258px; background-image:url(../images/banners/chairs.jpg)}
#about_image { overflow:hidden; float:left; width:740px; height:150px; background-image:url(../images/banners/delivery_model01.jpg)}
#rh1 { padding:20px 5px 0px 25px; float:left; width:500px; height:80px; font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; color:#FFFFFF; line-height:1.2em;}
#about_heading { padding:10px 15px 10px 10px; float:left; width:600px; height:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#FFFFFF; line-height:1.4em;}

#rh_content { padding:25px; float:left; width:440px; height:48px; margin-top: -20px; font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; line-height:1.4em;}
#about_content { padding:10px; float:left; width:440px; height:48px; margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:1.4em;}
.rh_link li {padding-left:0px; padding-top:5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; text-decoration: none;}


#header_nav { float:center; width: 740px; height: 54px;}
#header_nav ul { margin-left: 35px;}
#header_nav li { float: left;}
#header_nav li a { display: block; width:90px; height: 54px; text-indent: -9999px;}
#home a { background: url(../images/nav/top_nav.gif) left top no-repeat; margin-right: 7px;}
#home a:hover { background: url(../images/nav/top_nav.gif) right top no-repeat;}
#about a { background: url(../images/nav/top_nav.gif) 0 -54px no-repeat; margin-right: 19px;}
#about a:hover { background: url(../images/nav/top_nav.gif) -90px -54px no-repeat;}
#project a { background: url(../images/nav/top_nav.gif) 0 -108px no-repeat; margin-right: 28px;}
#project a:hover { background: url(../images/nav/top_nav.gif) -90px -108px no-repeat;}
#news a { background: url(../images/nav/top_nav.gif) 0 -162px no-repeat; margin-right: 20px;}
#news a:hover { background: url(../images/nav/top_nav.gif) -90px -162px no-repeat;}
#donations a { background: url(../images/nav/top_nav.gif) 0 -216px no-repeat; margin-right: 20px;}
#donations a:hover { background: url(../images/nav/top_nav.gif) -90px -216px no-repeat;}
#contact a { background: url(../images/nav/top_nav.gif) 0 -270px no-repeat;}
#contact a:hover { background: url(../images/nav/top_nav.gif) -90px -270px no-repeat;}

#divider { float:left; width:740px; height:3px; background: url(../images/divider.gif) left top no-repeat;}

/* ----------------- Main Content ------------------*/

#content { overflow:hidden; margin-bottom: 28px;}
#content_opt2 { overflow:hidden; margin-bottom:8px;}
#content_container { margin: 0 auto; width: 756px; }
#content_images { width: 741px; height: 95px; padding-right:-25px; float:right; margin-bottom:-5px;}
#content_images img { float:center; margin-left:12px;}
#main_content { background: #ffffff url(../images/bg_content.gif) bottom left no-repeat; float:left; width: 740px; padding:0 8px 22px 8px;}
#main_content h2 { color:#2A7FFC; margin-bottom: 10px; font-size: 120%;}
#main_content h3 { color:#000000; font-size: 95%;}
#main_content p { color:#585757;}
#secondary_content { float: left; width: 462px; padding: 10px 15px; border-right: 1px solid #d6d6d6;  margin-top: 15px;}
#single_column { float: left; width: 740px; padding: 10px 15px; border-right: 1px solid #d6d6d6;  margin-top: 15px;}
.doc_link li { background:url(../images/doc_link.gif) left center no-repeat; padding-left: 15px;}
#sample{ float:left; width: 40px; height: 32px; padding: 10px 10px 5px 15px; background-color: #87bd3e; margin-top: 2px; margin-bottom:5px;}
#sample_head{ float:right; width: 420px; height: 32px; padding: 10px 10px 5px 15px; background-color: #87bd3e; margin-top: 2px; margin-bottom:5px;}
#sample h3 { color:#ffffff; font-size:18px; line-height:1.5em; letter-spacing:0.2px;}
#sample_head h3 { color:#ffffff; font-size:16px; line-height:1.5em; letter-spacing:0.3px;}

#featured_projects { float: left; width: 216px; padding: 10px 15px;}
#riteverses { float:left; width:216px; padding: 10px 15px; border-left: 1px solid #d6d6d6;}
#latest_news { float:left; width:216px; padding: 10px 15px; border-left: 1px solid #d6d6d6;}

img.program_image { float:left; margin-right: 20px; margin-bottom: 8px; margin-left:-1px; margin-top:10px; }
img.program_image_2 { float:left; margin-right: 20px; margin-bottom: 8px; margin-left:-1px; margin-top:4px; }

#quote { float:right; width: 217px; height: 155px; padding: 10px 10px 10px 15px; background-color: #2a7ffe; margin-top: 2px; margin-left:10px;}
#quote h3 { color:#ffffff; font-size:14px; line-height:1.5em;}
#quote p {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4em;}

#quote_process { float:right; width: 217px; height: 85px; padding: 10px 10px 10px 15px; background-color: #2a7ffe; margin-top: 2px; margin-left:10px;}
#quote_process h3 { color:#ffffff; font-size:14px; line-height:1.5em;}
#quote_process p {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4em;}

#quote01 { float:right; width: 217px; height: 170px; padding: 10px 10px 10px 15px; background-color: #2a7ffe; margin-top: 2px; margin-left:10px;}
#quote01 h3 { color:#ffffff; font-size:14px; line-height:1.5em;}
#quote01 p {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4em;}

#box01 { float:left; width: 190px; height: 145px; padding: 10px 10px 10px 15px; background-color:#F4F4F4; margin-top: 15px; margin-left:10px; margin-right:05px;}
#box01 h3 { color: #FFFFFF font-size:14px; line-height:1.5em; color:#2a7ffe}
#box01 p {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4em; color:#000000}
.doc_link li { background:url(../images/doc_link.gif) left center no-repeat; padding-left: 15px;}

/* ----------------------------Unordered List -------------------------------------*/
#un_list { float:left; width:407px; padding: 10px 10px; margin-top: 5px;}
#un_list p { padding-left: 18px; background:url(../images/red_arrow.gif) left 40% no-repeat; margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.3em;}
#un_list p2 { padding-left: 2px; background:url(../images/red_arrow.jpg) left 40% no-repeat; margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.4em;}
#un_list gen {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.4em;}

/* ----------------- Side Nav (delete '_backup' to get sitenav code) ------------------*/

#side_nav_backup { float:left; width:217px; padding: 10px 15px; margin-top: 5px;}
#side_nav_backup ul { border-bottom: 1px solid #d6d6d6; padding-bottom: 10px; margin-bottom: 5px;}
#side_nav_backup li { padding-left: 18px; background:url(../images/red_arrow.gif) left 40% no-repeat; margin-bottom: 10px;}
#side_nav_backup li a { font-size: 120%;}
#side_nav_backup li a:link { color: #000000; text-decoration: none;}
#side_nav_backup li a:visited { color: #000000; text-decoration: none;}
#side_nav_backup li a:hover { color: #ed1c24; text-decoration: underline;}
#side_nav_backup li a:active { color: #000000; text-decoration: none;}
#side_nav_backup ul.last { border-bottom: 0;}
#side_nav_backup #evite a { color: #ed1c24; text-decoration: underline; font-weight: bold;}
#side_nav_backup #enewsletter a { color: #ed1c24; text-decoration: underline; font-weight: bold;}
#side_nav_backup #egiving a { color: #ed1c24; text-decoration: underline; font-weight: bold;}

/* ----------------- Side Nav ------------------*/

#side_nav { float:left; width:217px; padding: 10px 15px; margin-top: 5px;}
#side_nav ul { border-bottom: 1px solid #d6d6d6; padding-bottom: 10px; margin-bottom: 5px;}
#side_nav li { padding-left: 18px; background:url(../images/red_arrow.gif) left 40% no-repeat; margin-bottom: 10px;}
#side_nav li a { font-size:12px;}
#side_nav li a:link { color: #000000; text-decoration: none; font-size:12px;}
#side_nav li a:visited { color: #000000; text-decoration: none; font-size:12px;}
#side_nav li a:hover { color: #ed1c24; text-decoration: underline; font-size:12px;}
#side_nav li a:active { color: #000000; text-decoration: none; font-size:12px;}
#side_nav ul.last { border-bottom: 0;}
#side_nav #evite a { color: #ed1c24; text-decoration: underline; font-weight: bold; font-size:12px;}
#side_nav #enewsletter a { color: #ed1c24; text-decoration: underline; font-weight: bold;font-size:12px;}
#side_nav #egiving a { color: #ed1c24; text-decoration: underline; font-weight: bold; font-size:12px;}

/* ----------------- Side Nav2 ------------------*/

#side_nav2 { float:left; width:217px; padding: 0px 15px; margin-top: 0px;}
#side_nav2 ul { border-bottom: 1px solid #d6d6d6; padding-bottom: 10px; margin-bottom: 5px;}
#side_nav2 li { padding-left: 18px; background:url(../images/red_arrow.gif) left 40% no-repeat; margin-bottom: 10px;}
#side_nav2 li a { font-size:12px;}
#side_nav2 li a:link { color: #000000; text-decoration: none; font-size:12px;}
#side_nav2 li a:visited { color: #000000; text-decoration: none; font-size:12px;}
#side_nav2 li a:hover { color: #ed1c24; text-decoration: underline; font-size:12px;}
#side_nav2 li a:active { color: #000000; text-decoration: none; font-size:12px;}
#side_nav2 ul.last { border-bottom: 0;}
#side_nav2 #evite a { color: #ed1c24; text-decoration: underline; font-weight: bold; font-size:12px;}
#side_nav2 #enewsletter a { color: #ed1c24; text-decoration: underline; font-weight: bold; font-size:12px;}
#side_nav2 #egiving a { color: #ed1c24; text-decoration: underline; font-weight: bold; font-size:12px;}

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

#footer { background:url(../images/footer_bg.gif) left top repeat-x; overflow: hidden;}
#footer_container { margin: 0 auto; width: 740px; height: 276px; padding-top: 6px;}
#footer_container p { color:#585757;}
#footer_container h3 { color:#585757;}
#footer_container li { padding-left: 0px;}
#footer_container a:link { color: #585757; text-decoration: none;}
#footer_container a:visited { color: #585757; text-decoration: none;}
#footer_container a:hover { color: #585757; text-decoration: underline;}
#footer_container a:active { color: #585757; text-decoration: none;} 
#donation li a, #newsletter li a { font-size: 120%;}
#donation li a:link, #newsletter li a:link { color:#585757;}
#donation li a:visited, #newsletter li a:visited { color: #585757;}
#donation li a:hover, #newsletter li a:hover { color: #FE0065;}
#donation li a:active, #newsletter li a:active { color: #48691d;}
#donation { float:left; width: 216px; padding: 10px 15px; margin-top: 15px;}
#newsletter { float:left; width: 216px; padding: 10px 15px; margin-top: 15px; border-left: 1px solid #E0E0E0;}
* html #newsletter { width: 208px;}
#site_map { float:left; width: 216px; padding: 10px 15px; margin-top: 15px;}
#site_map ul { margin-top: 8px;}
#useful_links { float:left; width: 216px; padding: 10px 15px; margin-top: 15px; border-left: 1px solid #79ab35;}
#useful_links ul { margin-top: 8px;}
#foot_info { float:right; width: 217px; height: 210px; padding: 10px 10px 10px 15px; background-color: #E0E0E0; margin-top: 2px;}
#foot_info h3 { color:#585757; font-size:14px;}
#foot_info p {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4em;}

.smaller_copyright { font-size: 80%; font-family:Georgia, "Times New Roman", Times, serif}



/* ------------------ Form Elements -----------------*/

form { line-height:1.5em; color: #35383d;} /* Form Properties (Change general text color here or text properties) */
p.subtext { color:#585757; font-size: 90%; width:300px;} /* Used with an * to show required fields */
form h4 { padding: 0; text-align: center; margin-bottom: 10px; margin-top:16px;}
form p { color: #35383d;} /* Paragraph styles */
label { font-size: 95%; display: block; font-weight: bold; padding-top:10px;} /* Changes width of basic form elements */
input, select, textarea { width: 300px; margin-top:4px;} /* Textarea properties */
textarea { height: 50px;}

/* ------------------ Fieldsets -----------------*/

fieldset { clear:left; width: 428px; border: 1px dashed #d6d6d6; margin-bottom: 12px; padding: 15px; background-color: #c5e797;} /* Fieldset Properties (Change width, background color, or border color of the fieldsets) */

#secondary_forms { margin-top:16px; margin-left: 45px;}

legend { color: #81b042; font-weight:bold; font-size:150%; margin-left: 20px; padding: 5px 10px; background-color:#ffffff;} /* Legend Properties (Change border, text, or position properties to the top left corner title of the fieldset) */

/* ------------------ Agreement Fieldset -----------------*/

#agreement { width: 432px;} /* An id to a fieldset that will contain any contractual information or data, or any form of agreement */
#agreement p { width: auto; margin: 8px 10px;} /* Paragraph styles in fieldset.agreement */
.field { clear: left; float:left; width:320px;}
.field label { color:#000000; width:300px;} /* Label properties in a div.field (Change width here)*/
.field_2 { clear: left; float:left; margin-top: 0px;}
.field_2 label { color:#000000;} /* Label properties in a div.field_2 (Change width here)*/s

/* ------------------ Radio Buttons -----------------*/

.floated_radio { float: left; margin-bottom: 10px; padding-left: 51px;} /* Radio button div that floats lists with label and radio next to each other */
.floated_radio ul { float:left; width: 150px;}
.floated_radio label { width: 100px;}
.floated_radio li { float:left; display: inline; padding-right: 5px;}
.floated_radio input { float: left; width: auto;}

.stacked_radio { float: left; margin-bottom: 10px; width:300px; margin-top:6px;} /* Radio button div that stacks radio buttons*/
.stacked_radio ul { clear: left; float:left; margin-left: 20px; width:200px;}
.stacked_radio label { width: auto; font-size:90%;}
.stacked_radio li { float:left; display: inline; padding-right: 5px;}
.stacked_radio input { width: auto;} 

/* ------------------ Check Boxes -----------------*/

.check_box { width: 180px; float: left; margin-bottom: 10px; padding-left: 35px;} /* Check box div that stacks check boxes */
.check_box ul { clear:left; float:left; width: 180px;}
.check_box label { width: auto; font-size:85%;}
.check_box li { float:left; display: inline; padding-right: 5px; padding-bottom: 5px;} 
.check_box input { width: auto;}

/* ------------------ Text area -----------------*/

.text_area { clear:both; width: 300px; margin-left: 50px;} /* Text area div that is underneath its label */
.text_area label { width: auto; float: left;}

/* ------------------ Grouped <select> -----------------*/

.select_group { clear:left; float: left;} /* Add another div to <select> that you want to float right next to each other */
.label_select { float: left;} /* Add another div to label if you use .select_group */

/* ------------------ Special Classes -----------------*/

.dollar { color: green;} /* Styles the dollar sign used next to inputs that contain money values */
input:focus, select:focus, option:focus { background-color:#81b042;} /* Changes the background when an input, select, or option is focused on (Not supported in IE6) */

/* ------------------ Submit Button -----------------*/

#confirmation { margin-left: 190px;} /* Submit Button Div */
#confirmation_2 { margin-left: 165px;}
#confirmation_2 .submit { width: 150px;}
.submit { border: 2px solid #a5090f; background: #ed1c24 url(../images/bg_submit.gif) top left repeat-x; color:#ffffff; width: 100px; height: 32px;} /* Submit Button Properties */
.submit:hover { background: #ed1c24 url(../images/bg_submit_over.gif) top left repeat-x; }

.clear { clear: both;} /* A class for <br /> (Floated divs don't take space, so you have to put a break to give it space in the fieldset) */

/* ------------------ Survey -----------------*/

#sponsorAdDiv { position:absolute; background-position:bottom,right; height:10; width:10px; top:0; left:0; text-align:left}
#sponsorAdDiv h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
#sponsorAdDiv h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
#sponsorAdDiv p {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#sponsorAdDiv a {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}