/* CSS Document */

* {padding:0; margin:0;}

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

p {
margin-bottom:10px;
margin-top:3px;
}

#mtitle {
color:#4b4641;
position:relative;
padding:33px 0 0 33px;
font-family:Arial, Helvetica, sans-serif;
font-size:41px;
text-align:left;
}


#outerwrapper {
width:760px;
margin:20px auto 20px auto;
}

#header {
background-image:url(../images/header_bg.png);
width:760px;
height:100px;
}

#maincontent {
background-image:url(../images/content_bg.png);
background-repeat:repeat-y;
width:732px;
padding:14px;
overflow:hidden;
}

.navwrapper {
background-image:url(../images/content_bg.png);
width:758px;
padding:0 1px;
}

#mainnav {
  margin: auto;
  text-align:center;
  background-color: #e7f1fd;
  font-size: 12px;
  border-top-width: 1px;
  border-top-color: #c0dbfa;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #c0dbfa;
  border-bottom-style: solid;
  padding:3px 0;
  }

A.nav:link {
  color: #303060;
  text-decoration: none;
  }

A.nav:visited {
  color: #303060;
  text-decoration: none;
  }

A.nav:hover {
  color: #0060ff;
  text-decoration: none;
  }

#footer {
background-image:url(../images/footer_bg.png);
width:760px;
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;
}

.noborder {
  border: 0px;
  }

.title {
  color: #203060;
  font-size: large;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
  }

.idxtitle, .indexleft H2 {
  color: #203060;
  font-size: large;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
  }

.indexleft H1 {
  color: #203060;
  font-size: x-large;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
  }

.subtitle {
  margin: 15px 0 5px;
  color: #203060;
  font-size: medium;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  }
  
.smalltitle {
  margin: 0;
  color: #203060;
  font-size: small;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  }
  
.indexleft {
  float: left;
  margin: 0;
  padding: 0;
  width: 483px;
  }

.indexright {
  background-image:url(../images/feed_bg.png);
  margin: 0 0 0 502px;
  width: 230px;
  Height: 350px;
  padding:10px 0 0 0;
  }

.indexmidl {
  float: left;
  margin: 0;
  padding-top: 15px;
  width: 338px;
  }
  
.indexmidr {
  margin-left: 338px;
  padding-left: 10px;
  padding-top: 15px;
  width: 383px;
  }

.alcent {
  text-align: center;
  }

.blogtitle {
  color: #203060;
  font-size: x-large;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  }

.blogdesc {
  color: #203060;
  font-size: large;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: center;
  }

.normtext {
  margin: 10px 0;
  color: #303060;
  font-size: small;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
  }

.minibold {
  margin: 10px 0;
  color: #303060;
  font-size: x-small;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  }

.imagetext {
  margin-bottom: 0px;
  margin-top: 3px;
  color: #303060;
  font-size: x-small;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: center;
  float: left;
  }

.padimagel {
	margin: 10px 10px 5px;
	float: left;
	}

.padimager {
	margin: 10px 10px 5px;
	float: right;
	}

.quotetext {
  margin: 10px 0;
  color: #303060;
  font-size: small;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
  font-style: italic;
  }

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
 
.custitem {
  margin: 0;
  background-image: url(http://www.socialanxiety.co.uk/images/stdbullet.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
  }

.regitem {
  margin: 0;
  background-image: url(http://www.socialanxiety.co.uk/images/stdbullet.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 3px 1.5em; /* left padding moves the text away from the bullet */
  }

#columns {
  float:none;
  text-align:left;
  }

#col1of3 {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 200px;
  }

#col2of3 {
  float: left;
  padding: 0px;
  margin: 0;
  width: 191px;
  }

#col3of3 {
  padding: 0px;
  margin-left: 391px;
  width: 340px;
  }
  
#col1of2 {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 366px;
  }

#col2of2 {
  padding: 0px;
  margin-left: 366px;
  width: 365px;
  }
  
.fdcolumn {
	float: left;
	padding: 0 0 0 0;
	margin: 0;
	width: 500px;
	}
	
.login
{
	padding: 20px 0 10px 0;
	margin-left: 530px;
	margin-top: 0px;
	width: 150px;
	text-align: left;
	}
	
.button {
	margin: 10px 20px;
}

input, select { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #102132; 
 border: 1px solid #609baa; 
 margin-right: 0px; 
}

.regtexta {
 width: 180px;
 margin: 2px 0;
}

.regselecta {
 width: 183px;
 margin: 2px 0;
}
 

.formbutton { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #c0dbfa; 
 margin-left: 12px; 
 margin-top: 3px; 
 margin-bottom: 2px; 
}

.footer {
  margin: auto;
  background-image: url(http://www.socialanxiety.co.uk/images/base.gif);
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  font-weight: normal;
  text-align: center;
  color: #303060;
  height: 50px;
  }

.footpos {
  position:relative;
  top:5px;
  }

A.footnav:link {
  color: #303060;
  text-decoration: none;
  }

A.footnav:visited {
  color: #303060;
  text-decoration: none;
  }

A.footnav:hover {
  color: #0060ff;
  text-decoration: none;
  }

.wpaboutmargin {
	margin: 5px 5px 8px 30px;
	}


/*A.subtitle:link {
	color: #203060;
	font-size: large;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

A.subtitle:visited {
	color: #203060;
	font-size: large;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

A.subtitle:hover {
	color: #203060;
	font-size: large;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}*/

.diabled {
	color: #A0A0A0;
}


A:link {
	color: #405090;
	text-decoration: underline;
}

A:visited {
	color: #405090;
	text-decoration: underline;
}

A:hover {
	color: #0060ff;
	text-decoration: underline;
}


/* For deadlock */
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.hintanchor2{ /*CSS for link that shows hint onmouseover*/
color: navy;
margin: 3px 8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.regerror {
color: red;
}
/* end for deadlock  */

.feedtitle {
  color: #303060;
  font-size: small;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  margin-top: 4px;
  }

.feeddesc {
  color: #303060;
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: center;
  margin-bottom: 10px;
  }

.feeddate {
  color: #606060;
  font-size: xx-small;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
  margin: 0px 12px;
  }

.feeditemtitle {
  color: #303060;
  font-size: small;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  margin: 0px 12px;
  }

.feeditemdesc {
  color: #303060;
  font-size: xx-small;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
  margin: 0 12px 10px 12px;
  }