/* elements */

body {
	background: #cddff9 url(images/background_gradient.jpg) repeat-x 0 0;
	font: .7em Tahoma;
	color: #848484;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 2em;
	margin: .67em 0;
}
h2 {
	font-size: 1.5em;
	margin: .83em 0;
}
h3 {
	margin: 1em 0;
	font-size: 1.17em;
}
h4 {
	font-size: 1em;
}
h4, p {
	margin: 1.33em 0;
}
/*ul, ol, dl {
	margin: 1.33em;
}*/
h5 {
	font-size: .83em;
	line-height: 1.17em;
	margin: 1.67em 0;
}
h6 {
	font-size: .67em;
	margin: 2.33em 0;
}
ul {
	margin-left: 0;
	list-style: url(images/list_item.png);
}
ol {
	margin-left: 0;
	list-style-image: none;
}
/*p {
	text-indent: 2em;
}*/
a {
	color: inherit;
	text-decoration : none;
}
a:link, a:visited, a:active {
}
a:hover {
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
hr {
	display: none;
}
div, span, img {
	margin: 0;
	padding: 0;
	border: 0;
}
form {
	margin: 0;
}
input, textarea {
	background-color: #f8fcfd;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	background-color: #ffffff;
}
table, td {
	border: 1px solid #ccc;
	border-spacing: 1pt;
}
td {
	padding: 1px 10px 1px 4px;
}

/* main structure */

#page {
	background: #ffffff url(images/page_top.jpg) no-repeat 0 0;
	width: 950px;
	margin: 0 auto;
}

#header {
	height: 106px;
}
#logo {
	display: inline;
	float: left;
	width: 184px;
	height: 69px;
	margin-top: 37px;
	margin-left: 31px;
}
#top_banner {
	display: inline;
	float: left;
	background: url(images/ad.jpg) no-repeat 468px 0;
	width: 477px;
	height: 60px;
	margin-top: 39px;
	margin-left: 45px;
}
#login_box {
	display: inline;
	float: left;
	width: 190px;
	margin-top: 39px;
	margin-left: 23px;
	line-height: 1.3em;
}

#top {
	clear: left;
	height: 81px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 14px;
	color: #ffffff;
}
#welcome {
	float: left;
	background: url(images/welcome.jpg) no-repeat 0 0;
	width: 635px;
	height: 81px;
}
#top_heading {
	float: left;
	background: url(images/top_heading.jpg) no-repeat 0 0;
	width: 635px;
	height: 81px;
}
#search_spejs {
	float: left;
	background: url(images/search_spejs.jpg) no-repeat 0 0;
	width: 275px;
	height: 81px;
}

#about {
	clear: left;
	height: 261px;
	padding-left: 20px;
	padding-right: 17px;
	padding-top: -15px;
	color: #ffffff;
}
#about1 {
	float: left;
	position: relative;
	background: url(images/about1.jpg) no-repeat 0 0;
	width: 300px;
	height: 253px;
	margin-top: 8px;
}
#about2 {
	float: left;
	position: relative;
	background: url(images/about2.jpg) no-repeat 0 0;
	width: 309px;
	height: 268px;
	margin-top: -7px;
}
#about3 {
	float: left;
	position: relative;
	background: url(images/about3.jpg) no-repeat 0 0;
	width: 301px;
	height: 253px;
	margin-top: 8px;
}

#content {
	float: left;
	width: 568px;
	padding-top: 20px;
	padding-left: 43px;
}

#sidebar {
	float: right;
	width: 308px;
	padding-top: 20px;
	padding-right: 20px;
}

