﻿/**
Color pallette
 #000033 /* dark blue base color, used in place of black
 #022E57 /* navy blue color used in navigation tabs and large text
 #BCCCD9 /* light blue title background
 #FFFFFF /* white used as breadcrumb background
 #CCCCCC /* light grey used for text on dark background instead of white
 #FFCC00 /* yellow/gold
 #876028 /* brown used in event backgrounds and news story headlines
 */
/* IMPORTANT - Makes page useable in edit mode */
div#MSOTlPn_WebPartPageDiv {
				overflow: visible !important;
}
/* ADMINISTRATIVE SECTION DOES NOT APPLY TO DEPLOYED SITE */
.adminBanner table {
				background-color:white;
				padding:0px;
				margin:0px;
				text-align:left
}
/* Exit Edit Mode */
.ms-consoletoolbar a:link {
				color: black;
}
.ms-consoleminiframe a:link {
				color: black;
}
/*********** END ADMINISTRATIVE SECTION ***************/
/******  main style ****************/
.body {
				font-family: Myriad Pro, palatino, helvetica, sans-serif;
				margin: 0px 0px 0px 0px;
				padding: 0px;
				/*text-align: center;  Hack for IE5/Win */
			    background-image:url("/surfor/PublishingImages/15Jan2014bg.jpg"); /*15Jan2014bg.jpg transition to bg color */
			    background-repeat:no-repeat;
			    background-attachment:fixed; /*scroll*/
			    background-position: 50% bottom; /*			    background-position: 50% 134px; */
			    background-color:#BCCCD9;
}
.cnspContentBg {
				width:1000px; 
				background-color:white;
				position: relative; 
}
.cnspContentBg tbody {
				vertical-align:top;				
}
.main {
				width: 1000px;
				margin: 0px auto; /* Right and left margin widths set to "auto" */
}
.ul { /* set bullets to square type */
				LIST-STYLE-TYPE: square;
				color:#000066;
}
/**** Breadcrumb ****/
.breadcrumb {
				font-family: palatino, helvetica, sans-serif;
				color: #CCCCCC;
				clear: both;
				font-size: 8pt;
				padding-left: 1px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-top: 4px;
				margin-bottom: 0px;
				margin-top: 7px;
				display: block;
				width: 750px;
				position:relative;
				left:0px;
				top:-3px; /* slide bread crumb up for sites with two lines ACB1 */
				text-align:left;
				background-color:transparent;
}
.breadcrumb a:visited {
				text-decoration: none;
				color: #CCCCCC;
}
.breadcrumb a:active {
				text-decoration: none;
				color: #CCCCCC;
}
.breadcrumb a:link {
				text-decoration: none;
				color: #CCCCCC;
}
.breadcrumb a {
				text-decoration: none;
				color: #CCCCCC;
}
.breadcrumb a:hover {
				text-decoration: underline;
}
#orgList {
				margin-left:5px;font-family :helvetica;font-size:xx-small;
}
.ms-sitemapdirectional { text-align:left;
}
/* cnsp-FollowMe */
.cnsp-FollowMe ul{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; list-style:none}
.cnsp-FollowMe {float:right;margin-top:0px; *margin-top:0px; margin-right:10px;padding-top:5px;				height:30px;}
.cnsp-FollowMe h4 {
				float: left;
				color: #ccc;
				font: bold 12px/10px georgia,sans-serif;
				border-right: 1px solid;
				padding-right: 10px;
				height: 12px;
				margin-top: 0px;
				padding-top: 5px;
				border-right-color: #808080;
}
.cnsp-FollowMe h4 em {font:italic normal 12px/10px georgia,'times new roman',serif;}
#share-nav {float:left}
#share-nav li {float:left;}
#share-nav li a {text-indent:-99999px; display:block; width:20px; height:18px;}
#share-nav a {background:transparent url('/surfor/icons/follow_header_share.png') no-repeat 0 0;}
#share-nav .facebook {background-position:-4px -8px; margin-left:3px;}
#share-nav .twitter {background-position:-4px -38px; margin-left:3px;}
#share-nav .flickr {background-position:-4px -69px; margin-left:4px;}
#share-nav .wordpress {background-position:-4px -100px; margin-left:3px;}
#share-nav .youtube {background-position:-4px -130px; margin-left:3px;}

