/*
==================================================================
Designed by WebKey LLC (www.webkeylive.com) 
Copyright 2005-2008. All rights reserved.
Version 1.9.2
==================================================================
*/

/* @group Basics */

* {
padding: 0;
margin: 0;
}

body {
font:0.75em Verdana, Arial, Sans-serif;
color:#666;
background-color: #e4e4e2;
border: 0px solid red;
}

h1 {
font-size:1.45em;
color:#333;
letter-spacing:0.035em;
margin:8px 0 4px 0;
padding:0;
}

h2 {
font-size:1.15em;
color:#666;
margin:5px 0 0 0;
padding:0;
font-weight: normal;
}

h3 {
font-size:1.25em;
color:#333;
margin:8px 0;
padding:0;
}

h4 {
font-size:1.15em;
color:#333;
margin:8px 0;
padding:0;
}

a {
color:#666;
}

a:link, a:visited {
color: #1819a9;
text-decoration: underline;
}

a:hover {
color:#4445c4;
}

p {
margin: 5px 0 10px 0;
}

ul, ol {
margin: 0 20px;
padding: 0;
}

li {
margin: 0;
padding: 0;
}

#rightColumn li {
margin: 6px 0px;
padding: 0;
}

blockquote {
margin: 10px 20px;
}

img {
border: none;
}

.logo {
position: absolute;
margin:0;
z-index:1000;
}

/* @end */

/* @group Structure Basics */

.layout1 #wrapper {
width: 851px;
margin: 0 auto;
margin-top: 0px;
padding: 0;
background:#e4e4e2 url(/sites/ric/assets/top_bg.gif) top left no-repeat;
}

.layout2 #wrapper {
width: 851px;
margin: 0 auto;
margin-top: 0px;
padding: 0;
background:#e4e4e2 url(/sites/ric/assets/top_bg_short.gif) top left no-repeat;
}

.layout1 #header {
margin:0px 0;
padding: 0;
height:317px;
}

.layout2 #header {
margin:0px 0;
padding: 0;
height:250px;
}

#quote_box {
position:relative;
top:-36px;
left:240px;
width: 570px;
height: 50px;
margin: 20px;
padding:0px 0;
color: #555;
font-size: 0.82em;
line-height: 1.4em;
}

#quote_box p.quote {
color: #333;
font-style: italic;
margin: 0;
padding: 0;
}

#quote_box p.name {
color: #999;
font-style: normal;
text-align: left;
margin: 2px 0 0 10px;
padding: 0;
}

#quote_box #left {
float: left;
margin: 0;
padding: 0;
width: 250px;
}

#quote_box #right {
float: right;
margin: 0;
padding: 0;
width: 260px;
}

#logo_block {
position: relative;
top: 20px;
left: 12px;
}

#buttons {
position: relative;
top:2px;
left: 250px;
width: 600px;
border: 0px solid #red;
}

#facebook {
position: relative;
top: 43px;
left: 20px;
}

#seattle {
position: relative;
top: 7px;
left: 110px;
}

#contribute {
position: relative;
top: -31px;
left: 352px;
width:86px;
height:30px;
}

#volunteer {
position: relative;
top: -61px;
left: 447px;
width:154px;
height:30px;
}

.layout1 #title_area {
position: relative;
margin: 62px 320px 0 100px;
z-index:2000;
}

.layout2 #title_area {
position: relative;
margin: -38px 320px 0 100px;
z-index:2000;
}

#content {
float: left;
width: 798px;
margin: 0px 0 0px 50px;
padding: 0;
background: #fff url(../assets/content_bg.gif)  right top repeat-y;
border:1px solid #a1a1a2;
border-top: 0px solid #FFFFFF;
}

.layout2 #content {
background: #fff;
}

#leftColumn { 
display: inline; 
width: 165px;
float: left;
text-align: left;
margin-bottom: 15px;
min-height: 500px;
}

#centerColumn { 
margin: 0;	
padding:0 50px 30px 50px;
display: inline; 
float: left;
width:393px;
border: 0px solid red;
min-height: 500px;
}

#centerColumn h2 {
margin:20px 0 0 0;
color:#000;
}

#rightColumn {
margin: 0;
display: inline; 
float: left;
width:305px;
font-size:0.82em;
border: 0px solid red;
min-height: 500px;
}

#rightColumn h2 {
color:#999999;
margin:0px 0 0 0;
padding: 10px;
text-transform: uppercase;
text-align: center;
font-size: 1.2em;
letter-spacing: 1px;
font-weight: bold;
}

#rightColumn h2 a {
color:#999999;
text-decoration: underline;
}

#rightColumn h2 a:hover {
color:#333333;
text-decoration: none;
}

#rightColumn ul {
margin:0;
padding: 0;
list-style: none;
}

#rightColumn ul li {
margin:0;
padding: 0;
list-style: none;
color: #4f4e4e;
}

#rightColumn ul ul {
margin:10px 0;
padding: 0;
list-style: none;
}

#rightColumn ul li ul li {
margin:0;
padding:0;
list-style: none;
color: #999;
}

