/**
*   FACT base css 
*/
 
/* --------------------- init ------------------------ */

* { border: 0; }

html, body { text-align: center; margin: 0; padding: 0; text-align: center; line-height: 19px; font: 12px tahoma, sans-serif; color: #4B4B4B; height: 100%;  }

/* remove background color from body for Contribute */
#background { background: #8CB31A url(../images/leaves.jpg) no-repeat top center; height: auto !important; height: 100%; min-height: 100%; padding-bottom: 30px; }

/* LINKS */
a { text-decoration: none; color: #336699; }
a:hover { text-decoration: underline; }

/* PARAGRAPHS */
p { margin: 0; padding-bottom: 10px; }


/* LISTS */
ul { margin: 0 0 10px 0 !important; padding: 0 ; list-style: none; }

/* HEADERS */
h1, h2, h3, h4 { color: #669900; font-size: 18px; font-weight: normal; margin: 0; padding: 0; }
h2 { font-size: 16px; padding-bottom: 10px; line-height: 21px; }
h3 { font-size: 14px; line-height: 19px; padding-top: 10px; }
h4 { font-size: 13px; padding: 10px 0 5px 0; }

/* FORMS */
form { margin: 0; padding: 0; }
.textbox, .textArea, select { width: 180px; border: 1px solid #DADADA; line-height: 19px; font: 12px tahoma, sans-serif; color: #4B4B4B; padding: 3px 0; }
a.btn-submit { display: block; background: url(../images/btn-submit.gif) no-repeat; width: 59px; height: 26px; }
a.btn-submit:hover { background-position: 0 -26px; text-decoration: none; }
a.btn-search { display: block; background: url(../images/btn-search.gif) no-repeat; width: 59px; height: 26px; }
a.btn-search:hover { background-position: 0 -26px; text-decoration: none; }
a.btn-login { display: block; background: url(../images/btn-login.gif) no-repeat; width: 50px; height: 26px; }
a.btn-login:hover { background-position: 0 -26px; text-decoration: none; }
a.btn-upload { display: block; background: url(../images/btn-upload.gif) no-repeat; width: 77px; height: 26px; }
a.btn-upload:hover { background-position: 0 -26px; text-decoration: none; }
a.btn-browse { display: block; background: url(../images/btn-browse.gif) no-repeat; width: 59px; height: 26px; }
a.btn-browse:hover { background-position: 0 -26px; text-decoration: none; }
a.btn-password { display: block; background: url(../images/btn-forgot-password.gif) no-repeat; width: 129px; height: 26px; }
a.btn-password:hover { background-position: 0 -26px; text-decoration: none; }
a.btn-save { display: block; background: url(../images/btn-save.gif) no-repeat; width: 50px; height: 26px; }
a.btn-save:hover { background-position: 0 -26px; text-decoration: none; }
a.btn-reset { display: block; background: url(../images/btn-reset.gif) no-repeat; width: 50px; height: 26px; }
a.btn-reset:hover { background-position: 0 -26px; text-decoration: none; }
a.btn-go { display: block; background: url(../images/btn-go.gif) no-repeat; width: 36px; height: 26px; }
a.btn-go:hover { background-position: 0 -26px; text-decoration: none; }
a.btn-delete { display: block; background: url(../images/btn-delete.gif) no-repeat; width: 54px; height: 26px; }
a.btn-delete:hover { background-position: 0 -26px; text-decoration: none; }
a.btn-enter-groups { display: block; background: url(../images/btn-enter-groups.gif) no-repeat; width: 117px; height: 26px; }
a.btn-enter-groups:hover { background-position: 0 -26px; text-decoration: none; }

a.btn-cancel { display: block; background: url(../images/btn-cancel.gif) no-repeat; width: 59px; height: 26px; }
a.btn-cancel:hover { background-position: 0 -26px; text-decoration: none; }
a.btn-confirm { display: block; background: url(../images/btn-confirm.gif) no-repeat; width: 66px; height: 26px; }
a.btn-confirm:hover { background-position: 0 -26px; text-decoration: none; }



/* --------------------- misc ------------------------ */

.clear { clear: both; height: 1px; line-height: 1px; }
.dark-grey { color: #333333; }
.blue { color: #336699; }
.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.min-height { height: 400px; } 
.no-padding { padding: 0; }
.padding-b-20px { padding-bottom: 20px; }
.float-r { float: right; }
.white { color: #fff; }
hr { border-bottom: 1px solid #DADADA; height: 1px; }
.red { color: #FF0000; }
.error { display: none; padding-top: 3px; }
.divider { font-size: 10px; padding: 0 5px; color: #777; }


/* --------------------- header ------------------------ */

#header { margin: 0 auto; width: 795px; position: relative; text-align: left; position: relative; height: 120px; }

#logo { behavior: url(../_css/iepngfix.htc); margin: 15px 0 0 10px; }

ul#utility-nav { float: right; padding-top: 17px; margin-right: -12px; width: 220px; }
ul#utility-nav li { float: right; padding-left: 10px; color: #fff; }
ul#utility-nav li a { color: #fff; font-size: 10px; margin-right: 15px; }
ul#utility-nav li a.no-margin { margin-right: 0; }

/* MAIN NAV */
ul#main-nav { position: absolute; top: 55px; right: 0; margin-right: -5px; }
ul#main-nav li { float: left; height: 43px; }
ul#main-nav li.li1 { width: 110px; }
ul#main-nav li.li2 { width: 104px; }
ul#main-nav li.li3 { width: 124px; }
ul#main-nav li.li4 { width: 98px; }
ul#main-nav li.li5 { width: 110px; }
ul#main-nav li.li6 { width: 83px; }
ul#main-nav li a { display: block; height: 43px; }
ul#main-nav li.li1 a { background: url(../images/btn-about.jpg) no-repeat; }
ul#main-nav li.li2 a { background: url(../images/btn-about-membership.jpg) no-repeat; }
ul#main-nav li.li3 a { background: url(../images/btn-about-news.jpg) no-repeat; }
ul#main-nav li.li4 a { background: url(../images/btn-about-community.jpg) no-repeat; }
ul#main-nav li.li5 a { background: url(../images/btn-about-links.jpg) no-repeat; }
ul#main-nav li.li6 a { background: url(../images/btn-about-blog.jpg) no-repeat; }
ul#main-nav li a:hover, ul#main-nav li a.active { background-position: 0 -43px; text-decoration: none; }



/* --------------------- content ------------------------ */

#content { width: 795px; text-align: left; padding: 0 5px 10px 5px; margin: 0 auto; background: #fff url(../images/col-left-border.gif) no-repeat 5px bottom; position: relative; }

#coverBorder { background-color: #fff; width: 275px; height: 5px; }



/* COL-LEFT */
#col-left { width: 275px; float: left; margin-top: -5px; padding-top: 5px; }
#col-left table { width: 275px; border-top: 1px solid #DADADA; border-left: 1px solid #DADADA; background-color: #fff; }
#col-left table tr td h1 { margin: -4px 0 0 0 ; }
#col-left table tr td { padding: 12px 7px 7px 10px; border-right: 1px solid #DADADA; border-bottom: 1px solid #DADADA; line-height: 18px;  }
#col-left table tr td.no-border-bottom { border-bottom: 0; }
#col-left form table, #col-left form table tr td { border: 0; padding: 0; padding-bottom: 3px; }
#col-left form table { width: 230px; }
#col-left form table tr td.td1 { width: 55px; }
#col-left form table tr td a.btn-submit { float: right; }
#col-left form table tr.tr3 td { padding-top: 8px; }



/* COL-RIGHT */
#col-right { float: right; width: 512px; line-height: 19px;  }
#text-indent { padding: 15px 15px 30px 10px; line-height: 19px;  }
#text-indent h3 { padding-bottom: 15px; }
#text-indent h2 { padding-bottom: 20px; }
#text-indent ul { padding: 0 0 0 20px; list-style-image: url(../images/bullet.gif); }
#text-indent ol { margin: 0; padding: 0 0 10px 25px; }
#text-indent ol li.padding-bottom { padding-bottom: 10px; }



/* SITEMAP */
.sitemap { width: 100%; margin: 20px 0; }
.sitemap tr td { width: 50%; padding-top: 7px; }
.sitemap tr.header td { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 7px 0; }
.sitemap tr td.td1 { padding-right: 10px; }
.sitemap tr td a { color: #4B4B4B; }
.sitemap tr td a:hover { color: #336699; }



/* --------------------- footer ------------------------ */

#footer { margin: 0 auto; width: 795px; color: #fff; font-size: 10px; }
#footer p { padding-top: 12px; letter-spacing: 1px; }
#footer p span.spacer { margin: 0 5px; }
#footer a { color: #fff; }
#footer ul { margin: 0 auto; padding-top: 22px; margin-right: -10px; }
#footer ul li { display: inline; padding-left: 5px; color: #fff; }
#footer ul li a { margin-right: 10px; }