﻿/*
	Colors:
	=======
	DarkBlue	#1D4E83
	LightBlue	#B2C1C6
	TopLinkBG	#FFFFCC

	Primary Colors:
	Dark Blue:			#1D4D83
	Dull Dark Blue:		#294462
	Strong Dark Blue:	#092D55
	Light Blue1:		#5086C1
	Light Blue2:		#6E95C1
	
	Complementary Colors:
	C9861F		977137		82530A		E4AB53		E4BA7A
	
*/
/* Start Full Reset to remove previous template formating */
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
*/
*/
body {
	line-height: 1;
}
A {text-decoration: none; color: #000000}
A:hover {color: #000000; background: transparent; text-decoration: none}
A:visited { color: #000000; text-decoration: none}

ul {
	list-style: none;
}

ol {
	list-style: none;
}
/*ul, ol {margin: 0.5em 0 0.5em 2em; padding: 0.6em 0 0.6em 1em;} 
li {margin: 0; padding: 0.4em 0 0.2em 0; color: #444444;} */
/* ul, ol {margin: 0.4em 0 0 2em; padding: 0.4em 0 0.4em 1em;}  */
ol {margin: 0.2em 0 0.1em 2em; padding: 0.2em 0 0.1em 1em;} 
ul {margin: 0.2em 0 0.1em 2em; padding: 0.2em 0 0.1em 1em;} 
ul ul li {margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-bottom: 0;}
ul ul {margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-bottom: 0;}
ul li {padding:0.1em 0 0.1em 0; color: #444444;}
#content-fixed ul li {list-style-image:url(/images/bullet-blue5.gif); font: normal 0.95em/1.4em Helvetica, Tahoma, Arial, sans-serif; margin-left: 15px;}
#content ul li {list-style-image:url(/images/bullet-blue5.gif); font: normal 0.95em/1.4em Helvetica, Tahoma, Arial, sans-serif; margin-left: 15px;}
#content ul > li > ul {padding-top:0.6em; margin-bottom:0;}
li.nobullets { list-style-image:none !important; list-style:none !important;}
ul.nobullets li { list-style-image:none !important; list-style:none !important;}
/* */

q {
	quotes: none;
}

blockquote {
	quotes: none;
}
q:after {
	content: '';
	content: none;
}

q:before {
	content: '';
	content: none;
}

blockquote:after {
	content: '';
	content: none;
}

blockquote:before {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*  */


/* 	START Slider */
/* Easy Slider */
	#slider {
		border-top: 4px solid #1D4E83;
		border-bottom: 4px solid #1D4E83;
	}
	#slider a:active {
		color:#1D4E83;
	}

	#slider a:hover {
		color:#1D4E83;
	}

	#slider a:visited {
		color:#1D4E83;
	}

	#slider a {
		color:#1D4E83;
	}

	#slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#slider2 ul{
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#slider ul{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:600px;
		height:341px;
		overflow:hidden; 
		}	
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:600px;
		height:341px;
		overflow:hidden; 
		}	
	#slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#slider1next{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#prevBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#slider1next{ 
		left:696px;
		}														
	#nextBtn{ 
		left:696px;
		}														
	#slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url("../../../../images/btn_prev.gif") no-repeat 0 0;	
		}	
	#slider1next a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url("../../../../images/btn_prev.gif") no-repeat 0 0;	
		}	
	#nextBtn a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url("../../../../images/btn_prev.gif") no-repeat 0 0;	
		}	
	#prevBtn a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url("../../../../images/btn_prev.gif") no-repeat 0 0;	
		}	
	#slider1next a{ 
		background:url("../../../../images/btn_next.gif") no-repeat 0 0;	
		}	
		
	#nextBtn a{ 
		background:url("../../../../images/btn_next.gif") no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#B2C1C6;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#1D4D83;
		color:#6E95C1;
		}
	#nextBtn a:focus{outline:none;}
	
	#prevBtn a:focus{outline:none;}
	
	ol#controls li a:focus{outline:none;}
	
