/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

/*@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/lightbox.css';*/
@import 'bp-compressed.css';
@import 'suckerfish.css';

/* ------ Main Layout Styles ------- */


body {
background: url("../img/bodyBG.jpg") no-repeat fixed 50% 0;
font-family: "Trebuchet MS", Trebuchet, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin: 0;
padding: 0;
color: #3d2b00;
}

h1, h2, h3 ,h4 ,h5 ,h6 {
font-style: italic;
color: #3d2b00;
}

h3 {
color: #E63D00;
}

p img {
float: none;
margin: 0 1.5em;
}

#contentDescription ul li {
padding-left: 18px;
background: url("../img/rasaicon.png") no-repeat 0 5px;
margin-bottom: 3px;
/* font-weight: bold; */
}

#contentDescription ul {
list-style-type:none;
margin:0 0 10px 5px;
}


/* ----- Link Styles ------ */
a {
	color:#be3f00;
	text-decoration:none;
}

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

.submit input { 
	background: #00d1f7; 
	color: white; 
	border: none;
}


h1.rasaspalogo {
position: absolute;
margin-left:-50px;
}

h1.rasaspalogo a {
display: block;
text-indent: -9999em;
width: 480px;
height: 152px;
background: url("../img/rasaspalogo_slammed.png") no-repeat 0 0;
outline: none;
}

.cont_gift_card {
display:block;
background: url("../img/header_rasa_giftcard.png") no-repeat 0 center;
padding-left:100px;
padding-top:10px;
position: relative;
top:-10px;
left:600px;
width:115px;
height:83px;
color:#fff;
font-size:13px;
font-style:italic;
margin-left:-140px;
}

#page {
background: url("../img/pageBG_slammed.png") repeat-y 50% 0%;

padding: 30px 0;
}


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

#header {
padding: 0;
background: url("../img/headerBG.png") no-repeat 50% 100%;
height: 152px;

}

#header .container {

height: 152px;
}


#header #nav {
/*position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;*/
}

#navul {
float: left;
margin-left:-20px;
}

#header .topContact {
margin-top:-10px;
float:right;
color: #e4f7a1;
font-style: normal;
letter-spacing: 0.035em;
font-size: .85em;
height: 20px;
overflow: hidden;
}

#header .topContact a {
text-decoration: none;
color: #e4f7a1;
margin-left: 10px;
}

.topContact a.contactbubble {
background: url("../img/contactbubble_slammed.png") no-repeat 100% 3px;
padding-right: 20px;
}
.topContact a.contactbubble:hover {
background: url("../img/contactbubble_slammed.png") no-repeat 100% -12px;
}



#header .topContact a:hover {
color: #FFF;
}


/* ------- Sidebar styles ------- */

#sidebar {
font-size: .85em;
}

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



#footer {
padding: 10px 0;
color: #999;
background: url("../img/footerBG.png") no-repeat 50% 0%;

}

#footer .siteCredits {
text-align: right;
}

/* ------ Home Div Styles ------- */

#homePhoto {
margin-bottom: 10px;
}


#page .container {
position: relative;
}

#homePhotoArea {
background: url("../img/homePhotoArea_slammed.png") no-repeat 0 0;
width: 997px;
height: 281px;
overflow: hidden;
position:absolute;
left:-6px;
z-index:1;
}


.homeMission {
position: absolute;
top: 10px;
left: 610px;
width: 360px;
}

.homeMission h2 {
font-size: 3em;
font-weight: bold;
color: #4e2100;
margin: 0;
margin-top: 5px;
}

.homeMission h3 {
color: #932a00;
font-size: 1.5em;
}

.homeMission h1 {
color: #fcf8b4;
font-size: 1.15em;
line-height: 1.25;
}

.homeMission a {
color: #dde725;
}



.threeSpot {
float: left;
width: 278px;
height: 137px;
background: url("../img/threeSpot_slammed.png") no-repeat 0 0;
position: relative;
overflow: hidden;
padding-bottom: 10px;
padding-right: 40px;
margin-bottom: 10px;
margin-right: 13px;
}


.threeSpot h2 {
position: absolute;
left: 145px;
font-size: .95em;
color: #db4300;
top: 18px;
letter-spacing: -0.035em;
font-weight: bold;
}

.threeSpot p {

}

.threeSpot img {
position: absolute;
margin: 0;
padding: 0;
float: none;
top: 8px;
left: 9px;
border: 0px !important;
}

.threeSpot img.roundSquare {
z-index: 2000;
}

.imageThumbnail {
float: left;
margin-right: 20px;
width: 125px;
height: 125px;
}


.threeSpot p {
font-size: 11px;
font-style: italic;
font-family: arial, helvetica, sans-serif;
padding-top: 50px;
color: #654a0c;

}

