/* @group Page tags */

body {
	background: #EDDFB2;
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", Helvetica;
}
abbr {
	text-decoration: none;
	border: none;
}
#page {
	background: #fff url(images/pagebackground.png) repeat-x 0 11.6em;
	width: 80em;
	margin: 0 auto;
}
#page.bigheader {
	background: #fff url(images/pagebackground.png) repeat-x 0 39.3em;
}

/* @end */

/* @group Header */

#header h1 {
	color: #6783E5;
	*font-size:200%; /* fix for IE default font sizing */
	margin: 0px;
	padding: .25em;
	*padding-bottom: 1em;
}
#header h1 img {
	float: left;
	margin-right: 1em;
	margin-left: 1.5em;
}
#header h1 span {
	font-size: 70%;
	font-weight: normal;
	font-style: normal;
	display: block;
	color: #909090;
	width: 38em;
	*width:30em; /* IE box model problems I believe make this necessary */
	text-align: center;
}

#header h1 img.headerimage {
	height: 4.25em;
	margin: -.5em -.25em -.5em 0em;
	float: right;
}

#header #nav {
	list-style: none;
	background: #6783e5;
	color: #fff;
	float: left;
	width: 70em;
	padding: 0px 5em;
	border-bottom: solid 1px #fff;
	margin-bottom: 0px;
	*margin-left: 0px; /* IE throws some extra margin here */
}
#header #nav li {
	display: block;
	float: left;
	font-size: 130%;
	padding: 1em 0em;
	letter-spacing: .16em;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	margin-left: -1px;
}
#header #nav li a {
	padding: 1em 1.5em;
	color: #fff;
	text-decoration: none;
}
#header #nav li a:hover {
	background: #566fc2;
}
#header #nav li.current {
	background: url(images/currentarrow.png) no-repeat center bottom;
}
#header #nav li.current a:hover {
	background: none;
}
#header #subhead {
	background: #6783e5;
	font-size: 125%;
	font-weight: normal;
	color: #fff;
	letter-spacing: .16em;
	line-height: 1.2em;
	padding: 1em 2em 1em 1em;
	margin-bottom: 0px;
	height: 20.3em;
	clear: both;
	text-indent: 1em;
	text-align: justify;
}
#header #subhead a {
	color: #fff;
}

#header #subhead img {
	float: left;
	margin-left: 3em;
	margin-right: 2em;
	margin-top: -1em;
	height: 22.2em;
}
#header #subhead p {
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}

/* @end */

/* @group Main div attributes */

#main {
	background: url(images/mainbackground.png) no-repeat top left;
	width: 68em;
	margin: 0 4em;
	padding: 0px 2em;
	clear: both;
	float: left;
}

#main li span {
	color: #606060 ;
	display: block;
	padding-left: .5em;
	line-height: 1em;
	margin-bottom: .25em;
}

#main h2 {
	color: #d82f00;
	margin-bottom: 2em;
	*margin-top:1em; /* some margin and size fixes for IE */
	*font-size: 150%;
}

#main i {
	font-weight: bold;
}
#main h4, #main h3 {
	color: #6783e5;
	font-size: 160%;
	margin-bottom: 0em;
}
#main p, #main ul {
	font-size: 130%;
	line-height: 1.35em;
}
#main ul {
	padding-left: 1.5em;
	*padding-left: 0px;
}

/* @end */

/* @group Two column */

.twocolumn .leftcolumn {
	float: left;
	width: 30em;
	padding: 0em 0em 1em 0em;
	*display:block; /* trying to fix some float problems, this may or may not work */
}
.twocolumn .rightcolumn {
	float: right;
	width: 30em;
	padding: 0em 0em 1em 0em;
}

.twocolumn ul li {
	margin-bottom: .75em;
}

/* @end */

.singlecolumn {
	float: left;
	width: 68em;
	margin-bottom: 1em;
}

/* @group Three column */

.threecolumn .singlecolumn {
	clear: right;
	width: 100%;
	text-align: left;
	margin-bottom: 1em;
	*clear:both; /* more float fixes, boy is IE7 still screwed up in the float area */
	*margin-top: 0em;
	*float:none;
	*display:inline;
	*height:1%;
}
.threecolumn .singlecolumn h3 {
	text-align: center;
	*float:left;
	*clear:both;
	*width:100%;
	*margin: 2em 0em;
	*height: 1%;
}
.threecolumn .leftcolumn {
	float: left;
	width: 15em;
	*clear:left; /* float fixes still */
}
.threecolumn .centercolumn {
	float: left;
	width: 15em;
}
.threecolumn .rightcolumn {
	float: left;
	width: 15.5em;
	*clear:right;
}
#main.threecolumn ul, .threecolumn ul, .threecolumn ul {
	list-style: none;
	*font-size: 120%;
	*margin-top: 2em;
	padding-left: 0px;
	margin-right: 1em;
	margin-left: 1em;
}
.threecolumn li {
	line-height: 1.8em;
	margin-left: 0px;
}
.threecolumn li.professional {
	display: block;
	border: dotted #e2e2e2 1px;
	padding: .25em .5em;
	text-decoration: none;
	color: #404040;
	margin-bottom: .25em;
}
.threecolumn li.professional:hover {
	background: #f4f4f4;
}

.threecolumn li a {
	text-decoration: none;
	color: #5b74cb;
	background: #e2e2e2;
	border: solid 1px #c5c5c5;
	padding: .15em .25em;
	margin-left: 1em;
	margin-top: -.25em;
	*margin-top: -3px;
	font-size: 80%;
	letter-spacing: .11em;
	float:right;
}
.threecolumn li a:hover {
	background-color: #d2d2d2;
	color: #606060;
}

/* @end */

/* @group vcard */

.vcard {
	letter-spacing: .17em;
	font-size: 110%;
	line-height: 1.3em;
	background: #e2e2e2;
	padding: .75em 1em;
	border: 1px solid #c7c8e1;
}
.vcard span {
	display: block;
	margin-bottom: .25em;
}
.vcard .name {
	font-size: 130%;
	font-weight: bold;
}

.vcard .org {
	font-size: 115%;
}
.vcarddownload {
	text-decoration: none;
	font-weight: bold;
	color: #909090;
	display: block;
	width: 15em;
	margin-top: .6em;
	padding: .3em 20px .3em .5em;
	font-size: 100%;
	background: #fff url(http://cnycollaborativepractice.com/images/vcard.jpg) no-repeat right center;
	border: solid #c2c2c2 1px;
}

/* @end */

/* @group Footer */

#footer {
	clear: both;
	background: #6783e5;
	padding: 1em 1.5em;
	*padding: .5em 1.5em 1em 1.5em; /* extra padding fixes */
	display:block;
	margin-top: 1em;
}
#footer p {
	margin: 0px;
	font-size: 110%;
	color: #fff;
}
#footer p a {
	color: #fff;
}

/* @end */