body       {  
    font-family: "Arial", "Helvetica", sans-serif; 
    font-size: 1.1em; 
    margin:0; 
    padding: 0; 
    color:#666666; 
    background: #eee; 
} 
h1         {  display:none; }
h2         {  display:none; }
h3         {  font-size: 150%; font-weight:normal; margin:0 0 14px 0; }
.T1        {  font-size: 140%; }
.T2        {  font-size: 120%; }
.head      {  font-size: 110%; line-height:80%; }
.text      {  font-size: 75%; }
.small     {  font-size: 70%; }
.menu      {  font-size: 65%; }
.google    {  font-size: 85%; }
.red       {  color: #cc0000; }
.blue      {  color: #0099cc; }
.green     {  color: #009900; }
.white     {  color: #ffffff; }
p          {  margin-top : 0px; }
ol         {  margin-bottom : 0px; margin-top : 0px; }
ul         {  margin-bottom : 0px; margin-top : 0px; }
input      {  font-size: 12px; margin-bottom : 0px; margin-top : 0px; background-color:#eeeeee;}
select     {  font-size: 100%; margin-bottom : 0px; margin-top : 0px; background-color:#eeeeee;}
textarea   {  font-family: tahoma, arial, helvetica, sans-serif; font-size: 100%; margin:0; background-color:#eeeeee; }
img        {  border:0; }

td        {  vertical-align:top; }

A:link    {  color: #666666; text-decoration: underline }
A:hover   {  color: #000000; text-decoration: underline }
A:visited {  color: #666666; text-decoration: underline }
A:visited:hover {  color: #000000; text-decoration: underline }
A:active  {  color: #000000; text-decoration: underline }

#container
{ 
    position:relative; 
    width:805px !important; 
    text-align:center; 
    margin:0 auto; 
    padding:0; 
    background: #eee top center repeat-y url(images/2009-web20-background.jpg);
}
#container-inner  { position:relative; width:695px !important; text-align:center; margin:0 auto; padding:0 40px 40px 40px; }
#container-module { position:relative; width:800px; text-align:center; margin:0 auto; padding:0; }
/*#head        { position:relative; top:0; left:0; width:695px; height:120px; text-align:left; background-color:#ddd; background:url('images/2009-site-header.jpg'); background-repeat:no-repeat; background-position:right; }*/

#head        
{ 
    position: relative; 
    margin: 0 auto; 
    padding: 0 0 16px 0; 
    width:805px; height:205px; 
    text-align:left;                      
    background-color:#747573; background: top left no-repeat url('images/2009-site-header.jpg');
}

#container-module #head {
    width: 800px; height: 130px; 
    background: url(images/2009-module-header.gif); 
    color: white; font-weight: bold;        
    padding: 0;
}

#container-module #head #navigation {
    position: relative; 
    top: +72px; 
    left: +80px; 
    width: 655px;
}

#welcome { 
    width:510px;
    margin:0;
    padding:0; 
}

#title1      { position:relative; width: 600px; top: +54px; left: +104px; font-weight: bold; font-size: 36px; color:#ffffff; }
#title2      { position:relative; width: 600px; top: +54px; left: +220px; font-family:"arial narrow", arial, sans-serif; font-size: 18px; color:#ffffff; font-weight:bold; }

#topmenu
{
    width: 665px;
    position: relative;
    top: +116px; left: +64px;
    padding:0;
}

#menubg      
{  
    float: left;
    height:16px; 
    padding:0; margin:0; 
    vertical-align:top; 
    text-align:left; 
}
#main        { position:relative; width:695px; text-align:left; line-height: 1.0em; }
#content     
{ 
    float:left; 
    width:490px; 
    margin-left:20px; 
    padding-bottom:50px; 
    text-align:left;
    z-index:10; 
}

#books #content {

}

/*- Head Menu --------------------------- */
	
#menu1 { float:right; width:363px; margin:0; padding:0; font-size:70%; font-weight:bold; }
#menu1 ul { margin:0; padding:0; list-style:none; }
#menu1 li { width:120px; margin:0; padding: 0; text-align:center; float:left; }
#menu1 li a { display: block; width:120px; height: 16px; text-decoration:none; border-left:1px solid #ccc; background-repeat:no-repeat; }	
#menu1 li a:link, #menu1 li a:visited { display: block; }
#menu1 li a:hover { color:#000000; text-decoration:underline;  }	

/*- Left Menu --------------------------- */
	
#menu2 { position:relative; float:left; top:0; width:160px; font-size:70%; font-weight:bold; }
#menu2 ul { margin:0; padding:0; list-style: none; }

/*#menu2 li a { display:block; height:14px; text-decoration:none; border-bottom:1px solid #cccccc; padding:10px 0 12px 8px; }	
#menu2 li a:link, #menu2 li a:visited { display:block; background:#eeeedd; padding:4px 0 5px 8px; }
#menu2 li a:hover { color:#000000; text-decoration:underline; background:#d6d6ae; padding:4px 0 5px 8px; }	
#menu2 li.on a { background:#eeeedd; }	
#menu2 li.on a:hover { color:#000000; text-decoration:underline; background:#d6d6ae; padding:4px 0 5px 8px; }	
*/

/*- Module and Shadow --------------------- */

/*.p-shadow { 
  width: 735px; 
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 25px !important;
  margin: 10px -20px 0 10px;
  }

.p-shadow #shadow2 {
  border-top: 1px solid #eee;
  background: none !important;
  background: url(images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow #shadowborder {
  background-color: #fff;
  border: 1px solid #999;
  padding: 0;
  margin: -6px 6px 6px 0 !important;
  margin: 0;
  }

#shadowholder { margin:10px 15px 20px 20px; background:url('images/shadow-r.gif'); background-repeat:no-repeat; background-position:top right; }
*/

#poll {
    width:160px;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;    
    border: 1px solid #cccccc;
}

p.messages {
    font-weight: bold;
    background-color: #b2211f;
    color: #fff;
    padding: 4px;
}
.lifebullet {
    list-style-image: url(images/icons/monitor.gif);    
}

.profile-box-wrapper {
    width:500px; margin:0; padding:0;
}

.profile-box-header {
    width:487px; 
    margin: 8px 0 0 0; padding:6px 5px 4px 10px; 
    background: top left no-repeat url(images/2009-profile-box-header.jpg); 
    color: white;
}

.profile-box-header a {
    color: white;
}

.profile-box-content {
    width:480px; margin:0; padding: 10px;  border:1px solid #999;
    overflow: auto;
}

.learning-box-wrapper {
    float:left; display:block; width:245px; margin:0 10px 0 0; padding:0;
}
.learning-box-header {
    width:245px; margin: 8px 0 0 0; padding:6px 5px 4px 10px; 
    background: top left no-repeat url(images/2009-half-header.jpg);
    color: white;
}
.learning-box-header a {
    color: white;
}
.learning-box-content {
    width:245px; margin:0; padding: 0;  border-top:1px solid #999;
}


.profile-links-ul {
    width: 510px; padding: 0; margin: 8px 0 0 0; float: left;
}
.profile-links-ul li {
    position: relative;
    float: left;
    display: block;
    width: 245px;
    height: 64px;
    overflow: hidden;
    border: 1px solid rgb(220,225,200);
    background-color: rgb(240,245,220);
    margin: 0 6px 6px 0;
}
.profile-links-ul li a {
    display: block;
    width: 256px;
    height: 64px;
    line-height: 64px;
    background-color: rgb(240,245,220);
    text-decoration: none;
}
.profile-links-ul li a span {
    display: block;
    width: 256px;
    height: 128px;
}
.profile-links-ul img {
    position: relative;
    left: 0;
    margin-right: 8px;
}
.profile-links-ul li a:hover {
    text-decoration: none;
    background-color: rgb(250,255,230);
}

.learning-links-ul {
    width: 250px; padding: 0; margin: 4px 0 4px 0; float: left;
}
.learning-links-ul li {
    position: relative;
    float: left;
    display: block;
    width: 243px;
    height: 64px;
    overflow: hidden;
    border: 1px solid rgb(220,225,200);
    background-color: rgb(240,245,220);
    margin: 0 6px 6px 0;
}
.learning-links-ul li a {
    display: block;
    width: 245px;
    height: 64px;
    line-height: 64px;
    background-color: rgb(240,245,220);
    text-decoration: none;
}
.learning-links-ul li a span {
    display: block;
    width: 245px;
    height: 128px;
}
.learning-links-ul img {
    position: relative;
    left: 0;
    margin-right: 8px;
}
.learning-links-ul li a:hover {
    text-decoration: none;
    background-color: rgb(250,255,230);
}

/*
 *    PHQ GAD-7 / GAD 9 Styles
 */

    .phq-quiz
    {
        position: relative;
        float: left;
        background: rgb(240,240,240);
        padding: 8px;
    }
    
    .phq-quiz .question
    {
        float: left;
        display: block;
    }

    .phq-quiz p
    {
        float: left; width: 240px; margin: 4px 0 0 0; padding: 0 16px 0 0;
    }
    
    .phq-quiz ul 
    {
        margin: 0; padding: 0;
        float: right;
        list-style-type: none !important;
        text-align: center;
    }

    .phq-quiz ul li
    {
        float: left; margin: 0; padding: 4px 0 4px 0;
        width: 48px;
    }
    .phq-quiz .submit {
        float: right;
    }
 
 
    ul.smiley-header {
        list-style-type: none;
        padding: 0; margin: 0; float: none; clear: both;
    }
    
    ul.smiley-images {
        list-style-type: none;
        padding: 0; margin: 0; float: none; clear: both;
    }

    ul.smiley-header li {
        font-size: 0.8em;
        text-align: center;
        padding: 0 16px 0 0; margin: 0; float: left; width: 48px;
    }
    
     ul.smiley-images li {
        padding: 0 16px 0 0; margin: 0; float: left; width: 48px;
    }
    
    
    
    /* alternate row colours */    
    .lc-c1 { background-color: rgb(224,224,194) !important; }
    .lc-c2 { background-color: rgb(214,214,174); }
    .rc-c1 { background-color: #ffffee; }
    .rc-c2 { background-color: #eeeedd; }
    .lc-c1 span { display: block; padding: 2px; }
    .lc-c2 span { display: block; padding: 2px; }
    .rc-c1 span { display: block; padding: 2px; }
    .rc-c2 span { display: block; padding: 2px; }