/* // Easy Slider */
/* 	END Slider*/

/* 	START DropDownLists	*/
dl { width: inherit; }
dt { margin:0px; padding:0px; }
dd { margin:0px; padding:0px; }
dl { margin:0px; padding:0px; }
dt { background: inherit; padding: 2px; margin: 1px; }
ul { list-style: none; padding: 2px; }
dc { }
dt [tweak ="border-top"] {
	border-top: 1px solid #b2c1c6;
}

.DropWrap{
	
}


/* 	END */

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url("ccimages/css_img01.jpg") repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #111111;
}

/* Header start */
#OCPHeaderWrap {
	margin:0px;
	width:616px;
	padding:0px;
	position:relative;
	z-index:98;
}

#OCPheader {
height: 125px;
background: #ffffff url(http://www.montgomerycountymd.gov/content/EXEC/partnerships/images/topgradient.png) repeat-x;
}
#OCPheader h1 {
	font-size: 35px;
	letter-spacing: -2px;
	position:absolute;
	top:17px;
	left: 10px;
	padding: 0px; /* 17px 0 10px 10px;*/
	margin:0px;
}
#OCPheader h2 {
	font-size: 14px;
	letter-spacing: -1px;
	position:absolute;
	top:57px;
	left:1px;
	padding: 0px 0 0 14px;
	margin:0px;
	color: #b2c1c6;
}

#OCPheader h1 a { 
	color: #1D4E83;
	text-decoration: none;
	font-weight: 600;
	background:transparent;
}
#OCPheader h1 a:hover {
	color: #b2c1c6;
	background:transparent;
}

#OCPheader-menu {
	position:absolute;
	top:80px;
	left:10px;
	text-align:center;
}

/* Header end */

/* Horizontal Bars */
.ClearBar-White {
	clear:both;
	border-top: 4px solid #FFFFFF;
	background-color: #FFFFFF;
	width: 100%;
	padding: 0px;
	margin:0px;
	margin-left:auto; margin-right:auto;
	margin-top:20px;
}
.ClearBar-Blue {
	clear:both;
	border-top: 4px solid #b2c1c6;
	background-color: #FFFFFF;
	width: 100%;
	padding: 0px;
	margin:0px;
	margin-left:auto; margin-right:auto;
	margin-top:20px;
}
.ClearBar-Purple {
	clear:both;
	border-top: 4px solid #8B82AA;
	background-color: #FFFFFF;
	width: 100%;
	padding: 0px;
	margin:0px;
	margin-left:auto; margin-right:auto;
	margin-top:20px;
}
/* Horizontal Bars END*/

/* Icons
*/

#FullWrap [icon *="pdf"]:after {
	content: "";
	display: inline;
	height: 20px;
	padding-right: 20px;
	background: transparent url(http://www.montgomerycountymd.gov/content/images/Common/pdf-icon.gif) no-repeat center right;
}

#FullWrap a[href $="pdf"]:after {
	content: "";
	display: inline;
	height: 20px;
	padding-right: 20px;
	background: transparent url(http://www.montgomerycountymd.gov/content/images/Common/pdf-icon.gif) no-repeat center right;
}
#FullWrap [icon ="doc"]:after {
	content: "";
	display: inline;
	height: 20px;
	padding-right: 20px;
	background: transparent url(http://www.montgomerycountymd.gov/content/EXEC/partnerships/images/ms_word_sm.png) no-repeat center right;
}
#FullWrap a[href $="doc"]:after {
	content: "";
	display: inline;
	height: 20px;
	padding-right: 20px;
	background: transparent url(http://www.montgomerycountymd.gov/content/EXEC/partnerships/images/ms_word_sm.png) no-repeat center right;
}
#FullWrap [icon ="out"]:after {
	content: "";
	display: inline;
	height: 20px;
	padding-right: 20px;
	background: transparent url(http://www.montgomerycountymd.gov/content/EXEC/partnerships/images/icon_external_link.png) no-repeat center right;
}

