/*  Down Syndrome Network of Montgomery County 
	Website by Red Letter Design, May-June 2006.
	www.RedLetterDesign.net
	
	Main styles sheet.
	
	See also dsnmcUserStyles.css
*/

html, body, div, ul, ol, li, p, h1, h2, h3, h4, h5, h6{ 
	margin: 0;
	padding: 0; 
	border: 0; 
}
html {
	height: 100%; /* forces vertical scrollbars in FF to avoid horizontal shift on short pages */
}


body {
  background-image: url("/wp-content/themes/dsnmc/images/background-interior.jpg");
  background-repeat: repeat-x;
  background-position: center 146px;
	background-repeat: repeat-x;
	background-color: #fff;
	color: #555;
	font-family: Interval,Trebuchet,Trebuchet MS,sans-serif;
	font-size: 13px;
	text-align: center;
	margin: 0;
	min-height: 101%; /* forces vertical scrollbars in FF to avoid horizontal shift on short pages */	
	padding: 0;
}

a {
  color: #0099CC;
  text-decoration: none;
}

div#wrapper {
	position: relative;
	padding: 0;
	width: 960px;
	position: relative;
	margin: 0 auto !important;
	margin: 0;
	text-align: left;
	background-image: url("/wp-content/themes/dsnmc/images/dsnmc-logo.gif");
	background-position: 0 20px;
	background-repeat: no-repeat;
	padding-top: 150px;
}

div#header {
	margin: 0;
	padding: 0;
	background-image:url(../images/canvas_header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width: 760px;
	height: 120px;
}

#primary-nav {
    position: relative;
    z-index: 1000;
}
#primary-nav ul {
    height: 46px;
    margin: 5px 0 0 13px;
}
#primary-nav li {
    display: block;
    float: left;
    position: relative;
}
#primary-nav > ul > li > a {
    background-image: url("/wp-content/themes/dsnmc/images/navigation.png");
    display: block;
    height: 46px;
    overflow: hidden;
    text-indent: -999px;
}
#primary-nav .about-us a {
    background-position: -13px -58px;
    width: 121px;
}
#primary-nav .join a {
    background-position: -134px -58px;
    width: 71px;
}
#primary-nav .down-syndrome-facts a {
    background-position: -205px -58px;
    width: 267px;
}
#primary-nav .photo-gallery a {
    background-position: -472px -58px;
    width: 176px;
}
#primary-nav .resources a {
    background-position: -648px -58px;
    width: 135px;
}
#primary-nav .events a {
    background-position: -783px -58px;
    width: 97px;
}
#primary-nav li.about-us:hover > a, #primary-nav li.about-us.sfHover > a, #primary-nav li.about-us > a:hover {
    background-position: -13px -111px;
}
#primary-nav li.join:hover > a, #primary-nav li.join.sfHover > a, #primary-nav li.join > a:hover {
    background-position: -134px -111px;
}
#primary-nav li.down-syndrome-facts:hover > a, #primary-nav li.down-syndrome-facts.sfHover > a, #primary-nav li.down-syndrome-facts > a:hover {
    background-position: -205px -111px;
}
#primary-nav li.photo-gallery:hover > a, #primary-nav li.photo-gallery.sfHover > a, #primary-nav li.photo-gallery > a:hover {
    background-position: -472px -111px;
}
#primary-nav li.resources:hover > a, #primary-nav li.resources.sfHover > a, #primary-nav li.resources > a:hover {
    background-position: -648px -111px;
}
#primary-nav li.events:hover > a, #primary-nav li.events.sfHover > a, #primary-nav li.events > a:hover {
    background-position: -783px -111px;
}
#primary-nav .about-us.current_page_item > a, #primary-nav .about-us.current_page_ancestor > a {
    background-position: -13px -164px;
}
#primary-nav .join.current_page_item > a, #primary-nav .join.current_page_ancestor > a {
    background-position: -134px -164px;
}
#primary-nav .down-syndrome-facts.current_page_item > a, #primary-nav .down-syndrome-facts.current_page_ancestor > a {
    background-position: -205px -164px;
}
#primary-nav .photo-gallery.current_page_item > a, #primary-nav .photo-gallery.current_page_ancestor > a {
    background-position: -472px -164px;
}
#primary-nav .resources.current_page_item > a, #primary-nav .resources.current_page_ancestor > a {
    background-position: -648px -164px;
}
#primary-nav .events.current_page_item > a, #primary-nav .events.current_page_ancestor > a {
    background-position: -783px -164px;
}
#primary-nav li ul {
    -moz-border-radius: 0 2px 2px 2px;
    -moz-box-shadow: 1px 2px 3px #333333;
    background: url("http://dsnmc.sleahy-dev.newsig.com/wp-content/themes/dsnmc/css/../images/nav-fade.png") repeat-x scroll left top #75C8E3;
    display: none;
    height: auto;
    margin: 0;
    padding: 7px;
    position: absolute;
    width: 200px;
}
#primary-nav li.events ul {
    -moz-border-radius: 12px 0 12px 12px;
    right: 0;
}
#primary-nav li:hover ul, #primary-nav li.sfHover ul {
    display: block;
}
#primary-nav li li {
    float: none;
    width: auto;
}
#primary-nav li li a {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font: 14px/1.2em Interval,Trebuchet MS,TrecbuchetMS,Trebuchet,sans-serif;
    padding: 6px 5px 2px;
    text-indent: 0;
    width: auto !important;
}
#primary-nav li li a:hover {
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0 0 4px #FFFFFF;
}

