/*
Theme Name:		Cutline 3-Column Split
Theme URI:		http://cutline.tubetorial.com/
Description:	A squeaky clean, feature-rich theme for WordPress designed and coded by <a href="http://pearsonified.com">Chris Pearson</a>, with updates by <a href="http://stellify.net">Sophia Lucero</a>. Cutline is managed by <a href="http://www.splashpress.com">Splashpress Media</a>.
Version:		1.4-3CS
Author:			Chris Pearson
Author URI:		http://cutline.tubetorial.com/
Tags: 			white, black, three-columns, fixed-width, right-sidebar, left-sidebar, theme-options, threaded-comments, microformats, sticky-post
*/

body {
color: #333;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 62.5%;
background-color: #ece9e0;
background-image: url(images/bg.png);
margin: 0px;
padding: 0px;
background-repeat: repeat-x;
}
body.custom {
background-repeat: repeat-x;
background-color: #ece9e0;
background-image: url(images/bg.png);

}
* { padding: 0; margin: 0; }

* { padding: 0; margin: 0; }


/*---:[ global elements ]:---*/

a { color: #c32928; text-decoration: underline; }

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


form td { padding: 2px; }
a img { border: none; }

blockquote {  color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }

abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }

code { color: #090; font-family: Courier, monospace; }

pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }

p.center { text-align: left !important; }

p.bottom { margin: 0 !important; }

p.unstyled { font-size: 1.4em; }

