/*<group=General Styles>*/

body {
      color: #333333;
      font: 0.75em Helvetica, Arial, sans-serif;
      margin: 0 20px 20px;
      text-align: center;
      background: repeat url(images/);
      padding: 0;
}

p {
}

b, strong {

}

a:link, a:visited {
}

a:hover, a:active {

}

img {
      border: none;
}

.image-left {
      float: left;
      margin: 3px 3px 3px 0;
      padding: 3px 3px 3px 0;
      position: relative;
      z-index: 5;
}

.image-right {
      float: right;
      margin: 3px 0 3px 3px;
      padding: 3px 0 3px 3px;
      position: relative;
      z-index: 5;
}
      
/*</group>*/

/*<group=Layout>*/

#container { 
      background: #ffffff repeat-y right url(images/sidebar_right_bg.png); /* This Is The BG Color Of The Main Div */
      margin: 5px auto; /* Right And Left Margin Widths To Auto */
      text-align: left; /* Hack To Keep IE5 Windows Happy */
      border-right: 1px solid #a0a9a7;
      border-left: 1px solid #a0a9a7;
      border-bottom: 1px solid #a0a9a7;
      position: relative;
}

.clearer {
      clear: both;
}

#pageHeader {
      background: #FFFFFF url(http://williams-syndrome.org.uk/assets/headernew.jpg);
      background-repeat: no-repeat;
      height:66px;      
      margin-top:0px;
      border-top: 16px solid #FFFFFF;
      border-bottom: 0px solid #ffffff;
      padding:10,20;
      position: relative;
      z-index: 0;
}

#pageHeader img {
      position: absolute;
      right: 0;
      top: 0;
}

#pageHeader h1 {
      color: #ffffff;
      font-size: 2.5em;
      letter-spacing: 1px;
      margin: 0 0 5px;
}

#pageHeader h2 {
      color: #b5bdc8;
      font-size: 0.9em;
      margin: 0;
}

#contentContainer {
      margin-right: 200px;
      position: relative;
      z-index: 99;
}

#contentContainer #content {
      padding-top: 30px;
      padding-right: 30px;
      padding-left: 30px;
}

#sidebarContainer {
      font-size:0.9em;      
      float: right;
      width: 200px;
}

#sidebarContainer #sidebar {
      padding: 10px;
      color: #505050;
}

#sidebarContainer .sideHeader {
      background: #d5dfd6;
      color: #797f7a;
      font-weight: bold;
      height: 22px;
      padding-top: 3px;
      padding-left: 10px;
}

#footer {
      border-top: 1px solid #eeeeee;
      margin-top: 0px;
      padding-left: 5px;
      color: #909090;
}

#footer p {
      text-align: center;
      margin: 0;
      padding-top: 10px;
      padding-bottom: 10px;
}

#footer a:link, #footer a:visited {

}

#footer a:hover, #footer a:active {
}
      
/*</group>*/

/*<group=Bread-crumb>*/

#breadcrumbcontainer {
      background: #495799;
      font-size: 0.9em;
      color: #808FA0;
      font-weight: bold;
      height: 20px;
      padding-top: 5px;
      padding-left: 40px;
      padding-right: 20px;
      display: block;
}

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

#breadcrumbcontainer li {
      display: inline;
}

#breadcrumbcontainer a {
      color: #ffffff;
}

#breadcrumbcontainer a:hover {
      color: #97C919;
}
      
/*</group>*/

/*<group=Toolbar>*/

/* Toolbar Styles */



*</group>*/

/*<group=Global Classes>*/

blockquote, .standout {
      color: #96a7bb;
      border-top: 1px solid #eeeeee;
      border-bottom: 1px solid #eeeeee;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

.imageStyle {

}

/* Main content area unordered list styles */
#contentContainer #content ul {
}

#contentContainer #content li {
}

/* Sidebar area unordered list styles */
#sidebarContainer #sidebar ul {
      margin: 10px;
      padding: 0 10px;
}

#sidebarContainer #sidebar li {
}

/* Table Styles */
table {
      font-size: 1em;
}
      
/*</group>*/

/*<group=Blog>*/

/*<group=Archive Page>*/

.blog-archive-background {
}

.blog-entry-summary {
      margin-bottom: 10px;
}

.blog-archive-headings-wrapper {
      margin-bottom: 30px;
      border-bottom: 1px solid #eeeeee;
      padding-bottom: 15px;
}

.blog-archive-entries-wrapper {

}

.blog-archive-entries-wrapper .blog-entry {
      
}

.blog-archive-month {
      font-size: 1.9em;
      letter-spacing: 1px;
      font-weight: bold;
      margin-bottom: 3px;
}

.blog-archive-link {
      
}