#access {
    background: url("/wp-content/themes/dsnmc/images/navigation.png") no-repeat scroll left top transparent;
    height: 53px;
    width: 892px;
    margin-bottom: 40px;
}

div#primary-sidebar {
	width: 250px;
	margin: 0;
	z-index: 100;
	float: left;
	margin-right: 2px;

}

#primary-sidebar .admin-section {
	border: solid 4px #069BCA;
  background-color: #fff;
	 padding: 10px;
}

div#primary-sidebar ul {
	list-style: none;
}
div#primary-sidebar li {
	/*display: inline;
	width: 148px;*/
}

div#primary-sidebar li a {
	display: block;
	width: 140px;
	background-image: url(../images/dsnmcButtons.jpg);
	background-position: top center;
	color: white;
	font-size: 18px;
	text-decoration: none;
	padding: 5px 0 2px 8px;
	}
* html div#primary-sidebar li a  /* this is recognized by IE only */
  {
  width: 148px;  /* total width, only for IE5.x/Win */
  w\idth: 140px; /* content width for other IE */
  }
div#primary-sidebar li a:hover {
	background-position: top right;
}

div#primary-sidebar li.currentButton a, div#primary-sidebar li.currentButton a:hover {
	background-position: top left;
	color: white;
}

div#primary-sidebar input {
	margin: 5px;
}

#primary-sidebar #searchform {
  padding-left:11px;
  margin-bottom:20px;
}
#primary-sidebar #searchform h2 {
  color:#ffffff;
  margin-bottom:0;
}
#primary-sidebar #searchform input, #primary-sidebar #searchform label {
  color:#999999;
  display:block;
  float:left;
  width:163px;
  height:16px;
  font:12px/16px Trebuchet, TrebuchetMS, "Trebuchet MS", sans-serif;
  padding:9px 5px 6px 9px;
  margin:4px 0 0 0;
  border:none;
  vertical-align:bottom;
}
#primary-sidebar #searchform form {
  position:relative;
  height:40px;
}
#primary-sidebar #searchform label {
  position:absolute;
  color:#999999;
  cursor:text;
  *left:0;
  *top:0;
}
#primary-sidebar #searchform input {
  float:left;
  background:transparent url("/wp-content/themes/dsnmc/images/search.png") no-repeat left top;
  *background:#ffffff;
  *border:1px solid #003366;
}
#primary-sidebar #searchform button {
  display:block;
  float:left;
  margin-left:4px;
  width:55px;
  height:39px;
  overflow:hidden;
  text-indent:999px;
  cursor:pointer;
  border:none;
  background-image:url("/wp-content/themes/dsnmc/images/search.png");
  background-repeat:no-repeat;
  background-position:-177px 0;
  background-color:transparent;
}
#primary-sidebar #searchform button:hover, #primary-sidebar #searchform button.hover { background-position:-232px 0; }
section#calendar h2, section#calendar p { margin-left:5px; }
#primary-sidebar .box a.more {
  position:static;
  text-align:right;
  margin:9px 5px 3px;
}
#infoline img {
  position:absolute;
  bottom:3px;
  left:3px;
  z-index:550;
}
#infoline div { margin-left:80px; }
#infoline strong {
  color:#000000;
  font-size:140%;
  display:block;
  margin-bottom:0.3em;
}