#rightColumn ul li ul li a:link, #rightColumn ul li ul li a:visited {
margin:10px 0;
padding: 10px 0;
list-style: none;
text-decoration: underline;
color: #2626ae;
border: 0px solid red;
}

#rightColumn .content_box {
margin: 0;
padding: 10px 30px;
border-bottom: 1px solid #d8d8d9;
}

#footer {
text-align:left;
font-size: 0.78em;
display: inline; /* IE Hack */
padding: 4px;
float: left;
margin:0 0 0 50px;
border:0px solid red;
color:#a5a5a5;
}

#footer a:link, #footer a:visited {
color: #a5a5a5;
}

#footer a:hover {
color:#333;
}

#siteCredits {
width: 754px;
margin: 0 auto;
padding:0;
padding-left:10px; 
text-align: left;
}

#siteCredits p {
font-size: 0.78em;
color: #bebebe;
}

#siteCredits p a:link, #siteCredits p a:visited {
color: #bebebe;
text-decoration: none;
}

#siteCredits p a:hover {
color: #333;
text-decoration: underline;
}

#siteCredits .pipe {
color: #ccc;
}

/* @end */

/* @group Other */

.image-default {
margin: 1px;
padding:0;
}

.image-default img {
border:3px solid #a2a2a5;
margin:0;
padding:0;
}

.image-default table {
border-collapse:collapse;
margin:0;
padding:0;
}

.image-default p.caption {
margin: 0;
padding: 0;
font-size: 0.86em;
color: ;
}

/* @end */

/* @group Layout Overrides */

/* @end */

/* @group Login */

div#login {
margin:20px auto;
margin-top:100px;
width: 450px;
border: 2px solid #ccc;
padding: 30px;
background: #fff;
text-align: left;
font-family:Verdana, Arial, Sans-serif;
}

#login img {
margin: 0 0 10px 0px;
border:0px solid #ededed;
}

#login p {
margin: 5px;
margin-left: 0;
padding: 0;
color: #333;
font: 0.85em Verdana, Arial, Helvetica, sans-serif;
}

#login p a:link, #login p a:visited {
font-size: 10px;
text-decoration: none;
}

#login p a:hover {
font-size: 10px;
text-decoration: underline;
}

#login p.loginSubmit{
margin:6px 0;
}

#login p.loginForgot {
margin:10px 0 0 0;
}

#login .error {
color:#c00;
}

#login input {
padding: 3px;
margin-top:4px;
}

#login p.loginReminderText {
margin: 10px 0;
padding:4px;
color:#333;
border:1px solid #ededed;
background: #ffc;
}

#login input.loginUserBox, #login input.loginPassBox {
margin:0;
border:1px solid #ccc;
}

div.login-link {
margin: 10px;
}

div.login-link a:link, div.login-link a:visited {
font-size: x-small;
text-decoration: underline;
}

/* @end */

/* @group Module Styles */

#module {
padding:10px 0;
}

#horizontal-thumbs {
padding:20px 0;
}
#horizontal-thumbs li {
display:inline;
list-style-type:none;
padding:5px;
}

/* @end */

/* @group Global Navigation
*/

#global_navigation {
position:relative;
top:-43px;
left:270px;
width: 620px;
margin: 0px;
padding: 0;
height:20px;
border:0px solid red;
}

.navigation {
display: block;
text-align: center;
margin: 0;
padding: 0;
}

ul.horizontal {
/*position: relative;
top:0;
right: 0;*/
/*width: 100%;*/
cursor: default;
z-index: 2000;
height:20px;
margin: 0px 0 0 -12px;
padding: 0px 0 0 0;
border:0px solid green;
/*top: 1em;*/
}

ul.horizontal li, ul.horizontal ul {
margin: 0;
padding: 0;
list-style-type: none;
text-transform:lowercase;
}

ul.horizontal li {
width: auto;
float: left;
position: relative;
cursor: pointer;
cursor: hand;
text-align: left;
/*left: 1em;*/
margin: 0 0 0 -0.1em;
}

ul.horizontal li.current_page_item a {
color:#000;
}

* html ul.horizontal li {
margin: 0 -1.1em 0 1em;
left: 0;
}

ul[class^="horizontal"] li {
margin: 0 -1.1em 0 1em;
left: 0;
}

ul.horizontal ul {
z-index: 2020;
padding: 0;
cursor: default;
position: absolute;
left: -100em;
top: auto;
width: 16.2em;
margin: 5px 0 0 0;
padding: 1px 0 0 0;
border:0px solid #ededed;
}

ul.horizontal ul li {
width: 16.2em;
float: none;
left: auto;
margin: -5px 0 0 0;
background: url(../assets/dropdownmenu/ric_sub_nav_grad.gif) #000082 left top repeat-y;
}

ul.horizontal ul ul {
margin: 0em 0 0 10.65em; 
border:0px solid #ededed;
}

ul.horizontal ul {
/*	border-width: 0px;
border-style: solid;
border-color: #ffeca7 #a97741 #a97741 #ffeca7;*/
}

