/* CSS Document */
@import url(content.css);
@import url(forms.css);
body {font: 76%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #fff; color:#000; text-align:center;}


/* some defaults */
* {margin:0; padding:0;}
img, fieldset {border:none;}
p.skip {display:none;}
.clearfix:after, div#contentholder:after, div#header:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* end */

/* links */
a, a:visited {color:#06C; text-decoration:none;}
a:hover {color:#06C; text-decoration:underline;}
a {outline:none;}
/* end links */

/* general layout rules */
div#header {background:url(../assets/header-bg.png) repeat-x #377ecc;}
div#headerinner {margin:0 auto; text-align:left; width:940px;}
div#contentholder {margin:0 auto; text-align:left; width:940px; background:#fff; padding:18px 0 18px 0;}
div#content {float:left; margin:0 0 0 0; padding:0; display:inline; width:714px;}
div#right {float:left; margin:0 0 0 16px; display:inline; padding:0; display:inline; width:210px;}

.popup div#content {text-align:left; padding:20px; width:500px; w\idth:460px;}
/* end general layout rules */

/* logo area */
div#logo {float:left; width:160px; padding:10px 0 10px 0;}
div#logo h1 {margin:0;}
div#logo h1 a {display:block; text-indent:-999em; width:105px; height:135px; background:url(../assets/logo.png) no-repeat; font-size:1.5em; font-weight:normal;}
/* end logo area */

/* primary navigation */
div#nav {float:left; width:780px; padding:119px 0 0 0; background:url(../assets/st-johns.png) no-repeat 0 50px;}
div#nav ul {margin:0; padding:0; list-style:none; font-size:.92em;}
div#nav li {float:left; display:inline; background:url(../assets/nav/right.png) no-repeat 100% 2px; margin:0 12px 0 9px; padding:0; text-align:center;}
div#nav li a {float:left; display:block; position:relative; left:-9px; margin-right:-9px; width:.1em; background:url(../assets/nav/left.png) no-repeat 0 2px; padding:8px 30px 6px 30px; text-decoration:none; line-height:1; color:#000; white-space:nowrap;}
div#nav > ul a {width:auto;}
/* hover */
div#nav a:hover {color:#fff;}
div#nav li:hover,
div#nav ul li.sfhover {background-position:100% 0px;}
div#nav li:hover a,
div#nav ul li.sfhover a {background-position:0 0px;}
/* active state */
div#nav li.active, div#nav li.active:hover, div#nav ul li.sfhover.active {background-position:100% -150px;}
div#nav li.active a, div#nav li.active a:hover {background-position:0 -150px; color:#000;}
/* end primary navigation */

/* member action on homepage */
div.memberaction {float:left; clear:left; background-image:url(../assets/warning.png); background-position:20px 6px; background-repeat:no-repeat; background-color:#E8F1FB; margin:0 0 10px 0; padding:10px 10px 15px 90px; width:714px; w\idth:614px; border-top:1px solid #9EC4EE; border-bottom:1px solid #9EC4EE;}
div.memberaction h5 {margin:0 0 4px 0;}
div.memberaction p {margin:0;}
/* end member action on homepage */

/* case study index */
div#csindex {}
div#csindex h4 {font-size:.92em; color:#808080; margin:0;}
div#csindex p {margin:0 0 20px 0;}
/* end case study index */

/* comments */
div.comment {background:#e8f1fb; padding: 10px 10px 0 10px; float:left; margin:0 0 10px 0; width:714px; w\idth:694px;}
div.comment p span {color:#666; font-size:.92em;}
div.complain {float:right; font-size:.92em;}
div.complain a {text-decoration:none;}
div.complain a:hover {text-decoration:underline;}
/* end comments */

/* member profile */
div#profile {float:left; margin:10px 0; width:714px;}
div#profile img {float:right; margin:0px 10px 10px 20px; border:1px solid #9EC4EE;}
div#profile dl {width:480px;}
div#profile dt {width:180px;}
div#profile dd {width:300px;}
div#profile p a.button {clear:left; background:#06C; padding: 2px 10px 4px 10px; margin:10px 0 0 0; color:#fff; float:left; text-decoration:none; font-weight:bold;}
/* end member profile */

/* disputed comments */
div.complaint {float:left; margin:10px 0; border-bottom:1px solid #9EC4EE;}
* + html div.complaint {padding-bottom:10px;}
div.complaint dl {width:714px; margin-bottom: 6px; line-height:1.4;}
div.complaint dt {width:180px; margin-bottom: 6px;}
div.complaint dd {width:534px; margin-bottom: 6px;}
/* end disputed comments */

/* member list */
div.a-z {float:left; width:702px;}
div#content div.a-z ul {float:left; margin:0 0 0 -7px; width:702px;}
div#content div.a-z ul li {float:left; list-style-type:none; line-height:normal; padding:10px 0; font-size:1.4em; margin:0; text-align:center; width:27px; color:#808080;}
div.a-z ul li a {float:left; padding:0; text-decoration:none; display:block; width:27px;}
div.a-z ul li.active a {background:#fff; color:#484848;}
div.a-z ul li a:hover {background:#fff; text-decoration:underline;}

div#memberlist {float:left; margin:20px 0 10px 0;}
div#memberlist h3 {margin:0; width:50px; float:left;}
div#content div#memberlist ul {margin:0; padding:0 0 10px 0; width:652px; float:left;}
div#content div#memberlist ul li {list-style-type:none; margin:0; float:left; line-height: 1.1; padding: 3px 0 3px 0; width:652px;}

div#memberlist div.line {width:702px; border-bottom:1px solid #9EC4EE; margin:0 0 10px 0;}
/* end member list */


/*** right hand column ***/
/* login form */
div#login {float:left; background:#e8f1fb; border-top:1px solid #9ec4ee;  border-bottom:1px solid #9ec4ee; padding:10px 20px 10px 20px; margin:0 0 0 0; width:210px; w\idth:170px;}
div#login form {float:left; width:170px;}
div#login h5 {font-size:1em; margin:0 0 6px 0; font-weight:bold;}
div#login p {float:left; font-size:.92em; margin:4px 0 0 0; line-height:1.1;}
div#login p a {text-decoration:none;}
div#login p a:hover {text-decoration:underline;}
div#login label {width:168px; float:left; margin:0 0 0 0; font-size:.92em;}
div#login input {width:168px; float:left; margin:0 0 4px 0; padding:2px 0; border: 1px solid #cecece; background:#fff;}
div#login input.button {width:auto; float:right; margin:4px 0 0 0; padding:3px 3px; border:none; background:#2e82d5; color:#fff; cursor:pointer;}
/* end login form */

/* sub navigation */
div#subnav {float:left; background:#e8f1fb; border-top:1px solid #9ec4ee;  border-bottom:1px solid #9ec4ee; padding:0px; margin:0 0 0 0; width:210px;}
div#subnav h4 {margin:10px 6px 0 14px; font-weight:bold;}
div#subnav h5 {border-top:1px solid #9ec4ee; padding:8px 6px 0 14px; margin:0; font-weight:bold;}
div#subnav ul {margin:2px 6px 10px 14px;}
div#subnav ul li {list-style-type:none; line-height:1.1; padding:3px 0;}
div#subnav ul li.active a {color:#808080; text-decoration:none;}
/* end sub navigation */

/* right hand CTAs */
div#right h6 {float:left; font-size:1.6em; margin:14px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:1.2;}
div#right h6 a {display:block; border:1px solid #5d9edf; color:#5d9edf; padding:4px 8px; text-decoration:none;}
div#right h6 a:hover {background:#5d9edf; color:#fff; text-decoration:none;}
/* end right hand CTAs */
/*** end right hand column ***/

/* thumbnails in case study */
div#thumbnails {width:154px; float:right; margin:6px 0 20px 30px;}
div#thumbnails p {font-size:.92em; margin:0 0 4px 0; color:#666;}
div#thumbnails a img {border:2px solid #fff;}
div#thumbnails a:hover img {border:2px solid #06C;}

div.image {float:left; margin:0 0 10px 0;text-align:center; font-size:.92em;}
div.image a {text-decoration:none; width:154px; display:block;}
div.image img {margin:0 0 2px 0; float:left;}


/* toolbar */
div#toolbar {float:left; border:1px solid #9ec4ee; padding:0; margin:30px 0 0 0; width:712px;}
div#content div#toolbar ul {float:left; padding:0; margin:0; font-size:.92em; display:inline;}
div#content div#toolbar ul li {float:left; list-style-type:none; margin:0; width:178px; line-height:1.1; background-position:18px 6px; background-repeat:no-repeat; display:inline;}
div#toolbar ul li a {padding:18px 0 18px 78px; width:178px; w\idth:100px; display:block; text-decoration:none;}
div#toolbar ul li a:hover {text-decoration:underline;}
div#toolbar ul li.events {background-image:url(../assets/toolbar-events.png);}
div#toolbar ul li.join {background-image:url(../assets/toolbar-join.png);}
div#toolbar ul li.case-study {background-image:url(../assets/toolbar-case-study.png);}
div#toolbar ul li.contact {background-image:url(../assets/toolbar-contact.png);}
/* end toolbar */

/* footer */
div#footer {font-size:1em; margin:0 auto 0 auto; text-align:left; width:940px; padding:0 0 20px 0;}
div#footer a {}
div#footer p {margin:10px 0 10px 0;}
/* end footer */