#user_communities, #bottom {
	clear: both;
	padding-top: 11px;
	padding-left: 5px;
	padding-right: 20px;
}
#user_communities {
}
#administrator, #author, #editor, #contributor, #subscriber, #communities, #articles, #users {
	display: inline;
	float: left;
	width: 293px;
	margin-left: 15px;
}
#sidebar #communities, #sidebar #articles, #sidebar #users {
	display: block;
	float: none;
	padding-bottom: 20px;
}
#sidebar #users {
    padding-bottom: 0;
}
#search {
	float: right;
	background: url(images/search.jpg) no-repeat 0 0;
	width: 300px;
	height: 83px;
	margin-bottom: 11px;
}
#administrator .heading, #author .heading, #editor .heading, #contributor .heading, #subscriber .heading, #communities .heading, #articles .heading, #users .heading {
	width: 293px;
	height: 66px;
	margin-bottom: 13px;
}
#administrator .heading, #author .heading, #editor .heading, #contributor .heading, #subscriber .heading {
	height: 46px;
}
#administrator .heading {
	background: url(images/administrator_heading.jpg) no-repeat 0 0;
}
#author .heading, #editor .heading, #contributor .heading {
	background: url(images/author_heading.jpg) no-repeat 0 0;
}
#subscriber .heading {
	background: url(images/subscriber_heading.jpg) no-repeat 0 0;
}
#communities .heading {
	background: url(images/communities_heading.jpg) no-repeat 0 0;
}
#articles .heading {
	background: url(images/articles_heading.jpg) no-repeat 0 0;
}
#users .heading {
	background: url(images/users_heading.jpg) no-repeat 0 0;
}
.footer {
	clear: both;
	width: 293px;
	height: 34px;
}
#administrator .footer {
	background: url(images/administrator_footer.jpg) no-repeat 0 0;
}
#author .footer, #editor .footer, #contributor .footer {
	background: url(images/author_footer.jpg) no-repeat 0 0;
}
#subscriber .footer {
	background: url(images/subscriber_footer.jpg) no-repeat 0 0;
}
#communities .footer {
	background: url(images/communities_footer.jpg) no-repeat 0 0;
}
#articles .footer {
	background: url(images/articles_footer.jpg) no-repeat 0 0;
}
#users .footer {
	background: url(images/users_footer.jpg) no-repeat 0 0;
}

#footer {
	clear: both;
	height: 36px;
	padding: 44px 0 49px 19px;
	background: #cddff9 url(images/page_bottom.jpg) no-repeat 0 0;
	color: #7094c8;
}

/* formatting */

form p {
	margin: 0;
}
#login_box input {
	width: 135px;
	height: 15px;
	border: 1px solid #bbcace;
	margin-left: 4px;
	margin-bottom: 1px;
	margin-top: 1px;
}
#login_box a {
	color: #848484;
}
#login_box a:hover {
	text-decoration: none;
	cursor: pointer;
}
#login_submit {
	display: inline !important;
	float: left;
	background: url(images/button_login.jpg) no-repeat 0 0;
	width: 71px !important;
	height: 19px !important;
	margin-top: 2px !important;
	margin-left: 30px !important;
	padding: 0 0 1px 0;
	border: 0 !important;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
}
#signup {
	display: inline;
	float: left;
	background: url(images/button_signup.jpg) no-repeat 0 0;
	width: 71px;
	height: 19px;
	margin-top: 2px !important;
	margin-left: 1px !important;
}
#signup a {
	margin-top: 2px;
	text-align: center;
}
#signup a, #login_submit {
	display: block;
	color: #ffffff;
}
#profile_anchor {
	color: #51a5d6 !important;
}
#login_box .divider {
	color: #bbccce;
}
#settings_anchor {
	color: #9ccf33 !important;
}
#logout_submit {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 2px 0 0 0 !important;
	color: #ff7800;
	border: 0 !important;
	background-color: #ffffff;
	font-size: 1em;
	font-weight: bold !important;
	text-align: left !important;
	vertical-align: top !important;
	cursor: pointer;
}

#welcome h1 {
	margin-left: 168px;
	margin-bottom: 11px;
	font-size: 2em;
	font-weight: normal;
}
#welcome p {
	background: url(images/welcome_mail.jpg) no-repeat 0 0;
	height: 17px;
	margin-top: 0;
	margin-left: 106px;
	padding-left: 34px;
	padding-top: 2px;
	font-size: 1.1em;
}
#welcome a {
	color: #ffdb35;
}
#welcome a:hover {
	text-decoration: none;
}
#top_heading h1 {
    margin-top: 24px;
    padding-left: 76px;
    font-size: 2.3em;
    font-weight: normal;
}
#search_spejs .heading h2 {
	display: block;
}
#search_spejs form {
	margin-top: 13px;
	margin-left: 4px;
	font-size: 1.1em;
}
#search_spejs #s {
	float: left;
	background-color: #ffffff;
	width: 173px;
	height: 16px;
	border: 1px solid #cfdae7;
	margin: 8px 0 0 0;
	padding: 5px 2px;
}
#search_spejs #search_submit {
	float: left;
	background: url(images/search_spejs_submit.jpg) no-repeat 0 0;
	width: 73px;
	height: 28px;
	margin: 8px 0 0 1px;
	padding: 0;
	border: 0;
	color: #537f10;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
}

