/* CSS Document */

* {padding:0; margin:0;}

body {
background-color:#D7D7D7;
font-size:13px;
color:#202020;
font-family:Arial, Helvetica, sans-serif;
}

#logo {
position:relative;
left:21px;
top:20px;
float:left;
}

h1 {
position:relative;
top:38px;
left:33px;
font-size:43px;
color:#008400;
}

#subtitle {
position:relative;
top:33px;
left:34px;
font-size:18px;
color:#202020;
margin:0;
}

h2 {
font-size:18px;
margin-bottom:10px;
}

h3 {
font-size:16px;
margin:14px 0 8px 0;
}

h4 {
font-size:12px;
font-weight:bold;
margin-bottom:-6px;
}

p {margin:6px 0 6px 0;}

ul {
list-style-type:none;
padding:0;
margin:0;
}

li {
background-image:url(../images/bullet.png);
background-repeat:no-repeat;
background-position:.7em .4em;
padding-left:2em;
margin-bottom:4px;
}

#wrapper {
width:960px;
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
}

#header {
background-image:url(../images/social_anxiety_west_header.png);
width:960px;
height:150px;
margin-bottom:2px;
}

#top {
background-image:url(../images/content_area_top.png);
width:960px;
height:14px;
}

#middle {
background-image:url(../images/content_area_middle.png);
background-repeat:repeat-y;
width:932px;
padding-left:14px;
padding-right:14px;
overflow:hidden;
}

#bottom {
background-image:url(../images/content_area_bottom.png);
width:960px;
height:14px;
clear:both;
margin-bottom:2px;
}

#footer {
background-image:url(../images/social_anxiety_west_footer.png);
width:960px;
height:42px;
padding-top:8px;
margin-bottom:50px;
text-align:center;
}

#footer a {
color:#202020;
text-decoration:none;
font-size:11px;
}

#footer a:hover {text-decoration:underline;}

a {
color:#00a800;
text-decoration:none;
}

a:hover {
color:#00d000;
text-decoration:underline;
}

/* BANNER LINKS START */

.bluelink a {
color:#0000a8;
text-decoration:none;
}

.bluelink a:hover {
color:#0000d0;
text-decoration:underline;
}

.redlink a {
color:#a80000;
text-decoration:none;
}

.redlink a:hover {
color:#d00000;
text-decoration:underline;
}

.greenlink a {
color:#00a800;
text-decoration:none;
}

.greenlink a:hover {
color:#00d000;
text-decoration:underline;
}

/* BANNER LINKS END */

#nav {
width:200px;
height:100%;
float:left;
border-right:1px solid #202020;
margin-right:10px;
margin-bottom:-6000px;
padding-bottom:6000px;
}

#nav a {
color:#202020;
text-decoration:none;
font-size:13px;
font-weight:bold;
position:relative;
top:3px;
left:6px;
}

#nav ul li {
background-image:url(../images/menu_item_background.png);
background-repeat:no-repeat;
background-position:0;
padding-left:0;
list-style-type:none;
height:22px;
margin-bottom:3px;
}

#nav a:hover {text-decoration:underline;}

/* Third Party Logo CSS */

a.thirdpartylogo { text-decoration: none;  }
a img {border: 0 none;}
p.nomargin { margin: 0; padding: 0; }

/* Third Party Logo CSS End */	

#content {
width:458px;
margin-right:10px;
float:left;
margin-bottom:-6000px;
padding-bottom:6000px;
}

#widecontent {
width:721px;
float:left;
margin-bottom:-6000px;
padding-bottom:6000px;
}

.rightimage {
float:right;
padding-left:10px;
padding-bottom:10px;
}

.nick {
float:left;
padding-right:5px;
padding-top:5px;
}

#feed {
float:left;
width:240px;
padding-left:12px;
border-left:1px solid #202020;
margin-bottom:-6000px;
padding-bottom:6000px;
}

#titlebox {
background-image:url(../images/news_box.png);
height:40px;
}

#newstitle {
position:relative;
top:12px;
left:12px;
font-size:16px;
font-weight:bold;
color:#202020;
}

.newsitem {margin:5px 0 14px 0;}

.newsheading {
font-size:12px;
font-weight:bold;
margin:0;
}

.newsdate {
font-size:10px;
margin-bottom:5px;
}

#rss {
position:relative;
left:54px;
font-size:12px;
color:#FF7200;
text-decoration:none;
font-weight:normal;
}

a#rss:hover {text-decoration:underline;}

#rss img {border:0;}

#rss2 {
position:relative;
left:34px;
font-size:12px;
color:#FF7200;
text-decoration:none;
font-weight:normal;
}

a#rss:hover, a#rss2:hover {text-decoration:underline;}

#rss img, #rss2 img {border:0;}

#newscontent {
padding:5px;
font-size:12px;
}

.downloaddate {
font-size:10px;
margin-bottom:5px;
}

#mic {margin-bottom:5px;}

#column3 {
float:left;
width:240px;
padding-left:12px;
border-left:1px solid #202020;
margin-bottom:-2000px;
padding-bottom:2000px;
}

.imagetitle {
font-size:10px;
text-align:center;
}

