@charset "utf-8";
/* CSS Document NEW RES CSS*/

body  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.1em;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #009;
}


#header { 
	padding: 0 0;  /*	height: 168px; */
background: -moz-linear-gradient(center top, #d9fbfc 0%, #4891ff 37%, #4891ff 45%, #d9fbfc 82%, #0099ff 20%, #0099ff 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#d9fbfc), color-stop(45%, #4891ff), color-stop(77%, #d9fbfc),color-stop(85%, #0099ff), to(#0099ff)); 

} 

#header h1{margin:-150px 0 0 170px; font-size:3.8em; line-height:1.1em; color:#FFF;font-family: Impact, sans-serif; font-weight:normal; letter-spacing:.1em;
}



#header h1.rebrand{margin:-150px 0 0 170px; font-size:2.7em; line-height:1em; color:#FFF;font-family: Impact, sans-serif; font-weight:bold;
	font-family: "Myriad Pro", Impact, Arial, sans-serif; letter-spacing:2px;
}
.deepbluehead {color:#1b75bb}
.bluehead {color:#1b75bb}
.lightbluehead {color: #a0e2fb}
#header p {margin:0 0 0 174px; font-size:.9em; color:#00F; float:left; font-family: Tahoma, Geneva, sans-serif;}
.logodiv{float:right; margin:-152px 10px 0 0; background-color:#FFF; text-align:center;
-moz-border-radius:4px; 
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url(PIE.php);
padding:6px 3px 6px 3px;}

#navbarcontainer {width:640px; margin:38px 0 2px 160px; height:38px; background: -moz-linear-gradient(310deg, #0099ff,#0099ff 60%, #FC0 60%, #FC0 100%);
background: -webkit-gradient(linear,left top, right bottom, from(#0099ff), color-stop(60%, #0099ff), color-stop(65%, #FC0), to(#FC0)); }

#container { 
	width: 800px;  /* this will create a container 80% of the browser width */

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#skipnav {position:relative; left:-3000px; height:0; margin:0; padding:0;}

#theheading {height:168px; width:160px; background: url(images/cfs_small_trans.png) top left no-repeat;}

#theheading a {display:block; height:92px; width:295px;}


.tabbar {letter-spacing:2em;}
#contactdets{float:right; margin:-65px 20px 2px 0px; padding:5px; color: #FFF;}



#top_nav_bar_1 a:link {text-decoration:none; display:block; padding:5px 1px 5px 1px; margin-top:3px;}
#top_nav_bar_1 a:visited {text-decoration:none; color:#006; display:block; padding:5px 1px 5px 1px;margin-top:3px;}
#top_nav_bar_1 a:hover {text-decoration:none; font-size:.9em;  display:block; padding:5px 1px 4px 1px;margin-top:3px;}
#top_nav_bar_1 a:active {text-decoration:none; font-size:.9em; display:block;padding:5px 1px 4px 1px;margin-top:3px;}
#top_nav_bar_1 a:focus {text-decoration:none; font-size:.9em; display:block; padding:5px 1px 4px 1px;margin-top:3px;}


ul.horinav {
list-style: none;
margin: 1px 0 0 10px;
padding: 1px 0;
float:left;
}

li.horinav {
float:left;
font-size: 0.9em;
margin: 0 2px 0 2px;
display:block;
text-align:center;
}

.horinav1 a:link, .horinav1 a:visited
{
-moz-border-radius:4px; 
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url(PIE.php);
font-size:.9em;
/*height:20px;*/
width:150px;
background: -moz-linear-gradient(left, rgba(102,255,255,0.8) 0%, rgba(102,255,255,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,255,255,0.8)), color-stop(100%,rgba(102,255,255,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(102,255,255,0.8) 0%,rgba(102,255,255,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(102,255,255,0.8) 0%,rgba(102,255,255,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(102,255,255,0.8) 0%,rgba(102,255,255,0.8) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(102,255,255,0.8) 0%,rgba(102,255,255,0.8) 100%); /* W3C */
}


.horinav1 a:hover, .horinav1 a:active, .horinav1 a:focus 
 {
/*height:20px;*/
width:149px;
-moz-border-radius:4px; 
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url(PIE.php);
font-size:.9em;
border-bottom:#00C solid 1px;
border-right:#00C solid 1px;
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4); 
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
background-color:#0FF;}


#ressidebar {width:170px; float:left; margin-left:0; }

#ressidebar ul { padding:8px 0 5px 0; margin:15px 0 0 11px ; width:151px; background-color: #9FF;-moz-border-radius:4px; 
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url(PIE.php);}

#ressidebar ul li {text-decoration:none; list-style:none; display:block; margin-left:7px; line-height:2em; margin-bottom:10px; text-align:center; font-size:.9em; }

#ressidebar a:link, #ressidebar a:visited {background:#FFF; color:#009; border:solid 1px #009; display:block; line-height: inherit;
text-decoration:none; padding:0 0 0 5px; width:130px;
-moz-border-radius:4px; 
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url(PIE.php);
}
#ressidebar img { margin-left:10px; margin-top:15px;
-moz-border-radius:15px; 
-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url(PIE.php);}

#ressidebar a:hover, #ressidebar a:active, #ressidebar a:focus {background:#FFF; color:#009; border:solid 1px #003; display:block;
text-decoration:none; padding:0 0 0 5px; width:130px; line-height: inherit;
-moz-border-radius:4px; 
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url(PIE.php);
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4); 
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4); color:#039;}

#ressidebar p{margin:20px 0 -10px 0; font-weight:bold; color:#009; text-align:center;}


/* Maint Content */

div.rescushy {width:600px; background-color:#FFF; border:solid 2px #b2e7fa; margin:2px auto 0 auto;
padding:5px 10px 5px 10px;
float:right;
-moz-border-radius:15px; 
-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url(PIE.php);
font-size:.9em;
}

div.rescushy a:link, div.rescushy a:visited {text-decoration:none; color: #069; font-weight:bold;}
div.rescushy a:hover, div.rescushy a:active, div.rescushy a:focus {color: #666;}
div.rescushy {-webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.4); 
box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.4);
}
.rescushy .fltrt {padding-right: 50px; float:right;}
.rescushy .fltlt {padding:0 25px 0 0; float:left; }

.cushycms {font-size:.9em;}
ol {color:#FFF}
.rescushy ol li{display:block; background:#900; color:#FFF; border:solid 1px #900; line-height:25px; width:8em; text-align:center; margin-left:25px; 
padding-top:1px; font-size:1em;
border: solid 1px #900; 
-moz-border-radius:5px; 
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.php);}

#main_content .rescushy ol li a:link, #main_content .rescushy ol li a:visited {color:#FFF; text-decoration:none;}
#main_content .rescushy ol li:hover, ol li:active, ol li:focus {border-left: 2px solid #300;border-bottom: 2px solid #300; line-height:25px; margin-bottom:-1px;}
#main_content .rescushy ol li a:hover, ol li a:active, ol li a:focus {color: #FFC}

.cushycms img{ padding:5px 10px 5px inherit; float:right; margin: -05px 70px 40px 30px;
-moz-border-radius:15px; 
-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url(PIE.php);
border-bottom:1px  #FFF solid;
border-left:1px  #FFF solid;
border-right:1px  #FFF solid;
border-top:1px rgba(255, 255, 255, 1) solid;}
.rescushy img { padding:5px 10px 5px inherit; text-decoration:none; border:none;
}

.rescushy  ul li {list-style:none;padding:0 0 5px 35px;}
.rescushy ul {list-style:none;}
.rescushy ul li:first-line{color: #009;font-weight:bold;}



.rescushy h3{clear:both; padding-top:1em; padding-left:55px; font-weight:bold; color:#006; font-size:1.4em}
.rescushy h2 {font-size:2em; margin-top:-10px;clear:both; padding-top:1em; padding-left:55px; font-weight:bold; color:#006;}
.rescushy h4 {padding-top:1em; padding-left:30px;font-weight:bold; color:#006; font-size:1.1em}
.rescushy p {padding-left:30px;}
.rescushy hr {clear:both; color: #9FF; height: 1em; background-color:#9FF; width:95%; border:#9FF;}
.rescushy li { margin-left:-10px}


.rescushy .cushycms ul li{ margin-top:1em; font-weight:normal;}
.rescushy .cushycms  ul li:first-line{color:#900; font-size:1.1em; font-weight:bold;}
h2.openhours {font-size:1.6em; font-weight:bold; text-align:center;margin-left:-40px; margin-top:-2px;}

.openhours {font-size:1.5em; font-weight:bold; text-align:center;margin-left:-40px;}
p.notforprof {font-size:.8em; font-style:italic; text-align:center; margin:-10px 0 0 -40px;}
p.straplist  {text-align:center; font-weight:bold; margin:10px 0 -5px -40px;}
p.straplist2 {font-weight:bold; margin:10px 0  0 45px;}
.date {float:right; margin-top:-1em; font-size:.9em; margin-right:73px}

.smaller {font-size:.9em; line-height:1em;}

form.emopform {background: #fffdbe; margin:20px auto auto auto;
-moz-border-radius:15px; 
-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url(PIE.php);}

form.emopform h2 {padding-top:5px;}

.resstock {width:600px; background-color:#FFF; border:solid 2px #b2e7fa; margin:2px auto 0 auto;
padding:5px 10px 5px 10px;
float:right;
-moz-border-radius:15px; 
-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url(PIE.php);
font-size:.9em;

}

.resstock h3 {clear:both; padding-top:1em; padding-left:55px; font-weight:bold; color:#006; font-size:1.4em; margin-left:55px;}

.clearboth {clear:both;}