/**** END Breadcrumb ****/
.banner { /**** everything above the site title ****/
				padding: 0p;
				border: 0px;
				background-color: #022E57;
				/*height: 146px;*/
				width: 100%;
				position:relative;
				z-index:10;
				background-image: url('/surfor/banners/cnspBannerV2Slice.jpg'); /*cnspBannerV2Slice.jpg width=1000px height=114px */
				background-repeat:repeat-x;
			    background-position:center bottom;
				height: 149px;
}
.cnspBanner {
				/**** Branded banner image in the .banner ****/
				background-image: url('/surfor/banners/cnspBannerV2_BLANK.gif'); /*cnspBannerV2.gif width=1000px height=114px */
				background-repeat: no-repeat;
				width: 1000px;
				height: 114px;
}
/* Search */
/* configure the search box to be on the right */
.ms-rightbodysectionsearchbox {
 				width: 0;
 				padding: 0px; 
 				margin: 0px;
}
.ms-sbLastcell {
 				width: 0;
 				padding: 0px; 
 				margin: 0px;
}
.ms-sbtable-ex {
 				width: 0;
}
.cnspSearchBox {
				width:300px;
				height:23px;
				position: relative;
				top:-10px;
				float:right;
				background-color:transparent;
}

.ms-sbplain { /* contents of the search box */
				background-color:#022E57;
				color:#CCCCCC
}
/* END Search */
/*********** navigation ***************/
.cnspNavAlt { margin-left: -9000px; position: absolute; display:none; } 
#cnsp-SiteNavigationManager {
				width: 1000px;
				margin: 0px auto; /* Right and left margin widths set to "auto" keeps content centered */

}
.cnsp-topnav {
				padding: 0px;
				font-family: palatino, helvetica, sans-serif;
				font-size: 10pt;
}
.cnsp-topnav a:visited  {
				display: block;
				white-space: nowrap;
				padding: 1px 8px 0px 8px;
				height: 18px;
				color: #022E57;
				font-weight:bold;
				text-transform:uppercase;
				font-style:normal;
}
.cnsp-topnav a:hover  {
				display: block;
				white-space: nowrap;
				padding: 1px 8px 0px 8px;
				height: 18px;
				color: #022E57;
				font-weight:bold;
				text-transform:uppercase;
				font-style:normal;
}
.cnsp-topnav a:active  {
				display: block;
				white-space: nowrap;
				padding: 1px 8px 0px 8px;
				height: 18px;
				color: #022E57;
				font-weight:bold;
				text-transform:uppercase;
				font-style:normal;
}
.cnsp-topnav a:link  {
				display: block;
				white-space: nowrap;
				padding: 1px 8px 0px 8px;
				height: 18px;
				color: #022E57;
				font-weight:bold;
				text-transform:uppercase;
				font-style:normal;
}
.cnsp-topnavselected a:active {
				color: #022E57;
}
.cnsp-topnavselected a:hover {
				color: #022E57;
}
.cnsp-topnavselected a:visited {
				color: #022E57;
}
.cnsp-topnavselected a:link {
				color: #022E57;
}
.cnsp-topnavselected a {
				color: #022E57;
}
.cnsp-topnavselected {
				color: #022E57;
}
.cnsp-topNavHover a:active {
				color: black;
				text-decoration: underline;
				visibility:visible;
}
.cnsp-topNavHover a:hover {
				color: black;
				text-decoration: underline;
				visibility:visible;
}
.cnsp-topNavHover a:visited {
				color: black;
				text-decoration: underline;
				visibility:visible;
}
.cnsp-topNavHover a:link {
				color: black;
				text-decoration: underline;
				visibility:visible;
}
.cnsp-topNavHover a {
				color: black;
				text-decoration: underline;
				visibility:visible;
}
.cnsp-topNavHover {
				color: black;
				text-decoration: underline;
				visibility:visible;
}
.cnsp-topNavFlyOuts {
				background-color:#CCCCCC;
				font-family: palatino, helvetica, sans-serif;
				font-size: 10pt;
				border:1px #022E57 solid;
				visibility:visible;
}
.cnsp-topNavFlyOuts a {
				display:block;
				min-width:120px;
				height: 18px;
				color: #022E57;
				font-weight:bold;
				text-transform:uppercase;
				font-style:normal;
				padding:4px 8px 4px 8px;
}
.cnsp-topNavFlyOutsHover a:visited {
				color: black;
}
.cnsp-topNavFlyOutsHover a:hover {
				color: black;
}
.cnsp-topNavFlyOutsHover a:active {
				color: black;
}
.cnsp-topNavFlyOutsHover a:link {
				color: black;
}
.cnsp-topNavFlyOutsHover a {
				color: black;
}
.cnsp-topNavFlyOutsHover {
				color: black;
}
/*********** END navigation ***************/
/*********** Global navigation ***************/
.cnsp-GlobalNav {
				background-color: transparent;
				text-align:left;
				position: relative;
				height:30px;
				width:450px;
				float:left;
				bottom:-43px;
}
.cnsp-GlobalNav a:link {
				color:#022E57;
}
/* hide the link to CNSP Home in the navigation */
td#zz1_TopNavigationMenun0 {
				display: none;
}
#zz2_QuickLaunchMenu {
				position:relative;
				top:0px;
				left:0px;
				width:inherit;
}
/*********** End Global navigation ***************/
/*********** Local navigation ***************/
.cnsp-localNav {
				background-color: transparent;
				text-align:left;
				position: relative;
				height:30px;
				width:450px;
				float:right;
				top:32px;
				z-index:1;
}
table.gsc-completion-container {
      z-index: 10000 !important; }
