/* CSS Document */

/* class that defines color for left column.
Add as many classes as you need and change it inside each of the internal sections. */

.leftabout {
background-image: url(../images/bg_leftabout.gif);
background-position: left top;
background-repeat: repeat-y;
}

.leftresources {
background-image: url(../images/bg_leftresources.gif);
background-position: left top;
background-repeat: repeat-y;
}

.leftmemberdir {
background-image: url(../images/bg_leftmemberdir.gif);
background-position: left top;
background-repeat: repeat-y;
}

.leftnews {
background-image: url(../images/bg_leftnews.gif);
background-position: left top;
background-repeat: repeat-y;
}

.leftjoin {
background-image: url(../images/bg_leftjoin.gif);
background-position: left top;
background-repeat: repeat-y;
}

.leftmemberarea {
background-image: url(../images/bg_leftmemberarea.gif);
background-position: left top;
background-repeat: repeat-y;
}

/*BEGIN LEFT COLUMN */

#left {
float: left;
width: 141px;
padding: 0px 0px 0px 23px;
}

#left img.noprint {
position: relative;
left: 0px;
position: static;
}

#left img.knittv {
margin-top: 48px;
}

/* BEGIN LEFT SUB NAV */

#left ul {
list-style-type: none;
margin-left: 0px;
width: 135px;
text-align: right;
margin-top: 15px;
}

#left li {
border-bottom: 1px solid #78c;
padding: 5px 10px 5px 10px;
}

#left li a {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #349;
}

#left li a:hover {
text-decoration: underline;
}

/* END LEFT SUB NAV */

/*END LEFT COLUMN */

#copy {
width: 395px;
font-size: 10px;
margin-left: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;
padding: 25px 15px 10px 15px;
}

/* for pages with two columns */

#copy .columnleft {
width: 190px;
float: left;
padding-right: 15px;
padding-bottom: 10px;
}

#copy .columnright {
width: 190px;
float: left;
padding-bottom: 10px;
}

#copy .columnleft2 {
width: 170px;
float: left;
text-align: right;
padding-right: 15px;
padding-bottom: 10px;
}

#copy .columnright2 {
width: 210px;
float: left;
padding-bottom: 10px;
}

#copy .columnleft p, #copy .columnright p, #copy .columnleft2 p, #copy .columnright2 p{
line-height: 12px;
padding-bottom: 4px;
}

/* end two-column page styles */

#copy li {
line-height: 16px;
list-style-image: url(../images/bullet.gif);
}

#copy ul {
margin-left: 32px;
}

#copy td {
padding: 2px;
}

/*BEGIN RIGHT COLUMN */

#right {
float: left;
width: 135px;
padding: 25px 15px 0px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 14px;
}

/* #right img.photo{
margin-bottom:16px;
} */

#right p.caption {
color: #888;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 12px;
text-align: right;
padding: 1px 2px 2px 2px;
margin-bottom: 16px;
}

#right h3 {
color: #fff;
height: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
padding: 2px 0px 0px 5px;
}

#right .about {
border: 1px solid #78c;
background-color: #def;
}

#right .about h3 {
background: #78c url(../images/arrow_about.gif) 100% 0 no-repeat;
}

#right .resources {
border: 1px solid #49a;
background-color: #def;
}

#right .resources h3 {
background: #49a url(../images/arrow_resources.gif) 100% 0 no-repeat;
}

#right .membersh {
border: 1px solid #2a6;
background-color: #def;
}

#right .membersh h3 {
background: #2a6 url(../images/arrow_membersh.gif) 100% 0 no-repeat;
}

#right .newsev {
border: 1px solid #47a;
background-color: #def;
}

#right .newsev h3 {
background: #47a url(../images/arrow_news.gif) 100% 0 no-repeat;
}

#right .joinswa {
border: 1px solid #2a9;
background-color: #def;
}

#right .joinswa h3 {
background: #2a9 url(../images/arrow_join.gif) 100% 0 no-repeat;
}

#right .about, #right .resources, #right .membersh, #right .newsev, #right .joinswa {
padding-bottom: 5px;
margin-bottom: 16px;
}

#right .about h3 span, #right .resources h3 span, #right .membersh h3 span, #right .newsev h3 span, #right .joinswa h3 span {
display: none;
}

#right .about p, #right .resources p, #right .membersh p, #right .newsev p, #right .joinswa p {
padding: 5px 5px 5px 5px;
}

#right .about p img, #right .joinswa p img {
position: relative;
top: 1px;
}

/*END RIGHT COLUMN */