/*
Site Design and Layout by Seedlings Studio, http://seedlingsstudio.com  Copyright 2006-2007. All rights reserved.
For: Society for Canadian Women in Science and Technology (SCWIST) http://www.scwist.ca

Colors: light blue#ccddff, link blue#0066FF,  dark red#993300, shades of gray

Version History:
2007-Feb-20 ver.1.2 clean code
2007-Jan-31 ver.1.1
*/

/* =The Usual ++++++++++ */
* {margin:0;padding:0;}
body {font:76%/140% arial,sans-serif;color:#333;background-color:#fff;text-align:center;border-top:3px solid #993300;}
h1,h2,h3,h4,p,pre,blockquote,form,fieldset,ul{margin:1em 0;}
p {font:1.1em arial,sans-serif;line-height:1.2em;margin:1.0em 0em 0.8em 0em;color:#333;}
ol, ul, li {list-style:none inside;font:1.05em arial,sans-serif;line-height:1.2em;margin-left:0em;padding-left:0em;color:#333;}
/* ol li{list-style:decimal inside;font:1.1em arial,sans-serif;line-height:1.2em;margin-left:0em;padding-left:0em;color:#333;}
ul li{list-style:none inside;font:1.0em arial,sans-serif;line-height:1.2em;margin-left:0em;padding-left:0em;color:#333;} */
li > p {margin-top:0.2em;}
/* li{display:inline;}   removes large gaps in ie/win */
a img,:link img,:visited img {border:none;}   /* remove border from linked img */
.right {float:right;}
.left {float:left;}
.clear {clear:both;height:0;}
hr{clear:both;visibility:hidden;}
#wrapper{margin:0px auto;width:784px;text-align:left;}

/* =Headers and Misc. +++++++ */
h1,h2,h3,h4,h5 {font-family: "Century Gothic",arial,sans-serif;letter-spacing:0.1em;}
h1 {font-size:2.0em;font-weight: normal;margin-top:0em;margin-bottom:0em;}
/* h3{font:1.1em/1.1em normal;padding:8px 0px 6px 0px;} */
h2 {font-size:1.6em;margin:1.2em 0em 1.2em 0em;font-weight:normal;}
h3 {font:1.3em arial,sans-serif;margin:1.2em 0em 0.5em 0em;font-weight:normal;letter-spacing:0.05em;color:#000;}
h4 {font-size:1.2em;margin:1.1em 0em 0.8em 0em;font-weight:bold;color:#666;}
h5 {font-size:1.1em;margin: 1.0em 0em 0.7em 0em;font-weight:bold;color:#666;}

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

/*  =secondaryNAV  ++++++++++ */
#secondaryNav{float:right;margin-top:2px;}
#secondaryNav > ul a {width:auto;}
#secondaryNav ul {padding:0;margin:0;}
#secondaryNav li {list-style:none;float:left;color:#666;background-color:inherit;
text-transform:lowercase;padding:0 10px 0 6px;}
#secondaryNav a:link,#secondaryNav a:visited {text-decoration:none;color:#666;}
#secondaryNav a:hover {text-decoration:underline;color:#666;}

/* hack hides rule from ie5 mac \*/
#secondaryNav a {float:none;}
/* end hack */

/*  =header +++++++++++++ */
#header{margin:0px auto;height:95px;clear:both;}
.logo{float:left;margin:0;padding:12px 0px 0px 8px;}
.titleimg{float:left;margin-left:15px;margin-top:20px;padding:0;display:inline;}
.subtitle{float:left;color:#333;margin-left:21px;font:1.2em "Century Gothic",arial,sans-serif;padding:0;background-color:transparent;text-transform:lowercase;}

/* =mainNav +++++++++ */
/* see chromemenu section */
#home #homeNav a,#about #aboutNav a,#programs #programsNav a,
#membership #membershipNav a,#volunteer #volunteerNav a,#news #newsNav a,
#resources #resourcesNav a,#archives #archivesNav a
{color:#993300;padding-bottom:2px;border-bottom:3px solid #993300;} 

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

/*  =Content Box ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#content {margin:2px 0px 10px 0px;padding:0;float:left;width:100%;text-align:left;}

/*  =Homepage (2 col) ++++++++++ */
#homePrimaryCol{float:left;width:320px;margin:0px 10px 0px 0px;padding:0px 5px 2px 2px;}
#homeSecondaryCol{float:right;width:426px;margin:0px 0px 0px 6px;padding:0px 0px 2px 2px;}

#homePrimaryCol h2, #homeSecondaryCol h2, #infoCol h2, #infoSideCol h2, #mainContent h2 
{color:#333;border-bottom:1px solid #666;background:transparent;text-transform:uppercase;margin:24px 0 12px 0;padding-bottom:2px;}

/* =infoCol, informatiion pages (2 col)  ++++++++++++*/
#infoCol{float:left;width:440px;margin:0px 10px 20px 10px;padding:0;}
.schlinkbox{margin:5px 0px 5px 23px;}

/* =Info Pages Side Col  ++++++++++++ */
#infoSideCol{float:right;width:264px;margin:0px 10px 20px 10px;padding:0;}
#infoSideCol p{margin:4px 0px 6px 0px;}

/* =newsPages (3 col) ++++++++++++++++++++++++++++++ */
#container{width:100%;clear:both;}
#contentTwo /* replaces #content div, it holds #mainContent and #secondaryContent, blogcontainer */
{float:left;width:634px;margin:0;padding:0;}

#mainContent /* holds blog entries, blogcontent */
{float:right;width:444px;margin:0;padding:0;color:#333;text-align:left;}
#mainContent h3{font:1.3em "Century Gothic",arial,sans-serif;margin:8px 0px 10px 0px;padding:18px 0px 0px 0px;
background:transparent;color:#333;font-weight:bold;text-transform:none;border:0;}
#mainContent p{margin:6px 0px 10px 0px;}
#secondaryContent /* sidebar1 */ 
{float:left;width:148px;margin:0;padding:0;color:#333;text-align:left;}
#secondaryContent p{margin:4px 0px 6px 0px;}
#secondaryContent h2{font:1.4em "Century Gothic",arial,sans-serif;color:#333;border-bottom:1px solid #666;
background:transparent;text-transform:uppercase;margin:24px 0 12px 0;}

#sideContent /* sidebar2 */
{float:right;width:112px;margin:0px 5px 0px 0px;padding:0px 0px 0px 5px;color:#333;text-align:left;}
#sideContent p{font-size:1.0em;line-height:1.2em;}
#sideContent h2{font:1.1em "Century Gothic",arial,sans-serif;color:#333;border-bottom:1px solid #666;
background:transparent;text-transform:uppercase;margin:24px 0 12px 0;}
.secondaryContentTop{font-size:1.4em;margin:1.2em 0em 1.2em 0em;font-weight:normal;color:#333;
border-bottom:1px solid #666;background:transparent;text-transform:uppercase;margin:24px 0 12px 0;padding-bottom:2px;}

/* =ENTRIES +++++++++++++++++++++++ */
.title { }
.entry{padding:0px 0px 10px 0px;margin-bottom:6px;border-bottom:1px solid #ddd;}
#mainContent .entry h3 {font:1.3em arial,sans-serif;color:#333;font-weight: bold;}
.date{font-size:1.1em;background:transparent;border:1px solid red;}
.sticky{font:0.85em arial,sans-serif;color:red;background-color:transparent;}

.posted{font:1.05em arial,sans-serif;background:#fff;color:#666;text-transform:lowercase;padding-bottom:11px;}
.paginate {margin:10px 0px 10px 0px;padding:10px 6px 15px 4px;background-color:transparent;
border-top:1px solid #ddd;}
.paginate p {font:1.0em arial,sans-serif;}

/* =Comments +++++++++++++++++++++++ */
.comment1{border-left:5px solid #6295ff;padding:5px 0px 5px 10px;margin:5px 0px 5px 0px;}
.comment2{border-left:5px solid #993300;padding:5px 0px 5px 10px;margin:5px 0px 5px 0px;}
.commentposted{font:1.1em "Century Gothic",arial,sans-serif;margin:8px 0px 8px 0px;
text-transform:none;font-weight:bold;color:#333;}
.comment{font:1.1em arial,sans-serif;padding-top:5px;}

/*  =FOOTER +++++++++++++++++++++++ */
#footer{margin:0px auto;padding:0;text-align:center;clear:both;background-color:#fff;
border-top:1px solid #993300;border-bottom:3px solid #993300;margin-bottom:2px;}
#footer p{font-size:1.0em;color:#333;background:transparent;padding:0;text-transform:none;padding:3px 5px 3px 5px;}

/* =Links +++++++++++++++++++++++ */
#content a:link, #content a:visited, #contentTwo a:link, #contentTwo a:visited,
#sideContent a:link, #sideContent a:visited, #footer a:link, #footer a:visited,
.title a:link, .title a:visited, .title h2 a:visited, #breadcrumbs a:link, #breadcrumbs a:visited
{text-decoration:none;color:#0066ff;}

#content a:hover, #contentTwo a:hover, #sideContent a:hover, #footer a:hover, #breadcrumbs a:hover
.title a:hover {text-decoration:underline;color:#0066ff;}

/* =Lists +++++++++++++++++++++++ */
#infoCol ul, #infoCol ul .schlinkbox{list-style:disc inside;margin:0;padding:0;}
#infoCol li, #infoCol li .schlinkbox{list-style:disc inside;margin:2px 0px 1px 0px;}
#homePrimaryCol ul li {list-style-type:none;padding-bottom:4px;}

/* first level */
#mainContent ul{list-style-type:none;margin:0;padding:0;text-indent:0;}
#mainContent li{list-style-type:disc;}
/* second level */
#mainContent ul ul{list-style-type:none;margin:0;padding:0;}
#mainContent li li{list-style-type:circle;text-indent:12px;}

/* =Images -------------------  */
.directorsbox p img{float:right;background-color:#eee;border:1px solid #ccc;padding:5px 5px 5px 5px;margin:5px 0px 5px 5px;}
#mainContent p img{float:right;border:2px solid #999;background-color:#eee;margin:5px 0px 5px 5px;padding:2px 2px 2px 2px;}
#supporters p a img{float:none;margin:0;padding:0;border:0} /* for supporters page, do not wrap images */
#mainContent 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;}
  
/* ----------  Formatting Buttons for Stand alone entry form -------- */
.buttonMode {
background-color: transparent;
color: #73769D;
font:0.9em arial, sans-serif;
white-space: nowrap;
}

.htmlButtonOutter, .htmlButtonOutterL {
background-color: #f6f6f6;
border-bottom: #333 1px solid;
border-right: #333 1px solid;
border-top: #333 1px solid;
padding: 0;
}

.htmlButtonOutterL {
border-left: #333 1px solid;
}

.htmlButtonInner {
background-color: transparent;
border-bottom: #ccc 1px solid;
border-left: #fff 1px solid;
border-right: #ccc 1px solid;
border-top: #fff 1px solid;
padding: 0 3px 0 3px;
text-align: center;
}

.htmlButtonOff {
font:0.95em arial, sans-serif;
font-weight: bold;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}

.htmlButtonOff a:link {
color: #000;
text-decoration: none;
white-space: nowrap;
}

.htmlButtonOff a:visited {
text-decoration: none;
}

.htmlButtonOff a:active {
color: #999;
text-decoration: none;
}

.htmlButtonOff a:hover {
color: #999;
text-decoration: none;
}

.htmlButtonOn {
background: #f6f6f6;
font:0.95em arial, sans-serif;
font-weight: bold;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}

.htmlButtonOn a:link {
color: #990000;
text-decoration: none;
white-space: nowrap;
}

.htmlButtonOn a:visited {
text-decoration: none;
}

.htmlButtonOn a:active {
color: #999;
text-decoration: none;
}

.htmlButtonOn a:hover {
color: #999;
text-decoration: none;
}

.htmlButtonA {
font:0.95em arial, sans-serif;
font-weight: bold;
padding: 2px 3px 3px 3px;
white-space: nowrap;
}

.htmlButtonB {
background: #E1E3EC;
font:0.95em arial, sans-serif;
font-weight: bold;
padding: 2px 3px 3px 3px;
white-space: nowrap;
}

.htmlButtonA a:link {
color: #000;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
}

.htmlButtonA a:visited {
text-decoration: none;
}

.htmlButtonA a:active {
color: #999;
text-decoration: none;
}

.htmlButtonA a:hover {
color: #999;
text-decoration: none;
}

.htmlButtonB a:link {
color: #990000;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
}

.htmlButtonB a:visited {
text-decoration: none;
}

.htmlButtonB a:active {
color: #999;
text-decoration: none;
}

.htmlButtonB a:hover {
color: #999;
text-decoration: none;
}

/* =chromemenu, mainNav  --------------------------------- */
.chromestyle{width:99%;font:1.1em "Century Gothic",arial,sans-serif;}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; display:block;clear:both;height:0;visibility: hidden;}
.chromestyle ul{border:1px solid #bbb;border-top:2px solid #993300;width:100%;background:url(img/menu-bg02.gif) center center repeat-x;
padding:4px 0;margin:0;text-align:center; /*set value to "left", "center", or "right"*/  }
.chromestyle ul li{display:inline;}
.chromestyle ul li a{color:#494949;padding:4px 7px;margin:0;text-decoration:none; 
/* border-right: 1px solid #dadada; */         /*  ^^ This padding, adjusts the drop-down if you need to have body border-top, originally 4px */
/* background:url(img/menu-div-bg02.gif) top right no-repeat; */
}
.chromestyle ul li a:hover{background: url(img/menu-active-bg02.gif) center center repeat-x;}
.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/* content: " v"; */
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
/* content: " " url(img/menu-arrow-down.gif); */
}

/*  Style for Drop Down Menu -------  */
.dropmenudiv{position:absolute;top:0;
border:1px solid #bbb; /*THEME CHANGE HERE*/
border-bottom-width:0;
font:1.1em "Century Gothic",arial,sans-serif;
line-height:18px;
z-index:100;background-color:#f0f0f0;width:200px;
visibility:hidden;
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);   Add Shadow in IE. Remove if desired  */
}

.dropmenudiv a{width:auto;display:block;text-indent:3px;
border-bottom:1px solid #bbb; /* THEME CHANGE HERE */
padding:2px 0;text-decoration:none;color:black; }

* html .dropmenudiv a{ /*IE only hack*/  width:100%;}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/ background-color:#fff; }

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


div.donateLink a {
display:block;
padding:2px 18px;
background-color:red;
border-bottom:2px solid #dedede;
border-right:2px solid #dedede;
float:right;
height:18px;
left:0px;
margin:4px 10px 0px 0px;
padding:2px 18px;
width:70px;
}

#header div.donateLink a:link, #header div.donateLink a:visited  {
color:#fff;
text-decoration:none;
font-weight:normal;
}
#header div.donateLink a:hover {text-decoration:none;font-weight:normal;background-color:#0482C4;color:#fff;}