ul.horizontal a, ul.horizontal a:visited {
display: block;
cursor: pointer;
cursor: hand;
border: 0px solid #edbb85;
padding: 5px 18px 5px 7px;
font: normal 0.76em verdana, sans-serif;
color: #fff;
text-decoration: none;
letter-spacing: 1px;
}

ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a:active,
ul.horizontal a.rollover:link, ul.horizontal a.rollover:visited {
background: #030363;
color: #fbd800;
}

ul.horizontal li.hasmenu > a:link, ul.horizontal li.hasmenu > a:visited {
background: url(../assets/dropdownmenu/down-green.gif) no-repeat 92% 50%;
}

ul.horizontal ul li.hasmenu > a:link, ul.horizontal li.hasmenu > a:visited {
background: url(../assets/dropdownmenu/right-green.gif) no-repeat 88% 50%;
}

/*ul.horizontal li.hasmenu > a:hover,
ul.horizontal li.hasmenu > a:focus,
ul.horizontal li.hasmenu > a:active,
ul.horizontal li.hasmenu > a.rollover,
ul.horizontal li.hasmenu > a.rollover:visited {
background: url(../assets/dropdownmenu/down-red.gif) #666 no-repeat 92% 50%;
}*/

ul.horizontal ul li.hasmenu > a:hover,
ul.horizontal ul li.hasmenu > a:focus,
ul.horizontal ul li.hasmenu > a:active,
ul.horizontal ul li.hasmenu > a.rollover,
ul.horizontal ul li.hasmenu > a.rollover:visited {
background: url(../assets/dropdownmenu/right-red.gif) #030363 no-repeat 95% 50%;
}

* html ul.horizontal li.hasmenu a,
* html ul.horizontal li.hasmenu a:visited {
background: expression(/hasmenu/.test(this.parentNode.className)
? "url(../assets/dropdownmenu/down-green.gif) #666 no-repeat 92% 50%" : "#666");
}

* html ul.horizontal ul li.hasmenu a,
* html ul.horizontal ul li.hasmenu a:visited {
background: expression(/hasmenu/.test(this.parentNode.className)
? "url(../assets/dropdownmenu/right-green.gif) #666 no-repeat 95% 50%" : "#666");
}

* html ul.horizontal li.hasmenu a:hover,
* html ul.horizontal li.hasmenu a:active,
* html ul.horizontal li.hasmenu a.rollover,
* html ul.horizontal li.hasmenu a.rollover:visited {
background: expression(/hasmenu/.test(this.parentNode.className)
? "url(../assets/dropdownmenu/down-red.gif) #666 no-repeat 92% 50%" : "#666");
}

* html ul.horizontal ul li.hasmenu a:hover,
* html ul.horizontal ul li.hasmenu a:active,
* html ul.horizontal ul li.hasmenu a.rollover,
* html ul.horizontal ul li.hasmenu a.rollover:visited {
background: expression(/hasmenu/.test(this.parentNode.className)
? "url(../assets/dropdownmenu/right-red.gif) #666 no-repeat 95% 50%" : "#666");
}

ul.horizontal a {
float: left;
}

@media Screen, Projection {

ul.horizontal a {
float: none;
}

}

ul.horizontal ul a {
float: none !important;
}

@media screen, projection {

* html ul.horizontal li {
/*display: inline;*/
/*	f\loat: left;*/
/*background: #666;*/
}

}

* html ul.horizontal li {
position: static;
}

* html ul.horizontal a {
position: relative;
}

ul iframe {
position: absolute;
z-index: 1010;
border: none;
}

fieldset {
padding: 1em;
background-color: #f8f8f9;
border: 1px solid #CCCCCC;
}

/* SLIDESHOW */

#slideshow {
position: absolute;
margin:-21px 0 0 286px;
height:200px;
padding:0;
width:300px;
z-index:1000;
}

#slideshow ul, #slideshow ol, #slideshow li {
margin:0;
padding:0;
list-style:none;
}

#slideshow img {
margin:0;
padding:0;
}

.slideshow {
margin:0;
padding:0;
}

/* Contribute form */

.form_note {
	font-size: 0.8em;
	color: #999;
}

.textbox-medium {
	width: 150px;
}

.textbox-small {
	width: 100px;
}

.textbox-tiny {
	width: 50px;
}

.select-small {
	width: 75px;
}

.form_label {
	display: block;
	width: 120px;
	float: left;
	text-align: right;
	padding-right: 5px;
	font-weight: normal;
}

.form_cc {
	line-height: 36px;
}

.bold {
	font-weight: bold;
}

.error {
margin:0 0 20px 0;
padding:20px 20px 20px 42px;
color:#C90000;
border:1px solid #ccc;
font-size:0.98em;
background: #fff url(../assets/error.png) no-repeat 20px 30px;
}

.success {
margin:0 0 20px 0;
padding:20px 20px 20px 42px;
color:#000;
border:1px solid #ccc;
font-size:0.98em;
background: #fff url(../assets/accept.png) no-repeat 20px 30px;
}

/* @end */