#FullWrap a[href *=".co.uk"]:after {
	content: "";
	display: inline;
	height: 20px;
	padding-right: 20px;
	background: transparent url(http://www.montgomerycountymd.gov/content/EXEC/partnerships/images/icon_external_link.png) no-repeat center right;
}

#FullWrap a[href *=".org"]:after {
	content: "";
	display: inline;
	height: 20px;
	padding-right: 20px;
	background: transparent url(http://www.montgomerycountymd.gov/content/EXEC/partnerships/images/icon_external_link.png) no-repeat center right;
}

#FullWrap a[href *=".net"]:after {
	content: "";
	display: inline;
	height: 20px;
	padding-right: 20px;
	background: transparent url(http://www.montgomerycountymd.gov/content/EXEC/partnerships/images/icon_external_link.png) no-repeat center right;
}

#FullWrap a[href *=".com"]:after {
	content: "";
	display: inline;
	height: 20px;
	padding-right: 20px;
	background: transparent url(http://www.montgomerycountymd.gov/content/EXEC/partnerships/images/icon_external_link.png) no-repeat center right;
}

#FullWrap [float ="right"] {
	float:right;
}
#FullWrap [float ="right"]:after {
	clear:both;
}


#FullWrap {
	background: #FFFFFF;
	width:610px;
	margin-left:10px;
	position:relative;
	z-index:1;

}
#FullWrap H1 H2 H3 H4{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	padding: 10px 0px 5px 0px;
	background: #FFFFFF /* url(images/cellshade.png) left top;*/;
	margin-top:2px;
}
#FullWrap H1 { font-size:1.8em;}
#FullWrap H2 { font-size:1.6em; vertical-align:text-bottom;}
#FullWrap H3 { font-size:1.3em; vertical-align:text-bottom; padding: 0px 0px 5px 0px;}
#FullWrap H4 { font-size:1.1em; vertical-align:text-bottom; padding: 0px 0px 5px 0px;}

#FullWrap a {
	font-weight: bold;
	color: #1D4E83;
	text-decoration: none;
}
#FullWrap a:hover {
	border-bottom: 1px solid #CCCCCC;
	background:inherit;
}
#FullWrap ul {
	list-style-type: none; 
	margin: 0;
	padding: 0;
}
#FullWrap ul.bullet {
	list-style-type: bullet; 
	margin:0;
	padding:0;
}
#FullWrap li.bullet {
	list-style-type: bullet; 
	margin:0;
	padding:0;
}
#FullWrap ul.indent {
	margin:0px;
	margin-left:1.5em;
	padding:0;
}

#FullWrap .fr { float:right; }
#FullWrap .fl { float:left; }

#TopWrap {
	margin-bottom: 20px;
}
.ContentPost {
	background: transparent repeat-x; left top;
}
.ContentPost:none {
}
.ContentPost .expand {

}
#TopContent .ContentPost { margin-bottom:40px;}
.ContentPost:after {
   content: "";
   display: block;
   height: 0px;
   clear: both;
}

.ContentPost IMG {
	margin:0px;
	margin-right:10px;
	margin-left:10px;
}
.ContentPost P {
	margin-top:0px;
	margin-bottom:10px;
	padding-top:0px;
}
#TopContent .ContentPost H4{
	position:relative;
	top:0.3em;
}


#TopContent .ContentPost H3{
	position:relative;
	top:0.3em;
}


#TopContent .ContentPost H2{
	position:relative;
	top:0.3em;
}


#TopContent .ContentPost H1{
	position:relative;
	top:0.3em;
}