.flickr_blue { color: #007ae4; text-transform: lowercase; }

.flickr_pink { color: #ff2a96; text-transform: lowercase; }

.green { color: #090; }

.red { color: #c32928; }

.orange { color: #f40; }

.purple { color: #7f2b67; }

.small { font-size: 0.8em; } 

/*---:[ post image alignment and caption ]:---*/

.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignleft { float: left; }

.alignright { float: right; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } 



/*---:[ headlines ]:---*/

h1, h2, h3 { font-weight: bold;  }

h1 { padding: 1em 0 0.2em 0; 
font-size: 2.1em; color: #333; text-decoration: none;  font-weight: normal; text-transform:uppercase;
}

#masthead h1 { padding: 0.4em 0 0.2em 0; border-top: 1px solid #ccc; text-align: center; clear: both; }

h1 a, h1 a:visited, h1 a:hover { 	color: #c32928; text-decoration: none; font-weight: normal; }
h1.branch_head { color: #7f2b67; font-weight: normal; margin-left: 20px; }
h2 {  font-size: 1.6em; }

h2 a { color: #c32928; text-decoration: none; }

h2 a:visited { color: #c32928; text-decoration: none; }

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

#content h2 { font-family: font-weight: normal; color: #7f2b67; padding: 0; }

#sidebar h2 { padding-top: 4px; padding-bottom: 4px; }

#sidebar h2.header-brown { background-color: #48412f; display: block; width: 275px; padding: 5px 5px 5px 10px; color: #FFFFFF; margin: 0; text-decoration: none; font-size: 1.3em; text-transform:uppercase; }

#content h2.header-brown { background-color: #48412f; display: block; width: 628px; padding: 5px 5px 5px 10px; color: #FFFFFF; margin: 0; text-decoration: none; font-size: 1.3em; text-transform:uppercase; }

.posts h2 { text-transform: uppercase; border-bottom: 1px solid #cecece; padding-bottom: 2px; color: #7f2b67; margin: 0 0 6px 0;  }

.posts h2 a, .posts h2 a:visited { color: #c32928; }

.posts h2 a:hover { color: #333; }

.pages h2 { text-transform: none; border-bottom: 1px solid #cecece; padding-bottom: 2px; color: #7f2b67;  }

.entry h2 { font-size: 1.3em; }

h2.post-title { font-size: 1.3em; margin-top: 20px;}


h2.home-header { border: 0; padding: 10px 0 0 0; }

h2.archive_head { color: #333; border-bottom: 0px solid #cecece; padding-bottom: 2px; font-size: 2.5em; font-weight: normal; letter-spacing: normal; }

h2.archive_head a, h2.archive_head a:visited { color: #c32928; }

#sidebar h2.widgettitle { display: none; }

.archive-back-button { font-weight: bold; font-size: 1.4em; letter-spacing: normal; }

.archive-back-button a, .archive-back-button a:visited { color: #9f9f9f; text-decoration: none; }

.archive-back-button a:hover { color: #333; text-decoration: underline; }

h2.archive_head a:hover { color: #333; }

#content h2.homepage_head { color: #333; border-bottom: 0px solid #333; letter-spacing: normal !important; font-family: Arial, Verdana, Helvetica, sans-serif; text-transform: none; font-size: 1.2em; text-align: center; }	

h3 {
font-size: 1.1em;
}

#masthead h3 { margin: 0 0 0.75em 0; font-weight: normal; font-size: 1.8em; text-transform: none; color: #888; text-align: center;}

.entry h3 { font-size: 1.2em; text-transform: uppercase; text-decoration: none; margin: 10px 0 20px 0; }

.entry h3 a { text-decoration: none;}

.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }

h3.comments_headers { font-size: 1.4em; }

h4 {
color: #7f2b67;
font-size: 1.1em;
text-transform: uppercase;
font-weight: bold;

}

h4 a, h4 a:visited {color: #807c70; text-decoration: none; }

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

.posts h4 {
margin: 0.5em 0 0.25em 0;
padding: 0.5em;
background-color: #ece9e0;
}


/*---:[ core layout elements ]:---*/

#container {
width: 970px;
margin: 0px auto 0 auto;
}

#content_box { width: 970px; padding: 0 0 10px 0; text-align: left; float: left; clear: both;  	background-color: #FFF; }
#content { width: 648px;  margin: 0; padding: 0; float: left; padding-left: 9px; }
#sidebar {
width: 300px;
margin: 0 0 0 2px;
padding: 5px ;
float: right;
background-color: #FFFFFF;

}

#l_sidebar { width: 210px; padding: 0 15px 0 0 ; float: left; display:none;}

#footer { width: 970px; padding: 0; float: left; clear: both; margin: 10px 0; font-size: 1.1em; }


/*---:[ homepage styles ]:---*/
.homepage-widgets {
width: 648px;
	margin: 0;
padding: 0;
float: left; font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.2em;
}
#homepage-widget-1_head {
width: 188px;
height:25px;
padding: 0;
margin: 9px 0 2px 0;
float: left;
border-right: 12px solid #591a46;
border-left:12px solid #591a46;
background-color: #7f2b67;

}
#homepage-widget-2_head {
width: 188px;
height:25px;
padding: 0;
margin: 9px 6px 2px 6px;
float: left;
border-right: 12px solid #777117;
border-left:12px solid #777117;
background-color: #a5a31e;

}
#homepage-widget-3_head {
width: 188px;
height:25px;
padding: 0;
margin: 9px 0 2px 0;
float: left;
border-right: 12px solid #871615;
border-left:12px solid #871615;

background-color: #c32928;

}
span.homepage-widget_head {
width: 180px;
height:21px;
padding: 4px 0 0 4px;
margin:0;
float: left;
border-right: 2px solid #fff;
border-left:2px solid #fff;
color: #FFFFFF;
font-weight: normal;
font-size: 1.1em; text-transform:uppercase; font-weight: bold;
}
#homepage-widget-1{
width: 167px;
height:225px;
float: left; 	
padding: 12px 0 0 45px;
background: url('images/homepage-widget-bk.png')  no-repeat;
}
#homepage-widget-2{ width: 172px; height:225px; padding: 6px 20px; margin: 0 6px 0 6px; float: left; 	

background: url('images/homepage-widget-bk.png')  no-repeat;

}
#homepage-widget-3{ width: 172px; height:225px; padding: 6px 20px; float: left; 	

background: url('images/homepage-widget-bk.png')  no-repeat;

}


/*---:[ header styles ]:---*/

#masthead { width: 970px; /*height: 100px; background: url('images/logo.gif') no-repeat;*/ /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */ }

/* #masthead a { display: block; width: 970px; height: 100px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */
/*---:[ logo elements ]:---*/
#masthead {margin: 0 auto; width: 970px; height:29px; }
#masthead-box { margin: 0; 	padding: 0; height: 29px; float: right;   }
ul#navtop  {   	float: left; list-style: none; height: 29px; margin: 0; padding: 0; font-size: 0.8em; text-decoration: none;	text-align: right; }

ul#navtop a {   	 font-size: 1.5em; text-decoration: none; color: #fff;	 }

ul#navtop  li { float: left; height: 14px; width: 14px;  padding: 5px;   margin: 0; background-color: #7f2b67;}	
ul#navtop  li a { float: left; height: 14px; width: 14px; }	
ul#navtop  li.rss a {    background: url('images/icon_rss.png')  no-repeat; }
ul#navtop  li.twitter a {   background: url('images/icon_twitter.png')  no-repeat; }
ul#navtop  li.homebutton  {  width: 34px; padding-left: 10px; background-color: fff; }
ul#navtop  li.homebutton  a {  width: 34px; background-color: fff; text-align: left; font-weight: bold; }
ul#navtop  li.askusbutton  {  width: 54px; padding-left: 10px; background-color: fff; }
ul#navtop  li.askusbutton  a {  width: 54px; background-color: fff; text-align: left; font-weight: bold; }
#header_box { position: relative; float: left; clear: both; width:970px; height:50px;  background-color: #fff; }
#header_box  { width:970px;  height:50px; } /* this is really just an IE 6 and 7 */
#logo { width:490px; height: 50px; float: left; }
#logo a { display: block; height: 50px; width: 490px;} 
#slogan {  float: left; width:480px;  height:50px;}
/*---:[ content styles ]:---*/

.post { width: 600px; margin: 0 20px 0 28px;} 

.entry, .comment .reply { font-size: 1.2em; padding: 10px;}

.entry blockquote { font-size: 1.0em; }

.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }

.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }

.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }

.entry p { margin: 0; }

.entry ul, .entry ol { margin: 0 0 1.5em 40px; }

.entry ul { list-style-type: square; }

.entry li { margin: 0 0 0.5em 0; }

.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }

.entry dl { margin: 0 0 1.5em 0; }

.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }

.entry dd { margin: 0 0 1.5em 20px; }

.entry .ad { margin: 0 0 0.5em 15px; float: right; }

.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }

/*---:[ image styles ]:---*/	
/*---:[ content styles ]:---*/
.entry, .comment .reply { margin-left: 9px;  }
.entry blockquote.right { width: 200px; font-style: normal !important;  margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important;  text-align: center; float: right; }
.entry blockquote.left { width: 200px; font-style: normal !important;  margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important;  text-align: center; float: left; }
.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important;  }
.entry p { margin: 0 0 1em 0; }
.entry ul, .entry ol { margin: 0 0 1.5em 40px; }
.entry ul {
list-style-type: disc;
}
.entry li { margin: 1.2em 0 0.2em 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
.entry dl { margin: 0 0 1.5em 0; }
.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
.entry dd { margin: 0 0 1.5em 20px; }
.entry .ad { margin: 0 0 0.5em 15px; float: right; }
.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }
/*---:[ image styles ]:---*/	
.entry img {  }
.entry img, .entry .gallery img { margin: 0.1em 0; }
.entry img.left, .entry img.alignleft { padding: 3px; margin: 0.5em 15px 0.5em 0; float: left; clear: left; }		
.entry img.right, .entry img.alignright { padding: 3px; margin: 0.5em 0 0.5em 15px; float: right; clear: right; }
.entry img.center, .entry img.aligncenter { display: block; padding: 3px; margin: 0 auto 1.5em auto; float: none; clear: both; }
.entry img.off { padding: 0 !important; border: none !important; }
.entry img.stack { clear: none !important; }
.entry div.alignleft { text-align: left; float: left; }
.entry div.alignright { text-align: right; float: right; }
.entry div.aligncenter { text-align: center; margin: 0 auto; }
.entry div.wp-caption { margin-bottom: 1.5em; border: 1px solid #bbb; overflow: hidden;  padding:5px; }
.entry .wp-caption img { display: block; margin: 5px auto; border: none; }	
.entry .wp-caption-text { margin: 0 5px; font-size: 1em; line-height: 1.3em; }
.entry .gallery { margin: auto auto 15px; }
.entry .gallery .gallery-item { margin: 0 0 0.6em; }
.entry .gallery .gallery-icon, .entry .gallery .gallery-caption { margin: 0; }
.entry .gallery .gallery-caption { margin: 5px; font-size: 0.8em; line-height: 1.3em; text-align: left; }
.tagged { padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.2em; line-height: 1.6em; color: #888; clear: both; }
.tagged a, .tagged a:visited { padding: 0.25em; color: #333; text-decoration: none; }
.tagged a:hover { color: #fff; background: #333; text-decoration: none; }
.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }
.navigation { width: 500px; font-size: 1.4em; float: left; }
.previous { padding: 0 20px 0 0; float: left; }
.next { float: right; }
.clear { width: 500px; height: 1px; margin: 0 0 1em 0; clear: both; }
.rule { background: url('images/hr_tag_sep.gif') no-repeat; }
.flat { margin: 0 0 2.0em 0 !important; }
.whitespace { margin: 0 0 3.5em 0 !important; }

/*---:[ sidebar styles ]:---*/


#sidebar .widget { margin-bottom: 0; margin-top: 0; }

ul.sidebar_list {
list-style: none;

}

ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 290px; margin: 5px; font-size: 1.3em; float: left; background-color: #f7f6f1;}



li.widget h2, li.linkcat h2 {
width: 275px;
font-weight: normal;
font-size: 1em;
font-weight:bold;
text-transform: uppercase;
letter-spacing: normal;
margin: 5px 0 0 0;
padding: 2px 5px 2px 10px;
background-color: #000000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
li.widget h2 a, 	li.widget h2 a:visited  {

color: #FFFFFF;
}
div.textwidget {padding: 10px;}
li.widget p { margin: 0 0 1.5em 0; padding: 0 10px; }

li.widget ul, li.linkcat ul { margin: 0; padding: 10px 0 20px 0;}

li.widget ol, li.linkcat ol {  }

li.widget li, li.linkcat li { margin: 0; }

#sidebar li li, #l_sidebar li li {
margin: 0 5px 2px 10px;
padding-left: 22px;
padding-bottom: 6px;
padding-top: 2px;
list-style-image: none;
list-style-type: none;
line-height: 1.2em;
}
li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
#sidebar li li {
background-image: url(images/li-sidebar.png);
background-repeat: no-repeat;
background-position: 0 1px;
}
li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
li.widget li a, li.widget li a:visited  { color: #c32928; font-weight: bold;  }

li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }

li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }

li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }

li.widget ul.flickr_stream li a img { padding: 3px; }

li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }

/*---< FlickrRSS styles for the widget only >---*/

li.widget_flickrrss { }

li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }

li.widget_flickrrss a:hover img { background: #ff2a96; }

/*---< Calendar widget styles >---*/

#calendar_wrap { font-size: 1.3em; }
/*---:[ footer styles ]:---*/

#footer ul { padding: 2px;  }
#footer ul.footer-bpl li a, #footer ul.footer-bpl li a:visited {  color: #c32928;  font-weight: bold; font-size: 1.1em; text-transform:uppercase;}
#footer li { display: inline; padding-right: 10px; padding-left: 10px; list-style-image: none; list-style-type: none; }
#footer p { margin: 0 0 0.923em 0; color: #333333; }
#footer a, #footer a:visited { color: #333333; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul.footer-bpl-2 { text-transform:uppercase; }
#footer-box1{ width: 670px; padding: 0; float: left;  margin: 0;  }
#footer-box2{
	color: #fff;
	width: 240px;
	padding: 5px 0 0 0;
	float: left;
	margin: 0 20px 0 30px;
	background-color: #FFF;
}
#footer-box2 form {
	padding: 3px;	width: 200px; color: #fff;
	background-color: #7f2b67;	
	margin: 1px 3px 13px 3px;
}

/*---:[ search styles ]:---*/

#search_form { margin: 5px 0 0 0; }

#search_form .search_input { width: 180px; padding: 1px; color: #333; font: normal 1.0em Arial, Verdana, Helvetica, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }

li.widget .search_input { font-size: 0.9em !important; }

.search-result { font-size: 1.4em; line-height: 1.5em; }

.search-header { font-size: 1.6em; line-height: 2em; }


/*---:[ comment styles ]:---*/

#comments { width: 500px; clear: both; }
ul#comment_list { margin: 0; border-top: 1px solid #bbb; }		
ul#comment_list li.comment { padding: 1.2em 0 1.2em 1.2em; list-style: none; overflow: hidden; border-bottom: 1px dotted #bbb; height: 1%; }
ul#comment_list li.even { background: #fff; }
ul#comment_list li.odd { background: #fff; }
ul#comment_list li.trackback, ul#comment_list li.pingback { background: url('images/trackback_bg.gif'); }
ul#comment_list li.comment ul.children { margin: 0 0 0 1.2em; }
ul#comment_list li.comment ul.children li.comment { border-top: 1px dotted #bbb; border-bottom: none; padding-bottom: 0; margin-top: 1.2em; }

.comment_meta { margin: 0 0 1.2em; }			
.comment_avatar .avatar { float: right; padding: 0 1.2em 1.2em 1.2em; }			
.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }

