/*
	Alzheimer's Association, MN-ND Chapter, Master Stylesheet for screen media
	All XHTML/CSS code on this site unless otherwise mentioned is covered by this Creative Commons License:

		Attribution-ShareAlike License
		http://creativecommons.org/licenses/by-sa/2.0/

	Author: Livefront (livefront.com)
	Last Updated: 22 December 2008
*/


/* --------------------------------- Global --------------------------------- */
/* -------------------------------------------------------------------------- */
#content-wrapped * {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	color: #000;
	line-height: 1.4em;
}

#content-wrapped {
	margin: 10px 0;
	font-weight: normal;
}

#content-wrapped ul {
	list-style: none;
}


/* --------------------------------- Content --------------------------------- */
/* ---------------------------------------------------------------------------- */

#content-wrapped img {
	padding-top: 10px;
}

#content-wrapped h3 {
	margin: 0;
	padding: 15px 0 0 0;
	font-size: 17px;
	letter-spacing: -0.5px;
	color: #369;
}

#content-wrapped h3 a {
	color: #369;
}

#content-wrapped h4 {
	padding-top: 5px;
	font-size: 14px;
	color: #6E4576;
	letter-spacing: -0.5px;
}
#content-wrapped h4 a {
	font-size: 14px;
	color: #6E4576;
}

#content-wrapped p {
	padding-bottom: 10px;
}

#content-wrapped p.top, #content-wrapped p.top a {
	float: right;
	color: #59741d;
}

#content-wrapped p.top a:hover {
	border-bottom: 1px solid #fff;
}

#content-wrapped p.small {
	font-size: 11px;
}

#content-wrapped div.callout {
	padding: 5px 10px;
	margin-bottom: 20px;
	border: 1px solid #59741d;
	background-color: #ddd;
}

#content-wrapped ul {
	margin-bottom: 10px;
}

#content-wrapped ul li {
	padding: 5px 0 5px 15px;
	background: url(/images/arrow-black.gif) 0 11px no-repeat;
}

#content-wrapped a {
	color: #000;
	text-decoration: underline;
}

#content-wrapped a:hover {
	color: #369;
}

#content-wrapped ul li span, #content-wrapped  ul li span a {
	font-weight: bold;
	color: #6e4576;
}

#content-wrapped  fieldset {
	border: 1px solid #ddd;
}

#content-wrapped legend {
	margin: 0 5px;
	color: #6e4576;
	font-weight: bold;
	font-size: 12px;
}

#content-wrapped fieldset ol li {
	padding: 0;
}

#content-wrapped ol {
	padding: 10px 0 10px 35px;
}

#content-wrapped ol li {
	padding-bottom: 15px;
}

#content-wrapped li span {
	font-weight: bold;
	color: #6e4576;
	font-size: 13px;
}

#content-wrapped blockquote {
	padding: 0 0 10px 40px;
}

#content-wrapped dl dt {
	padding-top: 8px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -0.5px;
}



/* --------------------------- Registration Calendar ------------------------- */
/* ---------------------------------------------------------------------------- */
#content-wrapped #calendar {
	float: left;
	padding-bottom: 20px;
	width: 100%;
}

#content-wrapped #calendar fieldset {
	width: 100%;
	float: left;
	background-color: #eee;
	border: 0;
	padding: 10px 0;
}

#content-wrapped #calendar label {
	float: left;
	margin-left: 10px;
	width: 100px;
}

#content-wrapped #calendar input {
	margin-bottom: 7px;
}

#content-wrapped #calendar select {
	margin-right: 1px;
}

#content-wrapped #calendar #submit {
	margin-left: 10px;
	margin-bottom: 0;
}

#content-wrapped #calendar h3 {
	clear: left;
	float: left;
	margin-left: 10px;
}

#content-wrapped #calendar p {
	float: left;
	margin-left: 10px;
	font-size: 13px;
}
#content-wrapped #calendar p strong,
#content-wrapped #calendar p span { font-size: 13px; }

#content-wrapped #calendar fieldset#calendarinfo {
	float: left;
	margin: 0;
}
#content-wrapped #calendar fieldset#calendarinfo p {
	margin-left: 10px;
	margin-bottom: 0;
	padding: 0;
	color: #d1a56f;
}
#content-wrapped #calendar fieldset#calendarinfo span {
	color: #9d3900;
}
#content-wrapped #calendar fieldset#calendarinfo p a {
	color: #d1a56f;
	text-decoration: underline;
}
#content-wrapped #calendar fieldset#calendarinfo p a:hover {
	color: #9d3900;
}

#content-wrapped #calendar .day {
	margin: 5px 0 20px 10px;
	border: 1px solid #ddd;
	width: 438px;
	float: left;
	clear: both;
	background: url(../images/bg-day.gif) top left repeat-y;
}

#content-wrapped #calendar .day span {
	width: 35px;
	height: 35px;
	background-color: #6F4577;	
	text-align: center;
	margin: 0;
	float: left;
}

#content-wrapped #calendar .day span h3 {
	margin: 0;
	padding: 11px 0 0 0;
	color: #fff;
}