div#wrapper div#primary-sidebar li#infoline h2 {
	color:#003366;
  font-size:16px;
  font-weight:bold;
  margin-bottom:0.5em;
	margin-top: 0;
}

.box, section#signup {
  background:transparent;
  padding:14px;
  position:relative;
  margin-bottom:18px;
}
.box div {
  position:relative;
  z-index:500;
}
.box div.widget_dsnmceventwidget, .box div.widget_dsnmceventwidget div { position:static; }
.box span.vedge {
  position:absolute;
  background-image:url("/wp-content/themes/dsnmc/images/box-vert.png");
  background-repeat:repeat-y;
}
.box span.hedge {
  position:absolute;
  background-image:url("/wp-content/themes/dsnmc/images/box-horiz.png");
  background-repeat:repeat-x;
}
.box span.corner {
  background-image:url("/wp-content/themes/dsnmc/images/box-corners.png");
  background-repeat:none;
  position:absolute;
}
.box span.ul {
  width:23px;
  height:24px;
  top:0;
  left:0;
}
.box span.top {
  left:23px;
  right:17px;
  height:24px;
  top:0;
}
.box span.ur {
  width:17px;
  height:24px;
  background-position:-23px 0;
  top:0;
  right:0;
}
.box span.right {
  top:24px;
  bottom:16px;
  width:17px;
  background-position:-23px 0;
  right:0;
}
.box span.lr {
  width:17px;
  height:16px;
  background-position:-23px -24px;
  right:0;
  bottom:0;
}
.box span.bottom {
  left:23px;
  right:17px;
  height:16px;
  background-position:0 -24px;
  bottom:0;
}
.box span.ll {
  width:23px;
  height:16px;
  background-position:0 -24px;
  left:0;
  bottom:0;
}
.box span.left {
  top:24px;
  bottom:16px;
  width:23px;
  left:0;
}
.box span.bkgnd {
  position:absolute;
  top:6px;
  right:6px;
  bottom:6px;
  left:6px;
  background:#ffffff;
}
body.home p {
  font-size:12px;
  line-height:17px;
}
a.more {
  font:10px/1em Trebuchet MS, TrebuchetMS, Trebuchet, sans-serif;
  letter-spacing:0.1em;
  display:block;
  display:inline-block;
  background-image:url("/wp-content/themes/dsnmc/images/carat.png");
  background-repeat:no-repeat;
  background-position:right top;
  padding-right:12px;
  text-transform:uppercase;
  height:10px;
  overflow:hidden;
  cursor:pointer;
}
.box a.more {
  position:absolute;
  bottom:20px;
  right:30px;
  z-index:200;
}



div#content div#rightsidebox {
	float: right;
	width: 180px;
	position: relative;
	left: 10px;
	margin: 0 0px 10px 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid black;
	
	
}	

div#content div#rightsidebox h1 {
	background-image:url(../images/rightside_top.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	color: white;
	text-align: center;
	padding: 130px 0 10px 0;
	margin: 0 0 0 0;
	display: block;
}
div#wrapper div#primary-sidebar h2,
div#content div#rightsidebox h2 {
	font-size: 14px;
	font-weight: bold;
	text-indent: 0;
	margin: 15px 5px 0 5px;
}	
div#wrapper div#primary-sidebar p,
div#content div#rightsidebox p {
	font-size: 12px;
	text-indent: 0;
	margin: 0 5px 5px 5px;
}
div#content div#rightsidebox li {
	font-size: 12px;
	margin: 0 5px 5px 5px;
}	
div#content div#subNav {
	float: left;
	width: 100%;
	padding: 0;
