﻿/* html, body {
	height: 100%;
	margin: 0;
	padding: 0;
    text-align: center;
    width: 960px;
} */

/* Rules for Opera
@media all and (min-width: 0px) {
	html, body {
		height: auto;
	}
}
*/
 
body {
	background-color: #eaeaea;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-style: normal;
	margin: 0;
	padding: 0;
    text-align: center;
}

body, .button, select, textarea, .textfield {
	color: #000; /* Default colour of all text */
	font-family: Arial, Helvetica, sans-serif;
}

/* Container */
.container
{
	text-align: left;
	position: relative;
	background-color: #fff;
	width: 1090px;
    margin-right:auto;
	margin-left:auto;
	background-repeat: repeat-y;
}

/* Main */
#main 
{
    width: 960px;
    margin-left: 50px;
}
	
/* Bottom Fade */
.bottomFade
{
	margin: 0 auto;
	width: 1090px;
	clear: both;
	background-repeat: repeat-y;
	height: 80px;
}

/* Masthead */
#masthead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #9abb50;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	width: 960px;	
}
#masthead .left 
{
    margin-left: 1px;
    float: left;
}
#masthead .right
{
	padding-top: 5px;
    float: right;
    text-align: right;
}
#masthead .right a
{
    color: #666;
	background-color: #fff;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 2px;
}
#masthead .right a:hover
{
    text-decoration: underline;
}

/* Navigation */
#navigationTop
{
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	width: 960px;
}
#navigationTop .item, #navigationTop .itemLogin, #navigationTop .itemJoinUs
{
    color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.9em;
	float: right;
	padding-right: 20px;
	text-align: center;
	background-color: #fff;
}
#navigationTop .item a, #navigationTop .item a:visited,
#navigationTop .itemLogin a, #navigationTop .itemLogin a:visited,
#navigationTop .itemJoinUs a, #navigationTop .itemJoinUs a:visited
{
    color: #666;
	background-color: #fff;
	text-decoration: none;
}
#navigationTop .itemLogin a, #navigationTop .itemLogin a:visited
{
    color: #9abb50;
}
#navigationTop .itemJoinUs a, #navigationTop .itemJoinUs a:visited
{
    color: #f60;
}
#navigationTop .item a:hover, #navigationTop .itemLogin a:hover, #navigationTop .itemJoinUs a:hover
{
    text-decoration: underline;
}

/* SubNav */
#navigationBreadcrumb
{
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
    width: 960px;
	border-top: 1px solid #9abb50;
	border-bottom: 1px solid #adaeb2;
}
#navigationBreadcrumb div
{
    color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.9em;
	border-width: 0;
	float: left;
	text-align: center;
	background-color: #fff;
	margin-right: 10px;
}
#navigationBreadcrumb div a
{
    text-decoration: none;
}
#navigationBreadcrumb div a:hover
{
    text-decoration: underline;
}
.navigationBreadcrumbArrow
{
    margin-bottom: 1px;
    margin-right: 5px;
}

/* Content */
.content
{
	background-color: #f44;
	border: 0px;
	width: 990px;
}

.content #left
{
    width: 769px;
	padding: 15px;
	border: 0px;
    border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
    color: #000;
    background-color: #fff;
	padding-right: 15px;
	vertical-align: top;
}

.content #right
{
	background-color: #f44;
	padding: 15px 15px 15px 0;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
    background-color: #fff;
	vertical-align: top;
	color: #666;
}

.content #left a,
.content #right a
{
    color: #666;
    text-decoration: none;
}
.content #left a:hover,
.content #right a:hover
{
    text-decoration: underline;
}
.content #left h1 a
{
    color: #000;
}

/* Footer */
.footer, .footerCopyright
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	background-color: #fff;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
    text-align: center;
}
.footer .left, .footer .middle, .footer .right
{
    float: left;
    width: 310px;
}
.footer .left a, .footer .middle a, .footer .right a
{
    color: #666;
	text-decoration: none;
}
.footer .left a:hover, .footer .middle a:hover, .footer .right a:hover
{
    text-decoration: underline;
}
.footer .left .arrow, .footer .middle .arrow, .footer .right .arrow
{
    margin-bottom: 1px;
}
.footerCopyright
{
    color: #666;
	padding-top: 10px;
}
.footer hr, .footerCopyright hr
{
    text-align: center;
    color: #adaeb2;
    background-color: #adaeb2;
    width: 960px;
    border: 0px;
    height: 1px;
	margin-bottom: 10px;
}

/* News */
#syndication .item
{
    border-top: solid 1px #ddd;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px; 
    padding-right: 5px;
    background-color: #eee;
    margin-bottom: 5px;
}
#syndication .item .date
{
}
#syndication .item .postedBy
{
}
#syndication .item .subject
{
    padding-bottom: 5px;
}
#syndication .item .subject a
{
    color: #000;
    text-decoration: none;
}
#syndication .item .subject a:hover
{
    text-decoration: underline;
}
#syndication .item .body
{
    padding: 5px;
    background-color: #fff;    
}
#syndication .item .body a
{
    color: #000;
}
.postNews
{
    border-top: solid 1px #ddd;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #eee;    
    margin-top: 5px;
}
.postNews input
{
    width: 400px;
    width: 99%;
}

/* Navigation Side */
.navigationSide
{
    width: 166px;
    padding: 5px;
    margin-bottom: 5px;
    text-decoration: none;
    cursor: hand;
}