.trackback .comment_num { padding: 0 0 0 20px; }

.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }

.comment_num a:hover { color: #df0000; text-decoration: none; }

.comment_meta strong { font-size: 1.6em; }

.comment_time { font: normal 1.1em Arial, Helvetica, Arial, sans-serif; color: #888; }

.comment .entry { padding: 0 15px; }

.comment .entry p { margin: 0 0 1.0em 0; }

/*---:[ comment pagination ]:---*/			
#comments .navigation { overflow: hidden; padding: 1.0em 0; }
#comments .navigation .alignleft { float: left; }
#comments .navigation .alignright { float: right; }

/*---:[ comment form styles ]:---*/

#respond { padding: 2.4em 0 0; clear: both; overflow: hidden; }

#comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }

#comment_form p { padding: 0.6em 0; }

#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }

#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

#comment_form .text_area { width: 321px !important; }

#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }

#comment_form p.subscribe-to-comments { font-size: 1.4em; }

#comment_form p.subscribe-to-comments label { font-size: 1.0em; }



/*---:[ nav styles ]:---*/

#nav {
list-style: none;
float: left;
height: 38px;
margin: 0px;
padding-top: 0;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 0px;
background-color: #fff;
border-bottom: 10px solid #871615;
}
#nav ul { width: 970px; float: left; list-style: none; height: 38px; margin: 0px; font-size: 1em; text-decoration: none; }	
#nav li { text-decoration: none; float: left; background-color: #fff; height: 38px; display: block; margin: 0; padding: 0; background-image: none; }
#nav a { display: block; }
#nav a:hover, a:active { background-position: 0 -38px; /* sliding door nav */}
#nav .current { background-position: 0 -38px; /* sliding door nav */}

li#nav-account a { background: url(images/nav/nav-account.png) no-repeat 0 0; width: 148px; height: 38px; }
li#nav-catalog a { background: url(images/nav/nav-catalog.png) no-repeat 0 0; width: 113px; height: 38px; }
li#nav-events a { background: url(images/nav/nav-events.png) no-repeat 0 0; width: 81px; height: 38px; }
li#nav-research a { background: url(images/nav/nav-research.png) no-repeat 0 0; width: 107px; height: 38px; }
li#nav-teens a { background: url(images/nav/nav-teens.png) no-repeat 0 0; width: 69px; height: 38px; }
li#nav-kids a { background: url(images/nav/nav-kids.png) no-repeat 0 0; width: 59px; height: 38px; }
li#nav-about a { background: url(images/nav/nav-about.png) no-repeat 0 0; width: 108px; height: 38px; }
li#nav-bridgeport a { background: url(images/nav/nav-bridgeport.png) no-repeat 0 0; width: 132px; height: 38px; }
li#nav-involved a { background: url(images/nav/nav-involved.png) no-repeat 0 0; width: 153px; height: 38px; }

/*---:[ branches nav styles ]:---*/

#nav-branch {width: 300px;
list-style: none;
float: left;
height: 38px;
margin: 0;
padding: 0;


}
#nav-branch  ul { width: 300px; float: left; list-style: none; height: 38px; margin: 0;  padding: 0; }	
#nav-branch  li { text-decoration: none; float: left; background-color: #fff; height: 38px; display: block; margin: 0; padding: 0; background-image: none; }
#nav-branch  a { display: block; }
#nav-branch  a:hover, a:active { background-position: 0 -38px; /* sliding door nav */}
#nav-branch  .current { background-position: 0 -38px; /* sliding door nav */}

