/* Template Styles */

html { 
    text-align: center; 
    margin: auto; }

body { 
    background: #3f558c url('../images/tile.gif') repeat-x center top;
    font-family: tahoma, arial, helvetica, sans-serif;
    text-align: center; 
    font-size: 12px;
    line-height: 16px;
    color: #5f5f60;
    margin: auto; 
    }


/*  LINKS */

a {
    color: #3f558c; 
    text-decoration: none;
    }

a:visited {
    color: #2a3f72;
    }

a:hover {
    color: #2a3f72;
    text-decoration: underline; 
    }


table, td, a img, form {
    padding: 0; 
    border: none; 
    margin: 0;
    }

td {
    text-align: left;
    vertical-align: top;
    }

input, select { 
    font-size: 11px; 
    margin: 2px 0 0 0; 
    }

div#wrapper {
    width: 764px; 
    padding: 4px; 
    margin: 0 auto;
    border: 1px solid #1d3548;
    background-color: #f8f8fb;
    }


/* HEAD */

div#printhead{
    display:none;
    }

div#head{
    text-align: left;
    margin: 0 auto;
    width: 774px;
    height: 94px; OVERFLOW-Y: hidden;
    }

div#head a img{
    margin: 15px 0 0 8px;
    }

div#head div#signup{
    float: right;
    margin: 43px 0 0 0;
    width: 210px;
    text-align: left;
    }


/* TOP NAVIGATION*/

div#nav {
     width: 773px;
     padding-left: 1px; 
     margin: 0 auto;
     text-align: center;  
     height:54px; 
     OVERFLOW-Y: hidden;
     }

body > div#nav {
     overflow: visible;
     }

div#nav ul {
     padding: 0; 
     margin: 0; 
     list-style: none; 
     width: 773px; 
     z-index: 100;
     }

div#nav li { 
    float: left; 
    height:54px; 
    padding: 0; 
    margin: 0; 
    position: relative; 
    display: block; 
    }

div#nav li a:hover{ 
    background: url('../images/menu_over.gif') no-repeat left top;
    display: block;  
    OVERFLOW-Y: visible;
    }

div#nav li ul { 
    display: none; 
    position: absolute; 
    top: 40px; 
    font-size: 11px;
    left: 0px; 
    width:150px; 
    border-top: 1px solid #434d72; 
    }

div#nav li li { 
    width:150px; 
    height: auto; 
    line-height: 20px; 
    text-align: left;
    border: 1px solid #434d72; 
    border-top: none; 
    background-image: none; 
    background-color: #131f4d; 
    display: block;
    }

div#nav li li a { 
    display: block; 
    color: #abbac4;
    padding-left: 5px; width: 100%;
    }

div#nav li li>a { 
    display: block; 
    padding-left: 5px; width: auto;
    }

div#nav li li a:hover { 
    background-image: none; 
    display: block;
    color: white; 
    background-color: #a00000;
    text-decoration: none; 
    }

div#nav li:hover ul {  
    display: block; 
    }

div#nav li.over ul { 
    display: block; 
    }

/* HOME STRUCTURE*/


div#top {margin: 0 0 4px 0; height: 313px;}

div#action, div#flash {
    height: 309px; float: right; display: inline;
    }

#action {
    width: 238px;
    padding: 0 7px 0 7px;
    margin: 0; 
    text-align: left;
    background: #b12a1e url('../images/actiontile.jpg') no-repeat center top; 
    }

#action a img{
    display: block; margin-top: 8px;
    }

div#flash {
    width: 512px;
    margin: 0; padding: 0;
    background: #b12a1e;
    }

.clear { clear: both; }


div#linkstop {
    width: 764px;
    height: 9px;  OVERFLOW-Y: hidden;
    margin-top: 4px; 
    background: url('../images/links_top.gif') no-repeat center top;
    }

div#links {
    width: 764px; 
    background: url('../images/links_tile.gif') repeat-y center top;
    text-align: left;
    }

#links:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 12px;
    }

#links {display: inline-table; }

#linksbottom {
    width: 764px;
    height: 9px;
    background: url('../images/links_bottom.gif') no-repeat center top;
    }


#help, #news, #connect { float:left; width: 234px; padding: 0 9px 0 9px; margin: 0 auto;}

#help, #news { margin-right: 4px;}

#help div.inner, #news div.inner, #connect div.inner {
    margin: 7px 0 0 0; padding: 0;
    }

#help div.inner a img{
    margin: 0 0 8px 0;
    }

#news div.inner {
    width: 216px;
    padding: 3px 8px 3px 8px;
    background: #faf9f7 url('../images/links_news_innertile.gif') no-repeat center top;
    border: 1px solid #c8cbe7;
    }