.threeSpot .imageThumbnail img {
	width: 125px;
}


.third {
float: left;
width: 325px;
margin-top: -10px;
margin-right: 2px;
}

.third img {
margin: 1.5em 1em 1.5em 0;
float: left;
}


.third h1 {
font-size: 1.85em;
letter-spacing: -0.035em;
margin-bottom: 0;
padding-top: 5px;
letter-spacing: -0.05em;

}

.third p {
font-size: 11px;
font-family: arial, helvetica, sans-serif;
font-style: italic;
color: #3d2b00;
}





/* ------ Inner Div & Tool Styles ------*/

.bg1, .bg2 {
border-top: 2px dotted #E9DD92;
padding: 10px 0;
}

.links.index h2 {
border-top: 2px dotted #E9DD92;
padding: 10px 0;
clear: both;
}

.links .bg1, .links .bg2, /* ---- remove the catlist bgs if you don't want 50% width-----*/.catList .bg1, .catList .bg2 {
width: 48%;
float: left;
display: block;
min-height: 100px;
height: 100%;
padding-right: 2%;
}

.links .bg1, .catList .bg1 {
clear: both;

}


.linkDescription {
font-size: 1.15em;
}


.categorySidebars, .pageSidebars {
border-bottom: 2px dotted #E9DD92;
margin-bottom: 10px;
}

#breadcrumbs, #attachedFiles {
clear: both;
border-top: 2px dotted #E9DD92;
padding-top: 10px;
font-size: .85em;
}


.span-14 h3 {
margin-bottom: .25em;
line-height: 1.15;
}


.staffInfo {
float: right;
width: auto;
text-align: right;
margin-left: 2em;
font-size: .85em;
margin-bottom: .5em;
}

.staffInfo p, .staffInfoInner p {
margin: 0;
font-style: italic;

}

.staffInfoInner {
width: auto;
text-align: left;
margin-left: 1.5em;
font-size: 1.15em;
margin-bottom: 1em;

}




.members.catitemlist .bg1, .members.catitemlist .bg2 {
clear: both;
}


.documentsInfo {
float: left;
min-width: 50px;
margin-right: 1.5em;
padding: 0 .5em;
}

.documentsInfo .quiet {
text-align: center;
}

#JobAddForm .right {
float: right;
}


#JobSubject {
cursor: no-drop;
}


.footerInfo {
font-size: 12px;
color: #dde725;
}


.footerNavigation p {
margin-top: 10px;
margin-bottom: 10px;
font-size: .9em;
font-style: italic;
letter-spacing: 0.035em;
}


.footerNavigation a {
color: #f1ffab;
margin-right: 15px;
}


.footerInfo a {
color: #dde725;
}



/* ------- News Styles -------*/
.childdate, .childlocation {
font-weight: ;
color: #3D2B00;
}




/* ------ Photo & File Styles ------- */

#attachedFiles img {
	width:20px;
	height:20px;
	border:none;
	margin:0;
	padding:0 0.3em 0 0;
}

#attachedFiles li {
	list-style: none;
}

.documentEntry img {
	float:left;
	margin-bottom:2em;
}

#related_image_slideshow {
	display:none;
}

.contentThumb, .staffThumb, .staffImage {
	float:left;
	margin-bottom:1.5em;
	margin-right:1em;
}





.imageThumb {
	display:block;
	float:left;
	margin-bottom:5px;
	margin-right:20px;
}

.floatLeft {
	float:left;
	margin-bottom:20px;
	width:150px;
}

.floatRight {
	float:right;
	margin-bottom:20px;
	width:150px;
}


 


#picNav {
	letter-spacing:.5em;
	padding:0.25em 0;
	text-align:right;
}

.relatedPics .imageCaption {
	background:transparent url(../img/overlay.png) repeat scroll 0 0;
	color:#EEEEEE;
	padding:10px;
	position:relative;
	top:210px;
	width:210px;
}



/* ------ Calendar/events stuff here -------*/

.calendar #calendar_display .calendar table {
height: 400px;
}

.calendar #calendar_display .calendar thead .title {
height: 30px;
font-size: 2.5em;
}

.calendar #calendar_display .calendar .headrow td {
font-size: 14px;
height: 10px;
}

.calendar .calendar tbody .day {
font-size: 2.5em;
}

.monthBanner {
padding-top: 10px;
border-top: 2px dotted #E9DD92;
}

/* ------ Minor Div Styles begin here ------ */



.paginatorControl div {
	display:inline;
}

.paginatorControl {
	text-align:right;
	margin-bottom:1.5em;
	color: #aaa;
	clear: both;
}

.paginatorControl .disabled {
	color:#aaa;
}

.pageCounter {
float: left;
}


