@charset "UTF-8";
/* homepage CSS styles for American Camp Association, New England 
Load after global.css stylesheet
modified 090805 TKB */

/* main layout elements ______________________________________________________ */
#header {
	border-bottom:0;
	height:101px;
}
#header img {
	border-bottom:1px solid #bba756;
}
#homeimg {
	float:left;
	height:355px;
	margin:10px 10px 0 10px;
	width:533px;
}
#portals {
	float:left;
	margin:30px 0 0 10px;
	width:220px;				
}
#features {
	background:#fff;
	border-bottom:1px solid #bba756;
	clear:both;
	float:left;
	margin:0;
	padding:10px 0 10px 0;
	width:100%;
}
#features div {
	display:inline;
	float:left;
	margin-left:20px;
	width:136px;
}

/* text styles for home page only ______________________________________________________ */
h1 {
	border:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	margin: 0 0 0.75em 0;
}
h2 {
	border:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	margin: 0 0 0.25em 0;
}
p {
	font-size: 0.8em;
	line-height: 1.3em;
}
#portals a, #features a { font-weight:bold; }
a.public, a.public:link, a.public:visited { color: #006c56; } /* green*/
a.professional, a.professional:link, a.professional:visited  { color: #003479; } /* blue */
a.members, a.members:link, a.members:visited { color: #8b2346; } /* red */

#joinbtn h2 a, #joinbtn h2 a:link, #joinbtn h2 a:visited {
	color:#fff;
	display:block;
	font-size:0.9em;
}
a.public:hover, a.public:active, a.professional:hover, a.professional:active, a.members:hover, a.members:active { 
	color: #bba756; 
}
#portals h1 a:hover, #portals h1 a:active, 
#joinbtn h2 a:hover, #joinbtn h2 a:active {
	color:#e5dbb8;
}
#portals h1 {
	font-size:1em;
	font-weight:normal;
	letter-spacing:0.02em;
	margin:0;
	padding:0.3em 0 0.4em 0;
	text-align:center;
	width:212px;
}
#portals h1 a {
	color:#fff;
	display:block;
}
#portals #publicbtn {
	background: #006c56 url(../images/public_btn_bot.gif) no-repeat bottom left;
	width: 212px;
}
#portals #publicbtn h1 {
	background: url(../images/public_btn_top.gif) no-repeat top left;
}
#portals h2.public {	
	margin: 1em 0 0.9em 0;
	padding:0;
}
#portals p.intro {
	font-size:1em;
	margin:0.5em 0;
}
#portals #profbtn {
	background: #003479 url(../images/pro_btn_bot.gif) no-repeat bottom left;
	width: 212px;
}
#portals #profbtn h1 {
	background: url(../images/pro_btn_top.gif) no-repeat top left;
}
#portals h1.members {
	font-weight:bold;
	margin:0.5em 0 0 0;
	padding:0;
	text-align:left;
}
#portals h2.members {
	margin: 0.25em 0 0 0;
	padding:0;
}
#portals a.hint, #portals a.hint:link, #portals a.hint:visited {
	border-bottom:1px dotted #bba756;
	color:#452d27;
	font-size:0.9em;
	font-weight:normal;
	margin-left:1em;
}
#portals a.hint:hover, #portals a.hint:active {
	border-bottom:1px solid #bba756;
}
#portals p.members {
	font-size:0.7em;
	margin: 1em 0 0.25em 0;
}
#portals p.cta {
	margin:0.75em 1em 0 0;
}
#portals form #username { 
	width:40px; 
}
#portals form #username_label { 
	margin-right:5px;
	width:30px; 
}
#portals form #username_label, #portals form #password_label {
	margin-top:0.25em;
}
#portals #joinbtn {
	background: #8b2346 url(../images/members_btn_bot.gif) no-repeat bottom left;
	margin:0.5em 0 0.5em 0;
	width: 106px;
}
#portals #joinbtn h2 {
	background: url(../images/members_btn_top.gif) no-repeat top left;
	margin:0;
	padding:0.1em 0 0.2em;
	text-align:center;
	width: 106px;
}
#footer p {
	padding-left:0;
	text-align:center;
}