/* Split Content into 2 */
.SplitContent { 
	margin-bottom:40px;
	padding:0;
}
.SplitContent .Left H4{
	text-align:right;
	margin:0;
	margin-bottom:12px;
}
.SplitContent .Left H3{
	text-align:right;
	margin:0;
	margin-bottom:12px;
}
.SplitContent .Left H2{
	text-align:right;
	margin:0;
	margin-bottom:12px;
}
.SplitContent .Left H1{
	text-align:right;
	margin:0;
	margin-bottom:12px;
}
.YoutubeRight H4{
	text-align:left;
	margin:0;
	margin-bottom:12px;
}

.YoutubeRight H3{
	text-align:left;
	margin:0;
	margin-bottom:12px;
}

.YoutubeRight H2{
	text-align:left;
	margin:0;
	margin-bottom:12px;
}

.YoutubeRight H1{
	text-align:left;
	margin:0;
	margin-bottom:12px;
}

.SplitContent {
	border-top: 1px dotted #B2C1C6;
	
}
.SplitContent:none {
}
.SplitContent .Left {
	float:left;
	text-align: right;
	background:#ffffff;
	width:35%;
	margin:0;
	padding:0;
}
.SplitContent .Left IMG {
	background:#ffffff;
	margin:0;
	padding:0;
}
.SplitContent .Right {
	float:left;
	background:#ffffff;
	width:40%;
	margin:0;
	margin-left:40px;
	padding:0;
}
.SplitContent .YoutubeLeft {
	float:left;
	text-align: right;
	background:#ffffff;
	width:70%;
	margin:0;
	padding:0;
}
.SplitContent .YoutubeRight {
	float:left;
	background:#ffffff;
	width:20%;
	margin:0;
	margin-left:40px;
	padding:0;
}


.SplitContent .Right:after {
   content: "";
   display: block;
   height: 0px;
   clear: both;
}

.SplitContent IMG {
	margin:0px;
	margin-right:10px;
	margin-left:10px;
}
.SplitContent P {
	margin-top:0px;
	margin-bottom:10px;
	padding-top:0px;
}

.BottomWrap {
	padding:0px;
	margin:0px;
	margin-top:15px;
	border:0px;
}
.TopLinks {
	background-color: #FFFFCC;
	float: right;
	width: 160px;
	padding: 0.5em;
	margin-top:0px;
	margin-left:10px;
	z-index:12;
}
.TopLinks h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0 0 9px;
	border: none;
}
.TopLinks ul {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #b2c1c6;
}
.TopLinks li {
	list-style: none;
	margin: 0;
	border-top: 1px solid #b2c1c6;
	padding: 0.25em;
	padding-left:1em;
	text-indent:-1em;
}
.TopLinks .bullet {
	font-size: 16px;
	font-weight: bolder;
	color: #663300;
}

.TopLinks a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-variant:small-caps;
	color: #1D4E83;
	text-decoration: none;
	text-align: left
}
/* Google Calendar Wrap
*/
.GoogCalWrap {
	border-top: 4px solid #b2c1c6;
	margin:0px;
	padding:0px;
}
/* Staff Info
*/
.StaffWrap {
	background-color: #FFFFCC;
	border-top: 4px solid #b2c1c6;
	width: 100%;
	padding: 0.5em;
	margin-left:auto; margin-right:auto;
}
.StaffInfoWrap {	padding-bottom:25px; border-bottom: 1px solid #b2c1c6;}

.StaffInfo{
	margin-top:20px;
	clear:both;
}
.StaffContactInfo{
	width:55%;
	margin-right:auto;
	margin-left:0%;
}
.StaffName{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	text-align: left
}
.StaffPhoto{
	width:45%;
	float:right;
	margin-right:0%;
	margin-left:auto;
	text-align:center;
	padding:10px;
}
.StaffPhoto IMG{
	max-height: 170px;
	border:0;
	clear:both;
}
.StaffContactInfo:after {
   content: ".";
   display: block;
   visibility: hidden;
   height: 0;
   padding:0;
   margin:0;
   clear: both;
}

/* Advisory Board Format 
*/
#AdvWrap {

}
.AdvPhoto {
	width:100%;
	height:360px;
}
.AdvPhoto img{
	width:600px;
	max-width: 600px;
	max-width:100%;
	border:0;
	border:0;
	text-align:center;
}
	
	
.AdvMemberWrap{
	border-top: 4px solid #b2c1c6;
	padding:0px;
	margin:0px;
}
dt{
	margin: 0;
}