li#nav-branch-burroughs a { background: url(images/nav/nav-burroughs.png) no-repeat 0 0; width: 78px; height: 38px; }
li#nav-branch-blackrock a { background: url(images/nav/nav-blackrock.png) no-repeat 0 0; width: 74px; height: 38px; }
li#nav-branch-newfield a { background: url(images/nav/nav-newfield.png) no-repeat 0 0; width: 57px; height: 38px; }
li#nav-branch-north a { background: url(images/nav/nav-north.png) no-repeat 0 0; width: 41px; height: 38px; }
li#nav-branch-oldmill a { background: url(images/nav/nav-oldmill.png) no-repeat 0 0; width: 50px; height: 38px; }

#branches-box  { width: 300px;
float: left;
margin: 0;
padding: 0;


}
#branches-box-pic a{width: 290px;
display:block;
height: 73px;
margin: 5px;
padding: 0;
}

#branches-box-info {  margin: 5px; width: 288px; border: 1px solid #c6c2b7; background-color:  #ede9e0; float: left; font-size: 1.1em; }
#branches-box-address { width: 130px; padding: 7px; float: left;}
#branches-box-hours { width: 129px; border-left: 1px solid #c6c2b7;  padding: 7px; float: left; }

#branches-box-nav {width: 290px;
float: left;
margin: 5px;
padding: 0;
height: 123px;
}