/* Forum */
#forum .itemThread,
#forum .itemThreadTiny,
#forum .itemPost,
#forum .postThread,
#forum .postReply
{
    border-top: solid 1px #ddd;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #eee;    
}
#forum .postThread,
#forum .postReply
{
    margin-top: 5px;
}
#forum .postThread input,
#forum .postReply input
{
    width: 400px;
    width: 99%;
}
#forum .itemThread
{
    border-top: solid 1px #ccc;
    background-color: #ddd;    
}
#forum .itemThread,
#forum .itemPost
{
    margin-bottom: 5px;
}
#forum .itemThreadTiny .subject,
#forum .itemThreadTiny .date,
#forum .itemThreadTiny .postedBy,
#forum .itemThreadTiny .posts,
#forum .itemThreadTiny .viewed
{
    float: left;
}
#forum .itemThreadTiny .subject
{
    width: 45%;
}
#forum .itemThreadTiny .subject a
{
    color: #000;
    text-decoration: none;    
}
#forum .itemThreadTiny .subject a:hover
{
    text-decoration: underline;    
}
#forum .itemThreadTiny .date,
#forum .itemThreadTiny .postedBy
{
    width: 15%;
}
#forum .itemThreadTiny .posts,
#forum .itemThreadTiny .viewed
{
    width: 12.5%;
}
#forum .itemThread .date,
#forum .itemPost .date
{
}
#forum .itemThread .postedBy,
#forum .itemPost .postedBy
{
}
#forum .itemThread .subject,
#forum .itemPost .subject
{
    padding-bottom: 5px;
}
#forum .itemThread .subject a
{
    color: #000;
    text-decoration: none;
}
#forum .itemThread .subject a:hover
{
    text-decoration: underline;
}
#forum .itemThread .body,
#forum .itemPost .body
{
    padding-top: 10px;
    background-color: #fff;
    padding: 5px;
}
#forum .itemThread .body a,
#forum .itemPost .body a
{
    color: #000;
    text-decoration: underline;
}
#forum div a
{
    color: #666;
    text-decoration: none;
}
#forum div a:hover
{
    text-decoration: underline;
}
#forum .arrowForum
{
    margin-bottom: 1px;
}

/* Profile */
.profile .left, .profile .right
{
    float: left;
    line-height: 1.7em;
}
.profile .left
{
    width: 200px;
}
.profile .right
{
    width: 500px;
}

/* File Manager */
.fileManager .left, .fileManager .right
{
    float: left;
    line-height: 1.7em;
}
.fileManager .left
{
    width: 200px;
}
.fileManager .right
{
    width: 500px;
}

/* News and Forum actions */
.itemActions
{
    text-align: left;
    color: #666;
}
.itemActions img
{
    margin-right: 0px;
    padding-bottom: 1px;
}
.itemActions a
{
    color: #666;
    text-decoration: none;
}
.itemActions a:hover
{
    text-decoration: underline;
}
.itemActionsNews
{
    margin-left: 5px; 
    padding-top: 4px;
}
.itemActionsForum
{
    margin-left: 5px; 
    padding-top: 4px;
}
.itemActionsLoggedIn 
{
    color: #000;
    border: solid 1px #ddd;
    padding: 5px;
    margin-top: 5px;
}
.itemActionsLoggedIn a
{
    color: #000;
    text-decoration: underline;
}

/* File Download */
.fileDownload .file
{
    border: solid 1px #ddd;
    padding: 5px;
    margin: 5px 5px 0px 5px;
} 
.fileDownload .file .icon
{
    float: left;
    padding-right: 5px;
    
} 
.fileDownload .file .name
{
    float: left;
} 
.fileDownload .file .icon a,
.fileDownload .file .name a
{
    color: #000;
}
.fileDownload .error a
{
    color: #fff;
}
.fileDownload .description
{
    margin: 0px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
} 
.fileDownload .error
{
    background-color: #f00;
    color: #fff;
    margin: 0px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
} 

/* Social Bookmarks */
.bookmarkWith
{
    margin: 0px;
    padding: 0px;
    float: right;
}
.bookmarkWith a 
{
    color: #666;
    text-decoration: none;
}
.bookmarkWith a:hover
{
    text-decoration: underline;
}

/* Login */
.loginError
{
    padding: 5px;
    border: solid 1px #ddd;
    margin-bottom: 10px;
}
.loginError a
{
    color: #000;
    text-decoration: underline;
}
.loginUsernamePassword
{
    float: left;
}
.loginPasswordEmail
{
    float: left;
    margin-left: 10px;
    border-left: solid 1px #ccc;
    padding-left: 10px;
}
.loginPasswordEmailSent
{
    padding: 5px;
    border: solid 1px #ddd;
    margin-bottom: 10px;
}

/* Community */
.communityCompany, .communityPerson
{
}
.communityCompany .left, .communityPerson .left
{
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    width: 400px;
    overflow: hidden;
    margin-top: 20px;
}
.communityCompany .right, .communityPerson .right
{
    float: left;
    margin-top: 20px;
}
.communityCompany .bottom, .communityPerson .bottom
{
}

/* Accordion */
.ahWhat
{
    background-color: #666666;
    cursor: hand;
    font-size: 17px;
    color: #fff;
    padding: 3px;
}
.ahWhy
{
    background-color: #666634;
    cursor: hand;
    font-size: 17px;
    color: #fff;
    padding: 3px;
}
.ahMembership
{
    background-color: #9A3334;
    cursor: hand;
    font-size: 17px;
    color: #fff;
    padding: 3px;
}
.ahSystem
{
    background-color: #343399;
    cursor: hand;
    font-size: 17px;
    color: #fff;
    padding: 3px;
}