/*	background-image: url(../images/subNavBkgd.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-image: url(../images/subNavBorderBottom.gif);*/
	background-position: bottom;
	background-repeat: repeat-x;	
	border-bottom: 4px solid #003366;
}
div#content div#subNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#content div#subNav li {
	float: left;
	padding: 0 0 0 10px;
	margin: 0 0px 0 0;
	/*background-image: url(../images/dsnmcTab1.jpg);*/
	background-position: top left;
	border-bottom: 1px solid black;
  background-color: #E9E9E9;
}
div#content div#subNav li a {
	display: block;
	color: #0397d6;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	padding: 4px 12px 0 0;
	text-decoration: none;
	/*background-image: url(../images/dsnmcTab1.jpg);*/
	background-position: top right;	
}
div#content div#subNav li.currentTab {
	/*background-image: url(../images/dsnmcTab2.jpg);*/
  background-color: #003366;
  color: #fff;
  font-weight: bold;
	background-position: top left;	
	border-bottom: 1px solid #003366;
}
div#content div#subNav li.currentTab a {
	/*background-image: url(../images/dsnmcTab2.jpg);*/
	background-position: top right;	
	color: white;	
/*	padding-bottom: 1px;*/
}

div#content div#subNav li a:hover {
	color: #FFCC99;
	text-decoration: underline;	
}

div#content div#subNav li.currentTab a:hover {
	color: white;
	text-decoration: none;
}
div.cleardiv {
	clear: both;
	width: 100%;
	font-size: 0em;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

div#content {
	width: 582px;  /* 760 total - left and right padding */
	margin: 0 0 0 0;
	float: left;
	padding: 20px 35px;
	background: url("/wp-content/themes/dsnmc/images/content-bkgnd.png") repeat-y scroll center top transparent;
}
* html div#content  /* this is recognized by IE only */
  {
  width: 760px;  /* total width, only for IE5.x/Win */
  w\idth: 570px; /* content width for other IE */
	height: 900px;
  }
  
div#content.picbar {  /* alternate image for home page */
	background-image: url(../images/canvas_header_front.jpg);
	padding-top: 220px;
}


div#content ul, div#content ol{
	list-style-position: inside;
	padding-top: 5px;
}
div#content li {
	margin-bottom: 10px;
}


div#content h1 {
	color: #003366;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
}


div#content h2 {
	color: #000099;
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0 5px 0;
}
div#content p {
	font-size: 12px;
	margin: 0 0 15px 0;
	line-height: 1.4;
	text-indent: 0;	
	
}

div#footer {
    clear: both;
    color: #666666;
    margin: 30px 75px 20px;
    width: 830px;
}

#footer p strong {
    font-size: 150%;
    font-weight: normal;
}
#footer small {
    float: right;
    font-size: 92.3%;
}

strong {
	font-weight: bold;
}
div#bottomlinks a {
	font-size: 12px;
}
div#bottomlinks p {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 12px;
	text-indent: 0;
}
.loggedin {
	font-size: 12px;
	padding: 10px 5px 0px 5px;
	margin: 0;
	color: #000099;
}
div#content div.dataGroup {
	/*background-image: url(../images/dsnmcDataDivs.jpg);
	background-repeat: repeat-x;                         */
	background-color: #e9e9e9;
	border: 1px solid #CCCCCC;
	margin: 5px 0 0 0;
	padding: 5px;
	clear: both;

}

div#content p.dataGroupHdr {
	font-weight: bold;
	text-indent: 0px;	
	margin: 0;
	padding: 0;
}
div#content p.dataGroupHdr .dataGroupHdrNote{
	font-weight: normal;
	font-style: italic;
	padding-left: 10px;	
}
div#content p.dataGroupHdr .dataGroupHdr2 {
	font-weight: bold;
	font-size: 12px;
}
div#content p.dataGroupHdr .dataGroupHdrSmall {
	font-weight: normal;
	font-size: 11px;
}

