/* preliminary style for ripin.org*/
* { margin: 0; padding: 0;border: 0;outline: 0;}
html body {font: 0.6875em/1.65 Arial, sans-serif; color: #1e1e1e; letter-spacing: 0.1em; background: #667374; overflow:-moz-scrollbars-vertical;}
p {padding: 6px 8px;}
em { font-style: italic; }
strong {font-weight: bold;}
hr { color: #eaeaea; background-color: #eaeaea; height: 2px; width: 100%; border: none;	margin-bottom: 12px;}
br { line-height: 20px; margin: 0px;}
.left {padding: 10px 16px 0px 0px; float: left; }
.right {padding: 0px 0px 10px 16px; float: right; }
.center {padding-bottom: 10px;display: block;margin-left: auto; margin-right: auto;} 
img .left { padding: 0px 8px 0px 0px; }
img .right { margin: 0px 0px 0px 8px; padding: 1px; }
.bold {
	font-weight: bold;
	text-align: left;
}
.em {font-style: italic;}
.italic {font-style: italic;}
.clear {clear: both;}

/* LINKS */
a:link, a:link img, a:visited, a:visited img, a:hover, a:hover img, a:active, a:active img { text-decoration:underline; outline: none;}
a:link, a:link img { color: #525fa0; text-decoration: none; font-weight: bold;}
a:visited, a:visited img {color: #525fa0; text-decoration: none; font-weight: bold;}
a:hover, a:hover img { color: #1e1e1e; text-decoration: underline;}
a:active, a:active img { color:#525fa0; text-decoration: none; font-weight: bold;}
a:link.links_footer  {color: #fff; text-decoration: none;}
a:visited.links_footer {color: #fff; text-decoration: none;}
a:hover.links_footer  {color: #666; text-decoration: underline;}
a:active.links_footer  {color: #fff; text-decoration: none;}
#sidebar a {color: #cbe2e4; text-decoration: none;}
#sidebar a:visited {color: #cbe2e4; text-decoration: none;}
#sidebar a:hover {color: #fdab3b; text-decoration: underline;}
#sidebar a:active {color: #cbe2e4; text-decoration: none;}


/* M A I N   F O N T S */ 
h1 { font-size: 1.5em; font-weight: bold; line-height: 22px; letter-spacing: 0.1em; color: #17676e; }
h2 { font-size: 1.25em; line-height: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5em; color: #000;}
h3 { font-size: 1.125em; line-height: 22px; font-weight: bold; letter-spacing: 0.1em; padding: 8px; color: #222;}
h4 {font-size: 1.125em; line-height: 18px; padding-bottom: 8px; font-weight: normal; letter-spacing: 0.1em;}
h5 { font-size: 1.125em; font-weight: bold; padding: 5px 10px;}
h6 { font-size: 1em; color: #2a2a2a;}
	

/* S E C O N D   G L O B A L   F O N T S */
.footer {font-family: Georgia, "Times New Roman", Times, serif; color: #505050; font-size: 1em; line-height: 1.5em; letter-spacing: 0.2em; font-weight: bold; padding-left: 195px;}
.footer_two {font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.375em; letter-spacing: 0.1em; padding-left: 80px;}
.footer_right {font-size: 1em; letter-spacing: 0.1em; color: #fff; font-weight: bold;}
.subhead {font-size: 1.25em; line-height: 22px; font-weight: bold; letter-spacing: 0.1em; color: #3e3e3e;}

/*  M A I N   L A Y O U T   */
#wrapper {
	position: relative;
	top: -22px;
	margin: 0 auto;
	clear: both;
	width: 1004px;
	overflow: hidden;
	background: #EAEAEA;
	left: -25px;
}
#wrapper_sub { border: 2px solid #fff; overflow: hidden; height: 100%;}
#footer {width: 996px;position: relative; overflow: hidden;background: #bddbde; clear: both; padding: 5px 0px 10px 5px;}
#footer_left {position: relative; float: left;  background: #bddbde;}
#footer_right {position: relative; float: right; background: #bddbde;}
#footer_right p {margin-top: 38px; margin-right: 10px;}
#footer p {padding-bottom: 0px; padding-top: 0px;}
#site_design { background: #667374; color: #bfc0c0;font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0.25em;font-size: 0.75em; padding: 10px 0px 30px 15px; clear: both; border: none;}


/* B A S I C  P A G E  L A Y O U T */
#header_image {float: left;width: 805px; height: 153px; background: #bddbde;}
#logo {background: #bddbde;float: left; width: 195px; height: 153px; }
#logo img {padding: 9px 30px 0px 22px;}
#navigation {height: 34px; clear: both; background: #EAEAEA;  padding: 10px 0px 0px 195px; border-bottom: 2px solid #fff;}
#sidebar {float: left; width: 191px; border-right: 0px solid #667374;border-left: 0px solid #667374; border-top: 0px solid #667374; background: #525fa0; }
#sidebar p {margin-top: 20px;color: #FFFFFF; padding: 0px 5px 0px 5px;}
#sidebarabout {float: left; width: 191px; border-right: 0px solid #667374;border-left: 0px solid #667374; border-top: 0px solid #667374; background: #85B973; }
#sidebarabout p {margin-top: 20px;color: #000000; padding: 0px 5px 0px 5px;}
#sidebarservices {float: left; width: 191px; border-right: 0px solid #667374;border-left: 0px solid #667374; border-top: 0px solid #667374; background: #FDBF77; }
#sidebarservices p {margin-top: 20px;color: #000000; padding: 0px 5px 0px 5px;}
#sidebarworkshops {float: left; width: 191px; border-right: 0px solid #667374;border-left: 0px solid #667374; border-top: 0px solid #667374; background: #EE7D81; }
#sidebarworkshops p {margin-top: 20px;color: #000000; padding: 0px 5px 0px 5px;}

#box_wrapper {background: #ffffff;float: left; width: 802px; border: 0px solid #ffffff;}
#top_box {border-bottom: 0px solid #667374;}
#float_left {width: 398px; float: left; border-right: 2px solid #667374; padding-bottom: 32767px; margin-bottom: -32747px;}
#float_right {width: 402px;  float: left; padding-bottom: 32767px; margin-bottom: -32747px;}
* html #float_right {width: 399px; float: left; padding-bottom: 32767px; margin-bottom: -32747px;}


/*  H O M E   L A Y O U T   */
#home #wrapper {width: 1002px; background: #eaeaea;}
* html #home #wrapper {width: 1004px; background: #eaeaea;}
#home h3, h4 {padding: 10px 10px 0px 10px;}
#home_logo {background: #eaeaea; float: left; height: 233px;}
#home_logo img {padding: 15px; }
#home_flash {float: left;height: 233px;}
#home_description {background: #efefef; clear: both; padding: 5px 10px 10px 10px;}
#home_about, #home_programs, #home_events, #home_news {display: block;position: relative; }
#home_about_header, #home_programs_header, #home_events_header, #home_news_header {text-align: center; padding: 2px 2px 2px 2px;}
#home_about {background: #ddf0d7; }
#home_about_header {background: #aed1a2; }
#home_programs {background: #ffeacd;}
#home_programs_header {background: #f3d3a4;}
#home_events {background: #f9c8c9;}
#home_events_header {background: #f29ea0; }
#home_news {background: #C2C9ED; width: 253px;}
#home_news_header {background: #7581BF; }
#home #footer {border-top: 3px solid #667374; position: relative; overflow: hidden;}
.hlist{list-style-type:none; }
.hlist li{float:left;width:249px; }
.hlist li.hover{cursor:pointer; }
.hlist li.hover #home_about {background:#aed1a2; cursor:default;}
.hlist li.hover #home_programs {background:#f3d3a4; cursor:default;}
.hlist li.hover #home_events {background:#f29ea0; cursor:default;}
.hlist li.hover #home_news {background:#7581BF; cursor:default;}
#home a {text-decoration: none;}
#home a:hover {text-decoration: underline;}

/* A B O U T   R I P I N */
#about #bottom_box {background: #d6f5db; overflow: hidden;}
#about #float_left {background: #d6f5db;}
#about #float_right {background: #d6f5db;}
#about #top_box {background: #FFFFFF;}
#about h2 {background: #aed1a2; padding: 2px 8px;}
#about form {text-align: center; margin: 0 auto;}

/* T E M P L A T E */
.template h1 { font-size: 1.25em; line-height: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5em; color: #000; background: #aed1a2; padding: 2px 8px;}
.template h2 { font-size: 1.25em; line-height: 18px; font-weight: bold; color: #000;}
.template h3 {font-size: 1.25em; line-height: 22px; font-weight: bold; letter-spacing: 0.1em; color: #3e3e3e; padding-right: 60px;}
.template h4 {font-weight: bold; margin-bottom: 0px;}
.template h5 {font-weight: normal; line-height: 1.5em; padding-right: 80px;}
.template h6 {margin-left: 20px; margin-bottom: 20px;}
.template hr {margin: 10px; padding: 0px; color: #fff; background: #fff; height: 2px; width: 90%;}

/* S E R V I C E S */
#services #bottom_box {background: #ffeacd; overflow: hidden;}
#services #float_left {background: #ffeacd;}
#services #float_right {background: #ffeacd;}
#services #top_box {background: #ffffff;}
#services h2 {background: #f3d3a4; padding: 2px 8px;}

/* E V E N T S */
#events #bottom_box {background: #f9c8c9; overflow: hidden;}
#events #float_left {background: #f9c8c9;}
#events #float_right {background: #f9c8c9;}
#events #top_box {background: #ffffff;}
#events h2 {background: #f29ea0; padding: 2px 8px;}
tr.even {background: #ffffff;}
tr.odd {background: #FADBDC;}
thead {font-weight: bold; background: #f29ea0; font-size: 1.125em; letter-spacing: 0.2em; text-transform: uppercase;}
td {font-weight: bold; vertical-align: top; padding: 5px;}
th {font-weight: bold; text-align: left;}
a.basic {color: black; text-decoration: none;}
.cluetip-default {opacity:0.9;filter:alpha(opacity=90); background-color: #fff; color: #484848; line-height: 1.5em; letter-spacing: 0.1em; border: 2px solid #667374;}
.cluetip-default h4 {font-size: 1em;font-weight: bold; letter-spacing: 0.15em;}

/* N E W  */
#new #bottom_box {background: #d6dcf8; overflow: hidden;}
#new #float_left {background: #d6dcf8;}
#new #float_right {background: #d6dcf8;}
#new #top_box {background: #ffffff;}
#new h2 {background: #aab4e5; padding: 2px 8px;}

/* N E W S */
#news #bottom_box {background: #d6dcf8; overflow: hidden;}
#news #float_left {background: #d6dcf8;}
#news #float_right {background: #d6dcf8;}
#news #top_box {background: #ffffff;}
#news h2 {background: #aab4e5; padding: 2px 8px;}

/* 4 0 4 */
#error #top_box {width: 1002px; height: 600px;  background: #bddbde; overflow: hidden;}
#error #oops {width: 1002px; clear:both;}