#branches-box-services {width: 290px;
float: left;
margin: 5px;
padding: 0;

}

#branches-box-data {width: 290px;
float: left;
margin: 5px  5px 0 5px ;
padding: 0;
}

.side-info  {
	width: 270px;
	float: left;

	margin: 5px  5px 5px 5px;
	padding: 10px;
	font-size: 1.2em;
}
.side-pic  {
width: 290px;
float: left;
height: 73px;
margin: 5px  5px 10px 5px ;
padding: 0;
}
.side-pic img a {width: 290px;
display:block;
height: 73px;
margin: 5px;
padding: 0;
}


/*---:[ toppage widgets styles ]:---*/
.toppage-widgets {
width: 648px;
height:170px;
	margin: 10px 0;
padding: 0;
float: left; font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.2em;
}

span.toppage-widget_head1 {
width: 180px; 
padding: 0;
margin: 5px 5px 15px 19px;
float: left;
color: #FFFFFF;
font-weight: normal;
font-size: 1.1em; text-transform:uppercase; font-weight: bold;
}

span.toppage-widget_head2 {
width: 370px; 
padding: 0;
margin: 5px 6px 15px 19px;
float: left;
color: #FFFFFF;
font-weight: normal;
font-size: 1.1em; text-transform:uppercase; font-weight: bold;
}
div.toppage-widget-1col{ 
width: 212px;
height:170px;
padding:0; 
margin: 0 6px 0 0;
float: left; 	
background: url('images/page-menu-bk1col.png')  no-repeat;
}
div.toppage-widget-2col{ 
width: 395px; 
height:170px; 
padding:0; 
margin: 0 6px 0 0;
float: left; 	
background: url('images/page-menu-bk2col.png')  no-repeat;
}

.toppage-widget-pic-small{
	width: 230px;
	height:170px;
	padding: 0;
margin: 0;
	float: left;
	background-image: url(images/content-headers/header-about.jpg);
	background-repeat: no-repeat;
}
.toppage-widget-pic-large{
	width: 426px;
	height:170px;
	padding: 0;
margin: 0;
	float: left;
	background-image: url(images/content-headers/header-top.jpg);
	background-repeat: no-repeat;
}
ul.subnav {padding: 0 0 0 30px;
margin: 0;
	width: 150px;


float: left; }
ul.subnav a, ul.subnav a:visited {
	text-decoration: none;
}

#cse-search-box{ padding: 0; margin: 0px; }