div#content p.dataGroupDetail {
	font-size: 12px;
	border-top: 1px solid #CCCCCC;
	text-indent: 0px;	
	margin: 3px 0 0 20px;
	padding: 0;
}
div#content p.dataGroupDetail2 {
	font-size: 12px;
	border-top: 1px solid #CCCCCC;
	text-indent: 0px;	
	margin: 3px 0 0 40px;
	padding: 0;
}
div#content p.dataGroupDetail2 strong {
	font-weight: bold;
	color: black;
}
div#content p.dataGroupDetail .dataGroupDetailnote {
	font-style: italic;
	border-top: none;
	font-size: 12px;
}
div#content p.filterDetail {
	font-size: 12px;
	border-top: 1px solid #CCCCCC;
	text-indent: 0px;	
	margin: 3px 0 0 10px;
	padding: 0;
}
div#content p.filterDetail strong {
	font-weight: bold;
	color: black;
}
div#content div.dataGroupLinks {
	float: right;
	width: 40%;
}
div#content div.dataGroupLinks a,
div#content div.dataGroupLinks a:link,
div#content div.dataGroupLinks a:visited {
	font-weight: bold;
	font-size: 12px;
	font-variant: small-caps;
	color: #0000CC;
}
div#content div.dataGroupLinks a:hover {
	color: #CC0000;
}
div#content div.dataGroupLinks input {
	font-size: 12px;
	float: right;
	margin: 0 0 0 10px;
}
div#content div.dataRowLinks {
	float: left;
}
div#content div.dataRowLinks input {
	font-size: 12px;
	float: left;
	margin: 0 5px 0 0 ;
}
div#content div.editPane {
	background-repeat: repeat-x;
	background-color: #e9e9e9;
	border: 1px solid #003366;
	margin: 5px 0 0 0;
	padding: 5px;
	clear: both;

}

div#content div.editPane p.contactLabel {
	font-size: 12px; margin: 0; padding: 10px 0 0 0;

}

table.dataEntry th {
	text-align: right;
	color: #000099;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
	border-top: 1px solid #999999;	
}
table.dataEntry td {
	text-align: left;
	color: black;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	border-top: 1px solid #999999;
}
table.dataEntry tr.formSubRow th,
table.dataEntry tr.formSubRow td {
	border-top: none;
}
input.dsnButton {
	font-size: 12px;
}
input.dsnBigButton {
	font-size: 14px;
}
.fieldHint {
	font-size: 10px;
	color: blue;
}
.askPublish {
	font-size: 10px;
	font-weight: bold;
	color: #000099;
	position: relative;
	top: -2px;
}
form.searchParamForm {
	margin: 0;
	padding: 0;
}
table.searchParams {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
td.searchType {
	text-align: right;
	font-size: 12px;
}
input.searchSubmit {
	width: 30%;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-align: left;
}
table.contactForm td {  	
	font-size: 12px;
	font-weight: normal;
	text-align: left;	
}
table.contactForm th {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}
.warning {
	color: #cc0000;
	font-weight: bold;
	font-size: 10px;
}
div#content p.thankyou {
	color: #0000cc;
	font-weight: normal;
	font-style: italic;
	text-indent: 0;
	}
div#content p.contactInfo {
	margin: 0 0 10px 0;
	font-size: 12px;
	text-indent: 0;
}
.searchParamTable td {
	border: 1px solid #999999;
	/*background-image:url(../images/dsnmcEditPane.jpg);*/
}
label.minorLabel {
	font-size: 10px;
	position: relative;
	top: -2px;
	margin-right: 5px;
	}
table.dataDisplay th {
	font-weight: bold;
	border-bottom: 1px solid #333333;
	font-size: 12px;
}
table.dataDisplay td {
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
}
table.dataDisplay td span.comments {
	font-size: 10px;
}
table.dataDisplay td.centered {
	text-align: center;
}
table.dataDisplay td.rightCell,
table.dataDisplay th.rightCell {
	text-align: right;
}
table.dataDisplay td.editRow {
	background-image: url(../images/dsnmcEditPane.jpg);
	border: 1px solid #CC0000;
	padding: 0;
	margin: 0;
}
table.editWithinRow td {
	font-size: 12px;
}
table.editWithinRow th {
	font-size: 12px;
	text-align: right;
	border-bottom: 1px solid #cccccc;
}
form.tightForm {
	padding: 0;
	margin: 0;
}
.notation {
	font-size: 10px;
	color: #666666;
}
.finePrint {
	font-size: 10px;
	color: #666666;
	margin: 0;
	padding: 0;
}

/* Typography Classes */
.retMessage			  { font-weight: bold; color: #2656b9; }