/* 
CSS for InterEd Health http://www.interedhealth.org
Design, XHTML/CSS and Expression Engine CMS integration by Seedlings Studio, http://www.seedlingsstudio.com. 
Copyright 2006-2007. All rights reserved.

Colors and Fonts
Title headers: georgia,times,serif;
Body Text and Small Headers: "Trebuchet MS",verdana,arial,sans-serif;
blue #225577
title / body text - dark gray: #115588
orange #e7874b

Version History:
2007 June 26 ver1.0 live
*/

/* =The Usual ++++++++++ */
* {margin:0;padding:0;}
html,body{height:100%;}
body {font:76%/140% "trebuchet ms",verdana,arial,sans-serif;color:#000;background:#fff;text-align:center;border-top:6px solid #225577;}
h1,h2,h3,h4,p,pre,blockquote,form,fieldset,ul{margin:1em 0;}
p, ol, ul, li {font:1.03em verdana,arial,sans-serif;color:#444;background-color:inherit;line-height:1.25em;padding-top:0.1em;padding-bottom:0.1em;}
li > p {margin-top:0.2em;}
a img,:link img,:visited img, p a img {border:none;text-decoration:none;}   /* remove border from linked img */
.right {float:right;}
.left {float:left;}
.green {color:#00cc33;font-weight:bold;}
.clear {clear:both;height:0;}
hr{clear:both;visibility:hidden;}

/* =HEADERS and MISC. +++++++ */
h1,h2,h3,h4,h5 {font-family: georgia,times,serif;}
h1 a{text-decoration:none;color:#115588;}
h1 {font-size:1.8em;font-weight:normal;margin-top:0em;margin-bottom:0em;letter-spacing:0.01em;line-height:1.1em;}
/* h3{font:1.1em/1.1em normal;padding:8px 0px 6px 0px;} */
h2 {font-size:1.4em;margin:1em 0em 1em 0em;text-transform:none;color:#333;font-weight:bold;font-family:georgia,times,serif;} /* originally h2 and h3 font-size:1.3em */
h3 {font-size:1.25em;color:#333;font-weight:bold;margin:1em 0em 0.5em 0em;letter-spacing:0.05em;text-transform:uppercase;}
h4 {font-size:1.2em;margin:1em 0em 0.5em 0em;font-weight:bold;color:#444;}
h5 {font:1.03em verdana,arial,sans-serif;margin:1em 0em 0.1em 0em;font-weight:bold;color:#444;}
h6 {font:1.01em verdana,arial,sans-serif;margin:1em 0em 0.1em 0em;font-weight:bold;color:#444;}

blockquote p{background-color:#ddd;margin:0;padding:3px 10px 3px 10px;font-style:italic;}
strong, b, .bold {font-weight: bold;}
.upper{text-transform:uppercase;}
.small{font:0.9em arial,sans-serif;font-weight:normal;}
.large{font:1.4em arial,sans-serif;font-weight:bold;}
table{font:1.03em verdana,arial,sans-serif;line-height:1.2em;border-collapse:collapse;}
tr,td{padding:0.1em 0.25em;border:1px solid #999;}

/*=HEADER, PAGE, NAV, ETC +++++++++++ */
.header{margin:0px auto;width:800px;text-align:left;}
.logo {float:left;margin:5px 0px 0px 0px;padding:0;}
.sitetitle{float:left;margin:12px 0 0 22px;padding:0;width:635px;}
.tagline p {float:left;margin:8px 10px 0px 24px;padding:0;text-align:left;font-weight:bold;color:#DF9302;}

#menuBg{height:35px;text-align:left;background:#fff url(../img/top-bg.gif) repeat-x center top;margin-top:5px;}
#menuArea {margin:0px auto;width:800px;text-align:left;}
/* =highlight nav menu +++++++++  */
#home .navHome a, #about .navAbout a, #join .navJoin a,
#resources .navResources a, #contact .navContact a,
#announcements .navNews a {color:#225577;font-weight:bold;background:transparent;padding-bottom:3px;}

#welcomebg{height:196px;text-align:left;background:transparent url(../img/welcome-bg.gif) repeat-x center top;}
#welcomeheader{margin:0px auto;width:800px;text-align:left;}
#welcomeMsg {float:left;width:478px;margin:0px 5px 0px 5px;text-align:left;}
.homeimage{float:right;margin:0px 0px 0px 0px;height:192px;}
/* border-bottom:2px solid #666;border-right:2px solid #666; */

#page{margin:0px auto;width:800px;text-align:left;background-color:#fff;}

/* =Breadcrumbs ++++++++++++ */
#breadcrumbs{padding:6px 0px 6px 0px;margin:0 0 0 7px;width:100%;font:1.05em arial,sans-serif;}
#nextprev {margin:24px 0px 2px 0px;border-bottom:1px solid #ddd;}
#nextprev p{font-size:0.8em;}

/*  =Content Boxes ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.container {width:100%;}
.container a:link,.container a:visited{text-decoration:none;color:#0066FF;}
.container a:hover {text-decoration:underline;color:#0066FF;}

#content {margin:12px 10px 20px 0px;padding:0;float:left;width:580px;text-align:left;}
#sidebar {margin:12px 0px 20px 10px;padding:0;float:right;width:160px;text-align:left;}

/* =Pages +++++++++++++ */
#content h2 {margin:14px 0px 10px 0px;color:#225577;text-transform:uppercase;border-bottom:1px solid #225577;}
#sidebar h2 {margin:14px 0px 10px 0px;color:#225577;text-transform:uppercase;font-size:1.0em;
border-bottom:1px solid #225577;}
#content p {margin:3px 8px 3px 0px;}
#sidebar p {margin:3px 6px 3px 0px;}
#sidebar p{font-size:0.9em;}
#content h3 {margin:15px 14px 15px 0px;padding:10px 0px 5px 0px;border-bottom:1px solid #e7874b;}
#content h4 {margin:15px 14px 6px 0px;padding:5px 0px 3px 0px;}
#content h5 {margin:15px 14px 6px 0px;padding:5px 0px 3px 0px;}

/*=Homepage (++++++++++ */
#homeAnnounce {margin:0px 0px 12px 0px;padding:0px 0px 12px 0px;border-bottom:1px solid #dedede;}
#homeNews {float:left;width:300px;margin-right:8px;}
#homeEvents{float:right;width:270px;}
.homeEntry{padding:6px 0px 4px 0px;}
.homeMoreLink{padding-top:12px;}
#latestArticles {margin:0px 0px 12px 0px;padding:0px 0px 12px 0px;border-bottom:1px solid #dedede;}

/* =ENTRIES +++++++++++++++++++++++ */
.title {font-weight:bold;}
.summary p{font-size:1.0em;padding-top:0;margin-top:0;}
.entry{padding:0;margin:0;margin-bottom:10px;}
 #content .entry h3 {margin:15px 14px 15px 0px;padding:10px 0px 5px 0px;border-bottom:1px solid #e7874b;
 text-transform:none;}

#mainContent .entry h3 {font:1.16em arial,sans-serif;color:#333;font-weight: bold;}
.date{font-size:1.1em;background:transparent;}
.sticky{font:0.85em arial,sans-serif;color:red;background-color:transparent;}

.posted{font:1.0em arial,sans-serif;background:#fff;color:#666;text-transform:none;padding-bottom:11px;}
.paginate {
margin:0;
padding:0;background-color:transparent;
border-top:1px solid #ddd;}
.paginate p {font:1.0em arial,sans-serif;}
.editMe{font:0.9em sans-serif;text-align:left;color:blue;font-weight:normal;
width:70px;background-color:#ddd;border:1px solid #666;}
.icon{display:inline;padding-right:4px;}
.joinus{padding:15px 0px 10px 0px;}

/* =Comments +++++++++++++++++++++++ */
.entry-comments{padding:0;margin:0;margin-bottom:10px;}
.show-comments{padding:0;margin:0;margin-bottom:10px;}
.comment1{border-left:5px solid #225577;padding:5px 0px 0px 10px;margin:5px 0px 5px 0px;}
.comment2{border-left:5px solid #e7874b;padding:5px 0px 0px 10px;margin:5px 0px 5px 0px;}
.commentposted{font-size:1.0em;margin:0;text-transform:none;font-weight:normal;color:#333;}
.comment1 p, .comment2 p {margin-left:0px;}
.comment{font-size:1.0em;padding-top:5px;}

/*  =FOOTER +++++++++++++++++++++++  */
#footerbg{border-bottom:14px solid #225577;margin:0;padding:0;}
#footer{margin:0px auto;width:800px;padding:0;text-align:left;clear:both;background-color:#fff;
margin-bottom:2px;margin-top:8px;border-top:2px solid #225577;}
#footer p{font:0.8em arial,sans-serif;color:#666;background:transparent;text-transform:none;padding:3px 0px 5px 0px;}
.left2 {float:left;text-align:left;}
.right2{float:right;text-align:right;}

/* =Lists +++++++++++++++++++++++ */
#content ul, #content ol {margin:0 2em 2em 2em;padding:3px;}
#content li {list-style:disc outside;font:1.03em verdana,arial,sans-serif;line-height:1.17em;}

#content ul li {}
#content ol li {list-style:decimal outside;}

#content ul ul, #content ol ol {margin:0 2em 0em 2em;}
#content ul ul li {list-style:disc outside;font-size:0.97em;}
#content ol ol li {list-style:decimal outside;font-size:0.97em;}
#content ul ul ul, #content ol ol ol {margin:0 2em 0em 2em;}
#content ul ul ul li {list-style:disc outside;font-size:0.93em;}
#content ol ol ol li {list-style:decimal outside;font-size:0.93em;}
#content ul ul ul ul, #content ol ol ol ol {margin:0 2em 0em 2em;}
#content ul ul u ul li {list-style:disc outside;font-size:0.89em;}
#content ol ol ol li li {list-style:decimal outside;font-size:0.89em;}

/* =Images -------------------  */
/*#content p img{float:right;border:2px solid #999;background-color:#eee;margin:5px 0px 5px 5px;padding:2px 2px 2px 2px;}
*/
#content p.captcha img{float:none;border:0;margin:0;padding:0;}

/* =Search ------------------ */
.input {position:relative;padding:0 0 0 2px;margin-top:0px;margin-bottom:0px;
border-top:1px solid #999;border-left:1px solid #999;
background-color:#fff;color:#666;font:1.1em arial,sans-serif;}

.textarea {color:#000;background-color:#fff;border-top:1px solid #999;border-left:1px solid #999;
font:1.1em arial,sans-serif;margin-top:0px;margin-bottom:0px;}

.checkbox {background-color:transparent;margin:3px;padding:0;border:0;}

.submit {font:0.9em arial,sans-serif;color:#666;background-color:#fff;font-weight:normal;letter-spacing:0.1em;
padding:0px 1px 0px 1px;margin-top:0px;margin-bottom:0px;text-transform:lowercase;}

/*=NAVMENU MAIN +++++++++++++++++++ */
#navmenu a:link, #navmenu a:visited,#navmenu a:hover  {text-decoration:none;color:#fff;}

/* =highlight nav menu +++++++++  */
#home .navHome a, #about .navAbout a, #join .navJoin a, #resources .navResources a, #contact .navContact a,
#news .navNews a {color:#e7874b;font-weight:bold;background:transparent;}

ul#navmenu {padding: 0;margin: 0;border: 0 none;
 float:left;
 width: 800px; /*For KHTML*/
 list-style: none;
 background:transparent;
 margin-top:6px;
 z-index:1000;
}
ul#navmenu li {
 margin: 0;
 border: 0 none;
 padding: 0;
 float: left; /*For Gecko*/
 display: inline;
 list-style: none;
 position: relative;
 height: 24px;
 line-height:1.2em;
 background:transparent;
}
ul#navmenu ul {
 margin: 0;
 border: 0 none;
 padding: 0;
 width: 160px;
 list-style: none;
 display: none;
 position: absolute;
 top: 24px; /* good  setting */
 left: 0;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
 clear: both;
 display: block;
 font: 1px/0px serif;
 content: ".";
 height: 0;
 visibility: hidden;
}
ul#navmenu ul li {
 width: 140px;  /* was 160 */
 float: left; /*For IE 7 lack of compliance*/
 display: block !important;
 display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu a {
 padding: 0 0px;  /* originally:  padding: 0 6px; */
 float: none !important; /*For Opera*/
 float: left; /*For IE*/
 display: block;
background:transparent;
 color: #dedede;
 font: normal 1.2em/1.4em georgia,times,serif;
 text-decoration: none;
 text-transform:uppercase;
 height: auto !important;
 height: 1%; /*For IE*/
 line-height:1.4em;
}

/* added for custom spacing of top menu items */
ul#navmenu .navHome a {padding: 0px 18px 0px 0px;}
ul#navmenu .navAbout a {padding: 0px 28px;}
ul#navmenu .navNews a {padding: 0px 28px;}
ul#navmenu .navResources a {padding: 0px 28px;}
ul#navmenu .navJoin a {padding: 0px 22px;}
ul#navmenu .navContact a {padding: 0px 22px;}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a { background:transparent;
 color:#e7874b;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a { float: none;border:0 none;
color:#dedede;
background:#225577;
font: normal 1.4em/1.5em georgia,times,serif;
text-align:left;
text-transform:none;
padding-left:10px;
padding-right:6px;
  line-height:1.4em;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
color:#e7874b;
background:#225577;
border:0 none;
padding-left:10px;
padding-right:6px;
  line-height:1.4em;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background:#225577;color:#fff;
}


/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background:#225577; /* light orange */
 color: #fff;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
 display: none;
 position: absolute;
 top: 0;
 left: 160px; /* was 160 */
}

/* Widths for the drop down menus, to match top nav */
ul#navmenu .navAbout ul li {width:145px;}
ul#navmenu .navNews ul li {width:160px;margin-left:18px;}
ul#navmenu .navResources ul li {width:144px;margin-left:18px;}
ul#navmenu .navJoin ul li {width:150px;margin-left:18px;}

/* Match the above widths for submenu start position */
ul#navmenu .navAbout ul ul {left:145px;}
ul#navmenu .navNews ul ul {left:160px;}
ul#navmenu .navResources ul ul {left:144px;}
ul#navmenu .navJoin ul ul {left:150px;}

/* 3rd Level Menus - custom widths */
ul#navmenu .navAbout ul li ul li {width:140px;}
ul#navmenu .navResources ul li ul li {width:140px;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
 display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
 display: block;
}

/* =SECONDARY MENU +++++++++++++++++++++++++++ */
ul#secmenu {margin:0;padding:0;border:0 none;
 width: 180px; /*for khtml */
 list-style: none;
 float:right;
 text-transform:lowercase;
 color:#225577;
	background-color:#fff;
 line-height:1.0em;
}

ul#secmenu li {margin:0;padding:0;border:0 none;
 float: left; /* for gecko*/
 display:inline;list-style:none;
 position:relative;
 color:#225577;
 padding-top:4px;
}

/* 1st Level Secondary Menu, top right corner */
ul#secmenu a {
 border: none;
 padding: 0 13px;
 float: none !important; /*For Opera*/
 float: left; /*For IE*/
 display: block;
 background: transparent;
 text-align:left;
 color: #225577;
 font: normal 1.0em/1.3em "Trebuchet MS", arial, helvetica, sans-serif;
 text-decoration: none;
 height: auto !important;
 height: 1%; /*For IE*/
}

ul#secmenu a:hover,
ul#secmenu li:hover a,
ul#secmenu li.iehover a {background:transparent;color:#225577;}

/* 
CSS for InterEd Health http://www.interedhealth.org
Design, XHTML/CSS and Expression Engine CMS integration by Seedlings Studio, http://www.seedlingsstudio.com. 
Copyright 2006-2007 - Seedlings Studio. All rights reserved.
*/

/* if search bar was at the top */
ul#secmenu form {margin:0;padding:0;border:0;padding-bottom:3px;text-transform:lowercase;
 font: normal 1.0em/1.3em "Trebuchet MS", arial, helvetica, sans-serif;}

/* =LivePreview --------------------------------------- */
#LivePreview{border:1px solid #ddd;}
#TextDisplay{font:1.0em arial,sans-serif;}

/* 
Member Registration Form
Form and styling by Seedlings Studio http://www.seedlingsstudio.com 
revision: 2007-08
blue #225577
title / body text - dark gray: #115588
orange #e7874b
*/

#formSection {
 width: 570px;
}

form {color:#333333;}

.formstyle fieldset {
	padding: 1em; 
	border:1px solid #ddd;
	}
.formstyle label {
	float:left;
	width:27%;
	margin-right:0.5em;
	padding-top:0.2em;
	text-align:left;
	font-weight:normal;
	}
	
.formstyle legend {
	padding: 0.2em 0.5em;
	font-weight:bold;
	border:1px solid #333333; 
	color:#333333;
	text-align:left;
	text-transform:uppercase;
	background-color:#ffffff;
	}

/* this needs to go after the above item */	
.formstyle legend.top { 
	color:#333333;
	font-weight:bold;
	text-transform:none;
	}
	
.formstyle label.labelChkbox {
 width:100%;
 float:none;
 text-align:left;
}

.formstyle label.remLength {
 width:100%;
 float:none;
 text-align:left;
}
.formstyle label.terms {font-weight:bold;}


.formstyle ul, .formstyle ul li {
list-style:none;
color:#333;
}

.formstyle h5 {
padding: 0.8em 0 0.5em ;
font-weight:bold;
font-size: 1.1em;
}

.formstyle p {
padding: 0.5em 0 0.3em 0;
font:1.14em arial,sans-serif; 
}

.formstyle p.normal {
padding: 0.5em 0 0.3em 0;
 font:1.14em arial,sans-serif;
}

.formstyle .submitbtn {
float:right;
}

.formstyle .input {
padding:0 0 0 2px;
margin:0;
border-top:1px solid #999;border-left:1px solid #999;
background-color:#fff;color:#666;font:1.2em arial,sans-serif;
}

.req {color: red;font-size:0.98em;font-weight:bold;}