.cnsp-localNav a:link {
				color:#022E57;
}
/*********** END Local navigation ***************/
.cnspTitle {
text-align:center;
background-color:#BCCCD9;
background-image: url('/surfor/images/H1_BG.jpg');
background-repeat:repeat-x;
padding-top:3px;
padding-bottom:2px;
font-style:italic;
font-family:georgia,'times new roman',serif;

}
.cnspTitle a:hover {
				FONT-SIZE: 20pt;
				font-style:normal;
				font-weight:bold;
				font-family: palatino, helvetica, sans-serif;
				text-decoration: none;
				color: #022E57;
}
.cnspTitle a:visited {
				FONT-SIZE: 20pt;
				font-style:normal;
				font-weight:bold;
				font-family: palatino, helvetica, sans-serif;
				text-decoration: none;
				color: #022E57;
}
.cnspTitle a:link {
				FONT-SIZE: 20pt;
				font-style:normal;
				font-weight:bold;
				font-family: palatino, helvetica, sans-serif;
				text-decoration: none;
				color: #022E57;
}
.cnspTitle a {
				FONT-SIZE: 20pt;
				font-style:normal;
				font-weight:bold;
				font-family: palatino, helvetica, sans-serif;
				text-decoration: none;
				color: #022E57;
}
/****** FOOTER **************/
#footer-logo {background: url('/surfor/images/footer-logo.png') no-repeat; width: 69px; height:68px; margin: 0 auto; }
.page-footer {width:1000px; 
				clear:both; 
				background: #F7F7F7 url('/surfor/images/footer-bar.gif') repeat-x ; 
				padding-bottom: 10px;
				margin: 0px auto; /* Right and left margin widths set to "auto" keeps content centered */
}
.disclaimer {
				background-color: #F7F7F7;
				font-size:9px;
				color:#022E57 ;
				width:1000px;
				text-align:center;
				margin: 0 auto;
}
.disclaimer a {
				color:#022E57 
}
/****** END FOOTER **************/

/* ADDTHIS LOCKED SHARING TOOLBOX */ 
#at-fb { position:fixed; _position: fixed; z-index: 1000; right: 0px; bottom: 0px; background: #fff;  box-shadow: 0 0 3px #ccc; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;}
iframe.fb_iframe_widget_lift {
				bottom:0px;
}
.uiBoxYellow {
	display:none!important;
	background-color:aqua;
}
#at-gsm { position:fixed; _position: fixed; z-index: 1000; right: 0px; bottom: 0; background: #fff; width: 135px; box-shadow: 0 0 3px #ccc; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; }   
#at-gsm .addthis_toolbox ul { display: none; margin: 0; padding: 0; }  
#at-gsm .addthis_toolbox ul li { list-style: none; margin: 0; padding: 0; }  
#at-gsm .addthis_toolbox a { text-decoration: none;display: block; border-bottom: 1px solid #eee; height: 32px; float: none; padding: 10px 10px; font-size: 16px; line-height: 32px; color: #5f656e; transition: none; -moz-transition: none; -webkit-transition: none; }  
#at-gsm .addthis_toolbox a:hover { background: #BCCCD9; text-decoration: none; color: #fff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } 
#at-gsm .addthis_toolbox ul li a:hover { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } 
#at-gsm .addthis_toolbox a span { margin-right: 12px; } 
.cnspAddThis { text-align:left;}


/* MAP */
#myPlaces {
	width:190px;
	padding:0 10px;
	height:72%;
	bottom:0;
	overflow-y:auto;
	position:relative;
	right:0px;
	background:#fff;
	z-index:9999;
	opacity:0.8;
}
	#myPlaces ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#myPlaces ul li {
	border-bottom:1px solid #ccc;
	display:block;
	padding:10px;
	font-size:0.9em;
}
a.delete {
	color:#005baa;
}
input#address {
	width:160px;
	padding:10px;
}
#map_canvas {
	width:100%;
	height:100%;

}
#submitAddress {
	display:block;
	padding:5px;
	background:#ccc;
}
.cities-count {
	display:block;
	text-align:center;
	margin:10px 0;
	color:#005baa;
	font-style:italic;
}
.place-list {
	position:fixed;
	width:200px;
	bottom:0;
	left:0;
	display:block;
	height:200px;
	overflow:auto;
	z-index:200;
	background:#fff;
	padding:20px;
	opacity:0.8;
}
.place-list .name {
	font-size:0.8em;
	color:#666;
}