.red {color:red;}
.green {color:green;}
.blue {color:blue;}

table {
border:0 none;
margin-top:15px;
font-size:13px;
}

#widecontent th {
background-color:#202020;
color:#eeeeee;
text-align:center;
}

.head {height:25px;}

.datehead {width:65px;}
.grouphead {width:110px;}
.fhead {width:20px;}
.sessionhead {width:191px;}
.noteshead {width:345px;}

#weekhead {width:131px;}
#centralhead {width:200px;}
#northhead {width:200px;}
#womenshead {width:200px;}

#widecontent td {
background-color:#FAF7BC;
padding:5px;
}

.centre {text-align:center;}

.formwrap {
margin-top:20px;
}

.basictable, .grouptable {font-size:13px;}
.grouptable {margin-top:0}

form th, .basictable th, .grouptable th {
width:110px;
vertical-align:top;
text-align:left;
font-weight:bold;
}

.input {width:200px;}

.textarea {
width:348px;
height:200px;
}

.textareat {
width:454px;
height:200px;
}

.textarea2 {
width:348px;
height:100px;
}

.button {width:70px;}
.buttonadd {width:120px;}

#messagesent {
text-align:center;
margin:auto;
border:1px solid #006600;
font-weight:bold;
width:300px;
padding:10px;
color:#006600;
}

.comment {
padding:5px;
width:446px;
border:1px solid #eeeeee;
background-color:#e0e0e0;
}

.collarge {
background-image:url(../images/collarge_border.png);
width:458px;
height:340px;
}

#collargelist {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
position:relative;
top:-744px;
height:1px;
}

#collargelist2 {
margin-top:15px;
padding-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
background-image:url(../images/collarge_border.png);
width:458px;
height:330px;
}

#homecontent {
height:400px;
}

/* BANNERS START */

#redadvert {
background-image:url(../images/pinkadvert.png);
font-size:14px;
font-weight:700;
padding:10px 0;
margin-bottom:10px;
height:28px;
}

#blueadvert {
background-image:url(../images/blueadvert.png);
font-size:14px;
font-weight:700;
padding:10px 0;
margin-bottom:10px;
height:28px;
}

#greenadvert {
background-image:url(../images/greenadvert.png);
font-size:14px;
font-weight:700;
padding:10px 0;
margin-bottom:10px;
height:28px;
}

/* BANNERS END */

.c1 { /* lonely */
font-size:13px;
color:#202020;
position:relative;
left:30px;
}

.c2 { /* stupid */
font-size:16px;
color:#808080;
position:relative;
left:100px;
}

.c3 { /* friend */
font-size:18px;
color:#808080;
position:relative;
left:13px;
top:4px;
}

.c4 { /* real me */
font-size:12px;
color:#c0c0c0;
position:relative;
left:38px;
top:-2px;	
}

.c5 { /* blush */
font-size:15px;
color:#c0c0c0;
position:relative;
left:14px;
top:3px;
}

.c6 { /* only me */
font-size:17px;
color:#202020;
position:relative;
left:36px;
}

.c7 { /* racing */
font-size:13px;
color:#404040;
position:relative;
left:134px;
top:5px;
}

.c8 { /* to say */
font-size:15px;
color:#202020;
position:relative;
left:8px;
top:5px;
}

.c9 { /* likes me */
font-size:12px;
color:#808080;
position:relative;
left:33px;
top:8px;
}

.c10 { /* much */
font-size:15px;
color:#c0c0c0;
position:relative;
left:130px;
top:-7px;
}

.c11 { /* trembling */
font-size:13px;
color:#404040;
position:relative;
left:170px;
top:-2px;
}

.c12 { /* anxious */
font-size:16px;
color:#c0c0c0;
position:relative;
left:12px;
}

.c13 { /* pounding */
font-size:17px;
color:#404040;
position:relative;
left:22px;
top:2px;
}

.c14 { /* enough */
font-size:16px;
color:#808080;
position:relative;
left:58px;
}

.c15 { /*  time */
font-size:13px;
color:#c0c0c0;
position:relative;
left:126px;
top:4px;
}

.c16 { /* at me */
font-size:16px;
color:#808080;
position:relative;
left:14px;
top:5px;
}

.c17 { /* speak */
font-size:16px;
color:#404040;
position:relative;
left:50px;
top:6px;
}

.c18 { /* boring */
font-size:17px;
color:#202020;
position:relative;
left:64px;
top:8px;
}

.c19 { /* confident */
font-size:16px;
color:#c0c0c0;
position:relative;
left:24px;
top:10px;
}

.c20 { /* away */
font-size:16px;
color:#808080;
position:relative;
left:10px;
top:15px;
}

.c21 { /* awkward */
font-size:13px;
color:#202020;
position:relative;
left:5px;
top:11px;
}

.c22 { /* idiot */
font-size:13px;
color:#c0c0c0;
position:relative;
left:83px;
top:19px;
}

#cloudtitle {
position:relative;
top:30px;
}

.pod {margin-top:5px;}

.footnote {
font-weight:bold;
margin-top:15px;
}

#ftshighlight {background-color:#FFFF00; padding:3px; text-align:center;}