.last {
	border-bottom: 0px;
}

#TB_window a {
outline: none;
}


/* ------ WebTree Styles ------ */
#flashMessage {
font-style: italic;
padding: 10px;
margin: 10px;
background-color: yellow;
} 

/* -------- Mail Dart Sign-up Form Style ------ */
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 




/* --------- HOME PAGE SLIDESHOW ANIMATED STYLES-----*/

#splash { 
	width: 570px; 
	height: 255px; 
	overflow: hidden; 
margin-top:6px;
	left: 10px;
	
	}

#main-buttons { }

#splash .slide {  
	width: 570px; 
	height: 255px; 
	overflow: hidden; 
	
	
}

#splash .slide .overlay { 
	background:url('../img/homePhotoCaption_slammed.png') no-repeat 2px 100%; 
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	display: block; 
	height: 255px;
	z-index: 1000;
	
	}
	
	
#splash .slide .overlay span {
display: block;
position: absolute;
top: 0px;
left: 0px;
height: 255px;
width: 570px;
	background:url('../img/homePhotoSpan_slammed.png') no-repeat 0 0; 

}
	

#splash .slide .overlay h4 { 
padding-top: 209px; 
padding-left: 15px; 
margin-bottom: 0;
font-size: 1em;

}

#splash .slide .overlay h4 a {  
	outline: none;
	position: relative;
	z-index: 2000;
	color: #e8ef23;

}

#splash .slide .overlay h4 { }

#splash .slide .overlay p { }

#splash .slide .overlay h4 a:hover { }

#slide-numbers {
	position: absolute;
	bottom: 47px;
	right: 430px;
	z-index: 1000;
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
}

#slide-numbers a { 
	outline: none;
	margin: 0 0 0 3px;
	color: #a83b00;
}

#slide-numbers a:hover { }

#slide-numbers a.activeSlide { 
	color: #e8ef23;



}

.slidecaption { 
	color: #f8e5b6;
	font-size: 11px;
	font-style: italic;
	padding-left: 15px;

}



#homeSlideshow {
position: relative;
height: 281px;
margin-bottom:10px;
z-index:1;
}


#TB_window {
z-index: 3003 !important;
}

h1.title {
letter-spacing: -0.045em;
}

#sidebar h2 {
line-height: 1.15;
}


h5, h3 {
margin-bottom: .25em;
}

small {

}

#related_image_slideshow_link {
border-bottom: 2px dotted #E9DD92;
margin-bottom: 10px;
}

#related_image_slideshow_link hr {
display: none;
}

#related_image_slideshow_link p {
margin-bottom: 7px;
line-height: 1.25;
color: #606722;
}

#sidebar {
color: #70520b;
}

#sidebar ul {
list-style-type: none;
margin: 0 0 10px 5px;

}


#sidebar ul li {
padding-left: 18px;
background: url("../img/rasaicon.png") no-repeat 0 5px;
margin-bottom: 3px;
font-weight: bold;
}

.photoalbum {
margin-bottom: 20px;
}

input {
border: 1px solid #BBBBBB;
padding: 5px;
}

input, textarea {
font-size: 16px;
font-family: "Trebuchet MS", Trebuchet;
color: #BE3F00;
margin-bottom: 15px;
width: auto;

}

.submit input {
font-size: 18px;
font-family: "Trebuchet MS", Trebuchet;
font-style: italic;
letter-spacing: 0.035em;
background: #F8FF3F;
color: #309221;
}

#calendar_display, .calendar .combo {
background: url("../img/calendarbg_slammed.png") !important;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  font-weight: normal;
  text-transform:uppercase;
  font-size: 10px;
  text-align: right;
   background: url("../img/calendarbg_slammed.png") !important;
}

.calendar .daynames {
background: url("../img/calendarbg_slammed.png") !important;

}

.forms p {
font-size: 11px;
color: #f1ffab;
margin-bottom: 3px;
}


.forms input {
background: url("../img/footerForm_slammed.png") repeat 0 0;
border: 0px;
width: 175px;
color: #5e5d29;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 15px;
}

.forms .submit input {
background: url("../img/footerSubmit_slammed.png") repeat 0 0;
border: 0px;
color: #edffa6;
font-weight: bold;
font-style: normal;
font-size: 14px;
letter-spacing: 0;
width: 70px;
margin-top: -1px;
}

.forms .submit {
display: inline;
margin-left: -5px;
}


h2.monthBanner {
margin-bottom: .35em;
}

.third h1 a:hover {
text-decoration: none;
color: #932A00;
}

#cse-search-results iframe {
	width: 700px;
}

#cse-search-results iframe html body {
	background: none !important;
}
#response {color:#f30; font-style:italic; font-size:inherit; padding:.4em;}