div.inner ul { 
    list-style: none; 
    padding: 0; 
    margin: 0;
    }

div.inner li { 
    padding: 0; 
    margin:  0;
    line-height: 18px;
    }

div.inner li a {  
    border-bottom: 1px solid #e3e5f3; display: block; padding: 5px 0 5px 0; 
    }

div.inner li a:hover{  
    border-bottom: 1px solid #c8cbe7; display: block; 
    }

div.networks{  
    border: 1px solid #c8cbe7; margin: 8px 0 5px 0; 
    }

div.more { text-align: right; padding: 5px 0 5px 5px;}


/* LISTS */

ul#frontlist { width: 425px; }
ul.sidebarlist { width: 220px; }
ul.pagelist { width: 680px; }

#news ul, ul#frontlist, ul.sidebarlist, ul.pagelist { 
    list-style: none; 
    padding: 0; 
    margin: 0;
    }

#news li, ul#frontlist li, ul.sidebarlist li, ul.pagelist li { 
    padding: 0; 
    margin: 0 0 0 0;
    }

#news li h2, ul#frontlist li h2, ul.sidebarlist li h2, ul.pagelist li h2 {
    font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", sans-serif; 
    font-size: 1.25em;
    margin: 0;
    padding: 1.25em 0 0 0;
    }

#news li p, ul#frontlist p, ul.sidebarlist p, ul.pagelist p { 
    margin: 0;
    font-size: 1em;
    line-height: 1.5em;
    padding: 3px 0 0 0;
    }

ul#frontlist p.date, 
ul.sidebarlist p.date, 
ul.pagelist p.date{
    color: #4a4a4a;
    font-size: .9em;
    line-height: 1.5em;
    }


/* SECONDARY STRUCTURE*/

div#id, div#idwide { 
    width: 764px;
    height: 45px;
    text-align: left;
    }

div#id { 
    background: url('../images/id_tile.gif') no-repeat center top; 
    }

div#idwide { 
    background: url('../images/id_tile_wide.gif') no-repeat center top; 
    }

div#id a img, div#idwide a img{ 
    margin: 5px 0 0 5px;
    }

#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 12px;
    }

#content {display: inline-table; background: url('../images/contenttile.gif') repeat-y center top; width: 764px; text-align: left;}

/* Hides from IE-mac \*/
* html #content {height: 1%;}
#content {display: block;}
/* End hide from IE-mac */

#contentwide { width: 724px; padding: 20px; text-align: left;}


div#left { 
    margin: 0;
    padding: 20px 16px 20px 20px;
    width: 490px; float: left;
    }

div#right { 
    margin: 0;
    padding: 0 20px 20px 20px;
    width: 198px; float: left;
    }

#right a img {display: block; margin-top: 8px;}


/* SECTION NAVIGATION*/

div#submenu {
    width: 198px;
    }

div#submenu ul { 
    list-style: none; 
    padding: 0; 
    margin: 0;
    border-top: 1px solid #8a4b46;
    }

div#submenu li { 
    margin: 0;
    }

div#submenu li a {  
    padding: 4px 0 4px 0; 
    color: #d9c6c0;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #8a4b46;
    }

div#submenu li a:hover{  
    display: block; 
    text-decoration: none; 
    color: white;
    border-bottom: 1px solid #996d69;
    }


/* Front Styles */

div#sidebar, div#main { float: left; }

div#sidebar { width: 242px; padding: 1em 0 0 10px;}

div#main { width: 450px; padding: 0;}

div.sidemoduletop {
    background: url('../images/sidemodule_top_tile.gif') no-repeat center top;  
    height: 30px;
    width: 242px;
    }

div.sidemoduletop a img {
    margin: 10px 0 0 10px;
    }

div.sidemodulebottom {
    background: url('../images/sidemodule_bottom.gif') no-repeat center top;  
    height: 8px;
    width: 242px;
    }

div.sidemodule {
    background: url('../images/sidemodule_tile.gif') repeat-y center top;  
    padding: 0 4px 0 4px; 
    }

div.sidemodule div {
    background: url('../images/sidemodule_inner_tile.jpg') no-repeat center top;  
    padding: 8px 8px 0 8px;
    }

ul.sidebarlist li h2 {
    padding: 0;
    }

ul.sidebarlist li p {
    padding: 0 0 1.25em 0;
    }



/* Page Elements */

