/* DEFAULTS
----------------------------------------------------------*/
body {
    background-color: #fff;
    font-size: 12px;
    font-family: Arial, Sans-Serif, Helvetica;
    color: #000;
    }



p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

a {color:#000;}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000000;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
     
}

h1
{
    font-size: 2.1em;
    padding-bottom: 8px;
    padding-top:8px;
    margin-bottom: 0px;
    margin-top:0px;
    font-weight:bold;
   
    
}

h2
{
    font-size: 1.4em;
    font-weight: bold;
    margin-top:5px;
    margin-bottom:5px;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 956px;
    background-color: #fff;
    margin: 10px auto 0px auto;
    
}

.header
{
    height:150px;
    width: 100%;
}

#banner
{
    height:94px;
    width:955px;
    background:#000;
}
    #banner img,
    #banner a img
    {
        float:left;
        display:inline-block;
    }
    
#focusHeaders 
{
    position:relative;
    top:0;
    left:0;
    display:inline-block;
    height:222px;
    width:955px;
}
    #focusHeaders img
    {
        position:absolute;
        top:0;
        left:0;
    }
    #focusHeaders img.hideImg
    {
        display:none;
    }

.main
{
    margin-top:10px;
}

#login
{
    height:22px; 
    background-color:#b3b3b3;
    padding-top:2px;
    padding-left:12px;
    padding-bottom:4px;
    width:943px;
 
}

#home{width:956px;}
#home .col1{background-color:#19aaa9; width:290px; padding:10px; float:left; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid #19aaa9; min-height:484px;}
#home .col2{background-color:#9acecf; width:290px; padding:10px; float:left; margin-left:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #9acecf; min-height:484px;}
#home .col3{background-color:#cbe4e5; width:290px; padding:10px; float:left; margin-left:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #cbe4e5; min-height:484px;}

#members{width:956px}
#members .col1{background-color:#19aaa9; width:290px; padding:10px; float:left; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid #19aaa9;}
#members .col2{background-color:#19aaa9; width:290px; padding:10px; float:left; margin-left:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #19aaa9; }
#members .col3{background-color:#19aaa9; width:290px; padding:10px; float:left; margin-left:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #19aaa9;}
#members h2{color:#fff;}

#footer
{
    width:956px;
    margin-bottom:5px;
    margin-top:5px;
    color:#00a9a9;
    font-size:11px;
}

#footer a{ font-weight:bold;color:#000;font-size:12px; text-decoration:none;}

.content
{
    margin-left:15px;
    padding-bottom:10px;
}


/* TAB MENU   
----------------------------------------------------------*/

ul.menu { list-style: none; width:956px; padding:0; margin:auto;}
ul.menu li .item{ padding: 5px; border-right: solid 3px #fff; width:8.9em; text-align:center; background-color:#9acecf; }
ul.menu li:hover .item{ background-color: #19aaa9; color:#fff; }
ul.menu li a { color: #000; text-decoration: none; font-weight: bold; display: block; }
ul.menu li.selected .item{ background-color: #19aaa9; color:#fff; }
ul.menu li{float:left;}





/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset.login
{
    background-color:#f5eead;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

.label
{
    float: left;    
    width: 25em;    
    margin-right: 1em;    
    text-align: right;  
    font-weight:bold;
   
   
}

.submit
{
    float:right;
    margin-right:230px;
}

input[type=text]
{
    width: 400px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; border: 1px solid #666;
    height:20px;
}

input.textEntry 
{
    width: 200px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; border: 1px solid #fff;
    height:14px;
}

.multiline
{
        width: 400px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; border: 1px solid #666;
    height:120px;
}

input.passwordEntry 
{
    width: 400px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; border: 1px solid #666;
    height:20px;
}

div.accountInfo
{
    width: 430px;
}

.loginButton
{
    
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.roundedBorder
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; border: 1px solid #fff;
    
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}


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

  .banner {width:898px; height:184px; position:relative;  left:0px; top:0px; }  
	.banner a img { position:absolute; top:0; left:0; }
	.banner a img.hideImagef { display:none; }

 .slideshow { width:898px; height:184px; margin:0px; overflow:hidden; }  
  .slideshow li { list-style:none; float:left; display:inline; position:relative; }  
  
  .blueTextLarge
  {
      color:#165daa; font-weight:bold; font-size:large;
  }
  
  .blueText
  {
      color:#165daa; font-weight:bold; font-size:13px;
  }
  
  .redText
  {
      color:#ed1c33; font-weight:bold; font-size:13px;
  }
  
  .greenText
  {
      color:#8bc540; font-weight:bold; font-size:13px;
  }
  

.top-introduction .intro-background
{
    background-image: url('../../Images/hta_intro_background.jpg');
    background-repeat: no-repeat;
    width:633px;
    height:144px;
    float:left;
}
.top-introduction .intro-background p
{
    margin:0px;
    padding:10px;
}
.top-introduction .complete-set { float:right;}

.homepage-hta-news img
{
    padding:10px 0px 10px 10px;
}

.hta-news ul { list-style:none;  padding:0px;}
.hta-news ul li { width:470px; float:left;  height:160px; padding-top:15px;  }
.hta-news ul li img {border:none;}
.hta-news ul li .htc-month{font-size:13px; font-weight:bolder;}
.hta-news ul li .htc-title{font-size:11px; font-weight:bolder;}
.hta-news ul li .htc-body{ font-size:10px;}