.AdvMemberWrap li{
	margin: 0;
}

.AdvMemberWrap dt{
	padding-right: 20px;
	border-top: 1px solid #b2c1c6;
}

.AdvMemberWrap li{
	list-style: none;
	left:-1em;
	padding: 0.25em;
	padding-left:1em;
	text-indent:-1m;
}
.MemberList{
	width:95%;
	position:relative;
	left:3%;	
}
.MemberPhoto{
	width:25%;
	margin-right:auto;
	margin-left:0%;
	text-align:center;
	float:left;
}
.MemberPhoto div {
	padding:10px;
}
.MemberPhoto IMG{
	max-height: 170px;
	max-width:100%;
	border:0;
}
.MemberInfo {
	float:right;
	width:70%;
	border:0;
}
.MemberInfo:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.AdvDocWrap {
	background-color: #FFFFFF;
	border-top: 4px solid #b2c1c6;
	width: 100%;
	padding: 0.5em;
	margin-left:auto; margin-right:auto;
}
.AdvDocWrap li {
	list-style: normal;
	margin-left: 1em;
	padding: 0.2em;
	padding-left:1em;
	text-indent:-1em;
	font-size: 1em;
	font-weight: 2;
}
.DocumentPic {
	width: 127px; height: 151px;
	max-width:127px; max-height: 151px;
	float:left;
	margin-right:10px;
	background: transparent url(http://www.montgomerycountymd.gov/content/EXEC/partnerships/images/doc-file-2-1-icon.png) no-repeat top left;
}

/* Census Wrap
*/
.CensusTractWrap {
	border-top: 4px solid #b2c1c6;
	background-color: #FFFFFF;
	width: 100%;
	padding: 0px;
	margin-left:auto; margin-right:auto;
	margin-top:20px;
}
.CensusTractWrap dt  {
	border-top: 1px solid #b2c1c6;
	margin: 0;
	list-style: none;
	padding: 0.25em;
	padding-left:1em;
	text-indent:-1m;
}
.CensusTractWrap ul{
	width:80%;
	list-style: none;
}
.CensusTractWrap li{
	padding: 0px;
	text-indent:1m;
	vertical-align: top;
	margin: 0 0 20px 20px;
}
.CensusTractWrap ul{
	padding: 0px;
	text-indent:1m;
	vertical-align: top;
	margin: 0 0 20px 20px;
}
.CensusTractWrap ul.circle {
	list-style-type: circle; 
}
.CensusTractWrap li.circle {
	list-style-type: circle; 
}
.CensusTractWrap:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.CensusTract:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.CensusTract{
	margin:0px;
	margin-bottom:0px;
	padding:0px;	
}
.CensusTract .Num{
	margin:0px;
	padding:3px;
	float:left;
	width:10%;
	height: 40px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:1.1em;
	color:#000000;
	text-decoration: none;
	text-align: center;
	border-left:1px dotted #b2c1c6;
}
.CensusTract .Region{
	margin:0px;
	padding:3px;
	border-left:1px dotted #b2c1c6;
	float:left;
	width:50%;
	height: 40px;
	text-align: center;
}
.CensusTract .Rank{
	margin:0px;
	padding:3px;
	border-left:1px dotted #b2c1c6;
	float:left;
	width:15%;
	height: 40px;
	text-align: center;
}
.CensusTract .Docs{
	margin:0px;
	padding:3px;
	border-left:1px dotted #b2c1c6;
	float:left;
	width:20%;
	height: 40px;
	text-align: center;
}