.blog-archive-link a:link, .blog-archive-link a:visited {
}

/*</group>*/

.blog-entry {
      margin-bottom: 30px;
      border-bottom: 1px solid #eeeeee;
      padding-bottom: 15px;
}

.blog-entry-title {
      font-size: 1.9em;
      letter-spacing: 1px;
      font-weight: bold;
      margin-bottom: 3px;
}

.blog-entry-date {
      color: #b3b3b3;
      margin-bottom: 10px;
}

.blog-read-more {
      display: block;
      padding-top: 10px;
      font-style: italic;
}

.blog-entry-body {
}

.blog-entry-comments {
      padding-top: 10px;
}

/*styles the category link in the main entry */
.blog-entry-category {
      color: #6a7a90;
}

.blog-entry-category a:link, .blog-entry-category a:visited {
}

/*styles the permalink link in the main entry */
.blog-entry-permalink {
      color: #6a7a90;
}

.blog-entry-permalink a:link, .blog-entry-permalink a:visited {
}

/* styles the archives in the blog sidebar */
#blog-archives {
      margin-bottom: 10px;
}

.blog-archive-link-enabled {
}

.blog-archive-link-disabled {
}

/* Styles the blog categories in the blog sidebar */
#blog-categories {
      margin-bottom: 10px;
}

.blog-category-link-enabled {
}

.blog-category-link-disabled {
}

/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
      margin-bottom: 10px;
}

.blog-rss-link {
}

.blog-comments-rss-link {
}
      
/*</group>*/

/*<group=File Sharing>*/

.filesharing-description {
}

.filesharing-item {
      background: #f5f5f5;
      margin-bottom: 10px;
      padding: 5px;
}

.filesharing-item-title a:link {
}

.filesharing-item-title a:hover {
}

.filesharing-item-title a:visited {

}

.filesharing-item-description {
      color: #b3b3b3;
}

/*</group>*/

/*<group=Photo Album>*/

/*<group=Index Page (Thumbnail view)>*/

.album-title {
      font-size: 1.9em;
      letter-spacing: 1px;
      font-weight: bold;
      margin-bottom: 3px;
}

.album-description {
      margin-bottom: 70px;
}

.album-wrapper {
      display: block;
      width: 99%;
      position: relative;
}

.thumbnail-wrap {
      text-align: center;
      position: relative;
      float: left;
      margin-bottom: 60px;
      margin-right: 10px;
}

.thumbnail-frame {
      position: absolute;
    bottom: 0;
    left: 0;
}

.thumbnail-frame:hover {
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
}

.thumbnail-frame img {
      margin: auto;
    border: none;
}

.thumbnail-caption {
      font-size: 0.9em;
      color: #96a7bb;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 38px;
      display: block;
}
      
/*</group>*/

/*<group=Single Page (Photo view)>*/

.photo-background {
      margin: 0;

}

.photo-navigation {
      background: #6b7b91;
      border-bottom: 2px solid #818fa1;
      padding: 20px 40px 10px;
      margin-bottom: 20px;
      text-align: left;
}

.photo-links {
}

.photo-navigation a:link, .photo-navigation a:visited {

}

.photo-navigation a:hover {

}

.photo-frame{
      padding: 2px;
      background: #949b98;
}

.photo-title {
      color: #ffffff;
      font-size: 2.5em;
      letter-spacing: 1px;
      margin: 0 0 5px;
}

.photo-caption {
      color: #b5bdc8;
      font-size: 1.1em;
      margin: 0;
}

/*</group>*/
      
/*</group>*/

/*<group=Quicktime Page>*/

.movie-description {

}
      
/*</group>*/

/*<group=Quicktime Album>*/

/*<group=Index Page (Movie Thumbnail view)>*/

.movie-page-title {
      font-size: 1.9em;
      letter-spacing: 1px;
      font-weight: bold;
      margin-bottom: 3px;
}

.movie-page-description {
      margin-bottom: 8px;
}

.movie-thumbnail-frame {
      width: 132px;
      float: left;
      text-align: center;
      margin-right: 10px;
      margin-bottom: 10px;
      background: #f5f5f5;
      position: relative;
      z-index: 205;
}

.movie-thumbnail-frame:hover {
}
.movie-thumbnail-caption {
}
      
/*</group>*/

/*<group=Single Page (Movie View)>*/

.movie-background {
}

.movie-title {
      font-size: 1.9em;
      letter-spacing: 1px;
      font-weight: bold;
}

.movie-frame {

}
      
/*</group>*/


/*</group>*/

/*<group=Contact Form>*/
.message-text { 
} 

.required-text {
} 

.form-input-field {
} 

.form-input-button { 
} 
/*</group>*/