#about h2 {
	display: none;
}
#about a {
	color: #ffffff;
}
#about a:hover {
	text-decoration: none;
}
#about ul, #about p {
	margin-right: 26px;
}
#about p {
	position: absolute;
	margin-top: 0;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 2em;
}
#about li {
	font-weight: bold;
	line-height: 2em;
}
#about1 ul {
	padding-left: 45px;
	margin-top: 114px;
}
#about1 p {
	top: 188px;
	margin-left: 81px;
}
#about2 ul {
	padding-left: 50px;
	margin-top: 129px;
}
#about2 p {
	top: 203px;
	margin-left: 89px;
}
#about3 ul {
	padding-left: 51px;
	margin-top: 114px;
}
#about3 p {
	top: 188px;
	margin-left: 83px;
}

#content {
    font-size: 1.1em;
}
#content a {
    color: #4fc2d2;
}
#content #post-2 ol {
	background: #f5fbfc url(images/about_list_box.jpg) no-repeat 0 0;
    width: 516px;
    height: 268px;
	margin: 0 0 0 -23px;
    padding: 12px 0 12px 75px;
}
#content #post-2 li {
    padding: 12px 0;
	list-style-position: outside;
    list-style-type: none;
}

.heading h2 {
	display: none;
}
#search form {
	margin-top: 42px;
	margin-left: 30px;
}
#search #s {
	float: left;
	background-color: #ffffff;
	width: 196px;
	height: 17px;
	border: 1px solid #cfdae7;
	margin: 0;
	padding: 2px;
}
#search #search_submit {
	float: left;
	background: url(images/search_submit.jpg) no-repeat 0 0;
	width: 42px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
}
#bottom img, #sidebar img, #user_communities img {
	border: 1px solid #e5e5e5;
	padding: 2px;
}
.inline_menu, #users .heading p {
	margin: 0;
	padding-top: 40px;
	padding-left: 22px;
}
#administrator .heading p, #author .heading p, #editor .heading p, #contributor .heading p, #subscriber .heading p {
	margin: 0;
	padding-top: 17px;
	padding-right: 13px;
	text-align: right;
}
.footer p {
	margin: 0;
	padding-top: 8px;
	padding-right: 9px;
	text-align: right;
}
.footer a {
	text-decoration: underline;
}
#administrator a, #administrator .heading {
	color: #61afd8;
}
#author a, #author .heading, #editor a, #editor .heading, #contributor a, #contributor .heading {
	color: #ff9000;
}
#subscriber a, #subscriber .heading {
	color: #84c312;
}
#communities a {
	color: #d5569f;
}
#articles a {
	color: #ff9c00;
}
#users a, #users .heading {
	color: #3bb8c8;
}
#administrator .footer {
	color: #acd5ea;
}
#author .footer, #editor .footer, #contributor .footer {
	color: #ffc479;
}
#subscriber .footer {
	color: #bedf82;
}
#communities .heading, #communities .footer {
	color: #eaa6cd;
}
#articles .heading, #articles .footer {
	color: #ffcb79;
}
#users .footer {
	color: #98d9e2;
}
#communities_menu_2, #communities_menu_3, #communities_content_2, #communities_content_3, #articles_menu_2, #articles_menu_3, #articles_content_2, #articles_content_3 {
	display: none;
}
.record {
	margin: 0 18px;
}
.avatar {
	float: left;
	width: 73px;
}
.subblock {
	min-height: 70px;
	margin-left: 73px;
	padding-top: 3px;
	padding-left: 8px;
}
/* Hide from IE5-mac \*/
* html .avatar {
	margin-right: -3px;
}
* html .subblock {
    height: 1%;
    margin-left: 0;
}
/* End IE5/mac hide */
#users .record {
	display: inline;
	float: left;
	margin: 0 0 0 18px;
}
#bottom hr, #sidebar hr, #user_communities hr {
	display: block;
	clear: left;
	border: 1px dotted;
	margin-left: 18px;
}
#administrator hr {
	border-color: #61afd8;
}
#author hr, #editor hr, #contributor hr {
	border-color: #ff9000;
}
#subscriber hr {
	border-color: #84c312;
}
#communities hr {
	border-color: #d5569f;
}
#articles hr {
	border-color: #ff9c00;
}
#users hr {
	border-color: #3bb8c8;
}

#footer p {
	background: #cddff9 url(images/footer_logo.jpg) no-repeat 0 0;
	height: 33px;
	margin: 0;
	padding-top: 3px;
	padding-left: 120px;
}
#footer a {
	color: #53829a;
}
#footer .divider {
	color: #ffffff;
}

/* support classes */

.none {
	display: none;
}
/*.divider {
	word-spacing: 0.27em;
}*/
.accesskey {
	font-size: 1.2em;
	text-decoration: underline;
}