img.frontphoto {border: 1px solid #858dad; margin-top: 6px;}

div.pagemore { text-align: right; padding: 10px;}



/*  Content Article Styles*/

h1, h2, h3, h4  {
    font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", sans-serif; 
    margin: 0;
    color:  #494949;
    }

h1  { font-size: 1.5em; line-height: 1.5em; }
h2  { font-size: 1.30em; line-height: 1.5em; }
h3  { font-size: 1.15em; line-height: 1.5em; color: #6d6d6d;}
h4  { font-size: 1.0em; line-height: 1.5em; color: #6d6d6d;}

p.date  {
    font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", sans-serif; 
    font-size: .9em;
    margin: 0;
    padding: 0;
    color: #666666;
    }


/* Content List Styles */

ul#list { 
    list-style: none; 
    padding: 0; 
    margin: 0;
    width: 486px;
    }

ul#list li { 
    padding: 0 0 5px 0; 
    margin: 0;
    display: block;
    }

ul#list li a  {  
    display: block;
    padding: 5px; 
    }

ul#list li a:hover {  
    display: block; text-decoration: none; background: #f4f4f5; 
    }

ul#list li div.icon {
    float: left;
    width: 52px;
    margin: 0 10px 0 0;
    }

ul#list li a span.headline {
    font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", sans-serif; 
    font-size: 1.25em;
    margin: 0 0 2px 0;
    padding: 0;
    display: block;
    font-weight: bold;
    }

ul.icon span.headline, ul.icon span.description { padding-left: 62px;}

ul#list li a:hover span.headline {
    font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", sans-serif; 
    font-size: 1.25em;
    margin: 0 0 2px 0;
    padding: 0;
    display: block;
    color: #2a3f72;
    font-weight: bold;
    }

ul#list li a span.description { 
    text-decoration: none; 
    color: #4a4a4a; 
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    display: block;
    }

ul#list li a:hover span.description { 
    text-decoration: none; color: black;
    }

ul#list li a span.date {
    font-size: .9em; line-height: 1.5em; display: block; margin: 0; padding: 1px 0 0 0; color: #a0a0a0;
    }

ul#list li a:hover span.date {
    text-decoration: none; color: #4a4a4a;
    }


/* Blog Styles */

div.post {  
    padding: 0 0 10px 0; 
    margin: 0 0 10px 0;
    border-bottom: 1px solid #c8cbe7;
    width: 486px;
    }

div.post span.headline, div.post span.headline a:hover {
    font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", sans-serif; 
    font-size: 1.25em;
    margin: 0 0 2px 0;
    padding: 0;
    display: block;
    font-weight: bold;
    }

div.post span.headline a:hover {
    color: #2a3f72;
    }

div.post p {  
    color: #4a4a4a; 
    line-height: 1.5em;
    }

div.post blockquote { 
    text-decoration: none; 
    color: #4a4a4a; 
    margin: 0;
    padding: 0 0 0 15px;
    border-left: 5px solid #9eabcc;
    line-height: 1.5em;
    display: block;
    }

div.post span.author {
    font-size: .9em; font-weight: bold; line-height: 1.5em; display: block; margin: 0; padding: 1px 0 0 0; color: #a0a0a0;
    }

div.post span.date {
    font-size: .9em; line-height: 1.5em; display: block; margin: 0; padding: 1px 0 0 0; color: #a0a0a0;
    }


/* FOOTER */

#footer {
   margin: 0 auto; 
   padding-top: 5px;
   width: 774px;
   color: #d2d6de;
   font-size: 10px;
   text-align: left;
   font-family: tahoma,arial,helvetica,san serif;
   }

#footerlinks { margin: 0; padding: 0 0 0 6px; line-height: 16px; font-size: 11px; width: 200px; text-align: left;}
#footerlinks a { color: #ecedfc; font-weight: bold; text-decoration: none; }

#footerright {float: right; width: 325px;}

#authorization { width: 325px; padding: 2px; border: 1px solid #6475a0; text-align: center; float: right}

#credit { margin: 6px auto; width: 325px; padding: 0 6px 0 0; text-align: right; }

#credit a { color: #ecedfc; font-weight: normal; text-decoration: none; }

#footerlinks a:hover, #credit a:hover { color: white; text-decoration: underline; }


/**
 **	BSD TOOLS
 **/

/*
  spacing for radio buttons on contrib form
*/
#wrapper .radio {
    padding: 0 5px ;
    }
    
/*
  spacing for checkbox on contrib form
*/
#wrapper .legal_confirm_checkbox {
    margin-right: 5px ;
    }

/*
  spacing for checkboxes on signup form
*/
#wrapper label {
    padding: 0 0 0 4px;
    }

#wrapper label.field {
    padding: 0 ;
    }