#content-wrapped #calendar .day ul {
	float: left;
	width: 400px;
}

#content-wrapped #calendar .day ul li {
	background: none;
}

#content-wrapped #calendar .day ul li a{
	text-decoration: underline;
}

#content-wrapped #calendar .day p {
	float: none;
	color: #369;
	padding: 0;
	margin: 0;
}

#content-wrapped #calendar .day p.notice {
	color: red;
	font-weight: bold;
}

#content-wrapped #calendar .day p.notice a{
	color: red;
}

#content-wrapped #class-detail {
	width: 300px;
	float: left;
	padding: 0 5px 0 0;
}
#content-wrapped #class-detail h3 {
	color: #6E4576;
}

#content-wrapped #class-detail h4 {
	color: #CF4A0E;
	font-weight: normal;
}

#content-wrapped #class-register {
	float: left;
	width: 300px;
	margin-left: 110px;
}

#content-wrapped #class-register form {
	background-color: #DCDADB;
	padding: 5px 0 15px 15px;
	margin-top: 8px;
	margin-bottom: 20px;
}

#content-wrapped #class-register #submit {
	margin-top: 10px;
}

#content-wrapped #class-register label.hidden {
	display: none;
}

#content-wrapped #class-register span {
	color: #CF4A0E;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: .03em;
}

#content-wrapped #class-register h3 {
	color: #6E4576;
}

#content-wrapped #class-register p {
	margin-top: 6px;
}

#content-wrapped #class-register p.notice {
	color: #CF4A0E;
}

#content-wrapped #calendar form a {
	clear: left;
	display: block;
}

#content-wrapped #calendar #tabs {
	margin: 10px 0 7px 0;
}
#content-wrapped #calendar #tabs li {
	float: left;
	margin: 0;
	padding: 8px 0;
	display: inline;
	background: none;
}
#content-wrapped #calendar #tabs li.active {
	font-weight: bold;
	background-color: #eee;
}
#content-wrapped #calendar #tabs li a {
	margin: 0 8px;
	color: #6e4576;
	text-decoration: underline;
}
#content-wrapped #calendar #tabs li a:hover {
	color: #369;
}
#content-wrapped #calendar #tabs li.active a {
	text-decoration: none;
}

#content-wrapped #calendar #allclasses {
	float: left;
	width: 100%;
	height: 35px;
	background: transparent url(/images/classes-viewall-top.gif) left top repeat-x;
}

/*	Support Groups */
#content-wrapped #calendar div.group { 
	float: left; 
	clear: both; 
	width: 100%;
	margin-bottom: 10px;
	}
#content-wrapped #calendar div.group h3 {
	float: none;
	border-bottom: 1px solid #336699;
}
#content-wrapped #calendar div.group p { 
	clear: left; 
	padding: 0; 
	}
	#content-wrapped #calendar div.group p span { color: #6e4576; }

#content-wrapped #calendar .codes {
	clear: left;
	float: left;
	margin: 20px 0 0 10px;
}
#content-wrapped #calendar .codes p {
	clear: left;
	margin: 0;
	padding: 0;
}
#content-wrapped #calendar .codes ul {
	float: left;
	clear: left;
}
#content-wrapped #calendar .codes ul li {
	padding: 0;
	background: none;
	font-size: 10px;
}

/* --------------------------------- Forms --------------------------------- */
/* -------------------------------------------------------------------------- */
#content-wrapped #formed fieldset.float label {
	float: left;
	width: 100px;
	padding-right: 10px;
}

#content-wrapped #formed fieldset.wide label {
	width: 140px;
}

#content-wrapped #formed fieldset.float p.nofloat label {
	float: none;
	width: auto;
	padding: 0;
}

#content-wrapped #formed fieldset {
	padding: 10px;
	margin-bottom: 10px;
}

#content-wrapped #formed em {
	font-size: 11px;
}

#content-wrapped  select option {
	padding-right: 8px;
}


/* --------------------------------- Tables --------------------------------- */
/* --------------------------------------------------------------------------- */
#content-wrapped table {
	margin: 10px 0;
	border: 1px solid #ddd;
}

#content-wrapped table td, #content-wrapped table th {
	border: 1px solid #ddd;
	padding: 3px;
	margin: 0;
}
#content-wrapped table caption {
	padding-top: 15px;
	font-size: 16px;
	letter-spacing: -0.5px;
	color: #369;
	text-align: left;
	font-weight: bold;
}

#content-wrapped table.calendar {
	margin-bottom: 20px;
	width: 300px;
}

#content-wrapped table.calendar th {
	width: 55px;
	background-color: #aaa;
	color: #fff;
}

#content-wrapped table.calendar caption {
	padding: 0;
	margin: -3px 0 -10px 0;
	font-size: 13px;
	letter-spacing: -0.5px;
	color: #000;
	text-align: left;
	font-weight: bold;
}

/* Registration form */
#formed table {
	margin-top: 0;
	border: none;
	}
#formed td {
	width: 22px;
	text-align: center;
	}
#formed td.description {
	width: auto;
	border: none;
	text-align: left;
	}
#formed td.description img {
	padding: 0;
	}