body {font-family:Arial, Helvetica, sans-serif; background: #75AE29; margin: auto; width:100%; text-align: center; color: #1E6993}
#all {clear: both; width: 950px; margin: auto; padding: 0; text-align: left}
#top {padding: 2px; background: #fff}
#header {width: 100%; background: #1e6993; height: 20px; border-bottom: solid 2px #fff}
#nav {font-family:Arial, Helvetica, sans-serif; line-height:normal; width: 950px; margin: auto; font-size: 10pt; font-weight: bold; text-align: left}
#nav .middle {position: relative; top: -2px; height: 32px; width: 539px; font-size: 9pt; font-weight: bold; background: url(/images/topbar.gif) no-repeat}
#nav .middle table{ width: 523px; margin: auto}
#nav ul {margin:0; padding:35px 4px 0 111px; list-style:none}
#nav li {display:inline; margin:0; padding:0}
#nav a {float:left; background:url("/images/tableft5.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none}
#nav a span {float:left; display:block; background:url("/images/tabright5.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF}
#nav a span {float:none;}
#nav a:hover span {color:#FFF}
#nav a:hover {background-position:0% -42px}
#nav a:hover span {background-position:100% -42px}
#nav .inner {width: 950px; margin: 0 auto}
body.hub #nav #hub, body.register #nav #register, body.login #nav #login, body.home #nav #home, body.community #nav #community, body.about #nav #about, body.help #nav #help {background-position:0% -84px}
body.hub #nav #hub span, body.register #nav #register span, body.login #nav #login span, body.home #nav #home span, body.community #nav #community span, body.about #nav #about span, body.help #nav #help span {background-position:100% -84px}
#content {height: 100%; font-size: 12px; background-color:#fff; padding: 1em 1em 0 1em; margin-bottom: 0px}
#content h1 {margin: 0 0 5px 10px; color: #1E6993; font-size: 14pt}
#content h2 {margin: 0 0 5px 10px; color: #1E6993}
#share {margin-top: 20px; text-align:center}
#share img {border: none}
#shadow {background: url(/images/shadow.gif) no-repeat; height: 8px; width: 942px; margin: auto}
#copyright {color: #fff; font-size: 11px; text-align: center; margin: 0; padding: 0}
#copyright p {margin: 10px 0}
#bottom_nav, #bottom_nav a {padding-top: 0; text-align: center; color: white; font-size:10px}
.terms_of_use, .terms_of_use ol, .terms_of_use li, .privacy, .privacy ol, .privacy li{ color: #000}
.terms_of_use p {margin-left: 40px}
.privacy ol, .terms_of_use ol {padding-left: 20px; padding-right: 20px}
.box {padding: 0; border: 0; margin: auto}
.accordion_content {padding: 0; border: 0; overflow: hidden}
.title_bar {color: #FFF; background: url(/images/title_bar.gif) repeat-x; font-weight: bold; padding: 5px 0 5px 10px; text-align:left}
.sitehelp .title_bar {margin-top: 10px}
#align_left {margin-left: 5em;}
.sitehelp .accordion_toggle {color:#1e6993; background: url(/images/plus_bullet.gif) no-repeat left; font: 18px Arial, Helvetica, sans-serif; border: none; margin: none; padding-left: 20px}
.sitehelp .accordion_toggle_active {background: url(/images/minus_bullet.gif) no-repeat left; color: #000}
.sitehelp .accordion_content_help {margin: 5px 200px 0 20px; padding: 1em; color: #000; text-align: justify}
.accordion_toggle .accordion_background {background: url(/images/title_bar_toggle.gif) no-repeat top right}
.accordion_toggle_active .accordion_background {background: url(/images/title_bar_toggle_active.gif) no-repeat right}
.accordion_toggle:hover {color: #000; text-decoration:underline}
.accordion_toggle {background: url(/images/title_bar.gif) repeat-x; text-decoration: none; cursor: pointer; color: #FFF; font-weight: bold; margin-top: 2px; padding: 5px 0 5px 10px}
.accordion_toggle_active {background: url(/images/title_bar_selected.gif) repeat-x; color: #FFF}
#user_user_agreement {margin-left:122px}
label {width: 10em; float: left; text-align: left; margin-right: 0.2em; display: block; font-weight: bold}
#label_caption {margin-left:11em; font-size:11px}
.form_row, .form_row_top {white-space: nowrap; padding-bottom: .5em; color: #1E6993}
#upload-spinner {float:left; margin-right:10px}
.spinner_box {margin-left:10em}
.submit, .submit_margin {height: 19px; width: 63px; background: url(/images/submit-button.gif); border: none; font-weight: bold; color: #fff; font-size:12px}
.submit:hover, .submit_margin:hover {background: url(/images/submit-button-hover.gif)}
.submit {margin-left: 10em}
.search {height: 17px; width: 63px; background: url(/images/search-button.gif); border: none; font-size: 12px; font-weight: bold; color: #fff}
.search:hover {background: url(/images/search-button-hover.gif)}
.fieldWithErrors {display: inline}
.fieldWithErrors input, .fieldWithErros select {background-color: #1e6993; color: #fff}
#errorExplanation {border: 2px solid #2FCBFF; padding: 0px; padding-bottom: 12px; margin-bottom: 20px; background-color:#1E6993; color: #fff}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; margin: 0; width: 903px; font-size: 12pt; background-color: #2FCBFF; color: #fff}
#errorExplanation p {color: #fff; font-weight: bold; margin-bottom: 0; padding: 5px 5px 5px 12px}
#errorExplanation ul li {font-size: 10pt; list-style:inside}
#notice {color: #fff; border: 2px solid #000; background-color: #1e6993; padding: .2em; margin: 0 auto .5em auto; width: 40%; font: bold 11px sans-serif; text-align: center}
a, a#visited {font-weight: bold; color: #000; text-decoration: none}
a:hover {text-decoration: underline}
a img, a img:visited {border: 2px solid #ddd}
a img:hover {border: 2px solid #666}
.logo img, .logo img:visited, .logo img:hover {border: none}
#place a, #place a:visited, #place a:hover {background: none}
#letter_nav {width: 922px; margin: auto; padding: 1px}
.letter, .letter_current {width: 1em; text-align: center; padding: 5px 2px 2px 3px; float: left; margin: 2px 5px 2px 13px; color: #1e6993}
.letter_current {background: #1e6993; color: #fff}
table.directory {background: #fff; margin: 1em}
table.directory td.bottom {border-top: 1px solid #999; padding-top: 10px}
table.directory td {padding: 5px}
table.directory th {color: #fff; background: #ADE676}
table.directory th a {color: white; text-decoration: underline}
table.directory tr.even {background: #ddd}
table.directory tr.odd {background: #eee}
.table_list {border-bottom: 2px solid #CCCCCC}
table.users {margin-top: 1em; padding-bottom: 1em; color: #1E6993}
table.users .image_column_small {vertical-align: top; padding: 0; margin: 0; width: 55px}
table.users .title {font-size: 16px; font-weight: bold}
table.users .title a {color: #1E6993;}
table.users .request {font-size: 12px}
.pages td{ color: #000}
.break hr {display:none}
.break {background-color: #ccc; margin-top: 4px; height:2px}
.homepage{ margin: 0 -1em}
#main_info .sitehelp {background: url(/images/capture.gif) no-repeat top left; padding-left: 240px; width: 400px; margin-top: 25px}
#main_info .sitehelp .accordion_toggle {text-align: left}
div.home_band {padding: 10px 0 22px 0; margin-bottom: 15px; width: 690px; text-align: center; background-color: #fff; float:right}
.home_box {width: 227px; padding: 22px 10px; margin-top: 10px; margin-bottom: 10px; background-color: #1E6993; color: #fff; text-align:center; line-height: 16px}
.home_box .signup_link, .login_box .hub_link, .logged_in_box .hub_link {width: 200px; margin: auto; background-color: #75AE29; text-align: center}
.home_box .signup_link a, .login_box .hub_link a, .logged_in_box .hub_link a {color: #fff; font-size:14px}
.login_box, .logged_in_box {background-color: #1E6993; padding: 10px; color: #FFF; width: 230px}
.login_box {margin-top: 30px}
.login_box label {width: 70px}
.login_box .form_row, .logged_in_box .form_row {color: #FFF}
.login_box .search {margin-left: 72px}
.tour {margin: 10px 0 0 0; width:257px; font-weight: bold; padding:19px 0px}
.members_title {color: #FFF; padding: 1px 7px; font-size: 14px; margin-bottom: 5px; text-align: center}
.members_title .title_bar {border-bottom: 2px #ddd solid}
.members{ display: inline}
.why_use {margin: 30px 0; float: left; width: 670px; background-color:#EAF5FF; margin-left: 10px}
.why_use strong {font-size: 12px}
.why_use small {font-size: 12px}
.float194 {float: left; margin: 10px 0 0 6px; text-align:center; width:160px; height: 150px}
.why_pics {border: 1px solid #ddd}
.activity_window {margin-left: 7px}
.activity {margin-bottom: 6px}
.inbox {margin-bottom: 10px}
.pagination{ margin-top: 2px; margin-bottom: 2px; padding: 2px; float: right}
.pagination a, .pagination a:visited{ padding: 0 5px; border: 1px solid #9aafe5; background: none; text-decoration: none; color: #2e6ab1}
.pagination a:hover, .pagination a:active{ border: 1px solid #ccc; background-color: #1e6993; color: #fff}
* html .pagination li.currentpage, * html .pagination li.disablepage{ margin-right: 5px; padding-right: 0}
form textarea{ height: 47px; width: 598px; background:#F2F9FF; border: 1px solid #CCC; padding: 2px 0}
form input{ background:#F2F9FF; border: 1px solid #CCC}
form {margin: 0; padding: 0}
#tooltips {margin: 5px; padding: 0; border: 1px solid #C1DAD7; background-color: #F2F9FF; color: #4f6b72; width: 200px}
#tooltip_title {font-weight:bold; display:block; font-size: 12px; padding: 2px; background-color: #CAE8EA}
td {color: #1E6993; font-size: 12px; font-weight:normal; padding: 0 0 0 3px}
td.label {text-align: right; font-weight: bold; white-space: nowrap}
input {font-family: Arial, Helvetica, sans-serif}
#first_left_column {width: 160px; float: right}
#left_column {width: 250px; margin-left: 7px}
#main_content {float: right; width: 490px; margin-right: 10px}
#column_fix {clear: both}
#main_content .break{ background-color: #1E6993; margin-top:0}
#full_name {font-size: xx-large; font-weight:800; color: #1B5F83}
#no_border a img{ border:none}
#occupation{ font-size: x-large; font-weight: 600; color: #1B5F83}
#location {font-size: large; font-weight: 500; color: #1B5F83}
#headline {font-size: 14px; font-weight: bold}
.icon {border: none}
#actionInfo {width: 250px; margin: 2px 0}
#actionInfo {padding-left: 0; margin-left: 0;}
#actionInfo li {width: 123px; list-style: none; float: left;}
#actionInfo li a, #actionInfo li .currentfriend, #actionInfo li .activity {font-size: 12px; line-height: 2em; padding: 2px 0 0 23px; margin: 0 4px; border: none}
#actionInfo li .currentfriend {color: #1e6993; font-weight: bold; background: url('/images/icons/currentfriend_small.gif') no-repeat left center;}
#actionInfo li .activity {color: #1e6993; font-weight: bold; background: url('/images/icons/activity_small.gif') no-repeat left center}
#actionInfo .message {background: url('/images/icons/message_small.gif') no-repeat left center}
#actionInfo .request {background: url('/images/icons/request_small.gif') no-repeat left center}
#actionInfo .print {background: url('/images/icons/print_small.gif') no-repeat left center}
#actionInfo .directions {background: url('/images/icons/directions_small.gif') no-repeat left center}
#actionInfo .viewphotos {background: url('/images/icons/viewphotos_small.gif') no-repeat left center}
#actionInfo .viewcoupons {background: url('/images/icons/viewcoupons_small.gif') no-repeat left center}
#actionInfo .viewblog {background: url('/images/icons/viewblog_small.gif') no-repeat left center}
#actionInfo .report {background: url('/images/icons/report_small.gif') no-repeat left center}
.faq {color: #1E6993; font-weight: bold; float: left}
.faq textarea {width: 215px; height: 180px; margin: 0 10px 10px 0}
#bio {padding: 10px; color: #1E6993}
.sidebar_box {color: #1E6993}
.sidebar_box_contents, .faq_answer {padding-bottom: 2px}
#portfolio {overflow: auto; width: 250px}
.faq_answer {width: 240px; overflow: auto; margin-left: 10px}
.faq_answer, .faq_answer li{ color: #1E6993}
.faq_answer ul {margin: 0; padding-left: 4px;}
#friends {color: #1E6993}
.post {margin-bottom: .5em}
.post, .comment{ display: block; padding-top: 0; border-top: 1px solid #3B5998}
.post_title {font-weight: bold; background-color:#F7F7F7; border-bottom: 1px solid #D8DFEA}
.post_body {padding: 1em}
.post_creation_date, .post_modification_date {text-align: right; font-size:10px; border-bottom: 1px solid #D8DFEA}
.post_actions {float: right}
.comment {min-height: 60px; border-bottom: 1px solid #D8DFEA; margin-bottom: 0em}
.thumbnail {display: block; float: left; margin-right: 1em; margin-top: .3em}
#photos ul, li {padding: 0; margin: 0; color:#FFFFFF}
#photos {margin: 0 0 0 15px; padding: 0}
#photos li {display: inline; list-style: none}
#photos li a img {margin: 2px 2px 2px 6px; padding: 0; border: 1px solid #ddd}
#photos li a img:hover {border: 1px solid #666666}
#photo {margin: 0; padding: 0; float: left}
#upload_frame {visibility: hidden;}
#signup, .message_menu {width: 100%; padding: 0; margin-top: 10px}
.message_menu {margin-top: 0;}
#singup {border-bottom: 2px solid #1E6993;}
div.band {padding: 20px 0; margin-bottom: 10px; width: 100%; text-align: center; background-color: #CAE8EA; border-top: 1px solid #1e6993; border-bottom: 1px solid #0099CC}
caption {padding: 0 0 5px 0; font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: right}
#signup th, .message_menu th {font: bold 12px Arial, Helvetica, sans-serif; color: #4f6b72; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; text-transform: uppercase; text-align: center; padding: 6px 6px 6px 12px; background: #CAE8EA url(/images/bg_header.jpg) no-repeat}
.message_menu th {border-left: 1px solid #C1DAD7}
#signup th.nobg {border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none}
#signup td, .message_menu td {border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72; text-align: center}
.message_menu td{ border-left: 1px solid #C1DAD7}
#signup td.alt {background: #F5FAFA; color: #797268}
#signup th.spec {border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(/images/bullet1.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif}
#signup th.specalt {border-left: 1px solid #C1DAD7; border-top: 0; background: #f5fafa url(/images/bullet2.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #797268}
.highlight {background-color:#FFFFCB;}
.table_faq {color: #000;}
#avatar {text-align: center; font-weight: bold;}
#mp3s {border-bottom: 2px gray solid; margin: 0; padding: 0 0 2px 0; background:#1E6993; font-size: 11px; width: 490px; color: #fff; font-weight: bold}
#mp3s a {display: block; padding-left: 8px; color:#FFFFFF; font-weight: normal}
#mp3s a:hover {background-color: #333333; text-decoration: none}
#mp3_player {margin: 0; padding: 0}
.friends_list{display:inline;}
#friends td {vertical-align: bottom; width: 62px;}
#friends th{ font-size: 12px; width: 125px}
.menu {margin-left: .5em}
#lightbox{ position: absolute; top: 20px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #1E6993; width: 250px; height: 250px; margin: 0 auto}
#imageContainer{ padding: 10px}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#loadingLink {display:block; margin:0 auto; padding:0; width:32px; height:32px; background:url(../images/loading.gif) center center no-repeat; text-indent:-9999px}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLinkImg, #nextLinkImg{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block}
#prevLinkImg {left: 0; float: left;}
#nextLinkImg {right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover {background: url(../images/prevlabel.gif) left 15% no-repeat}
#nextLinkImg:hover, #nextLinkImg:visited:hover {background: url(../images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; margin: 0 auto; line-height: 1.4em; padding-top: 2px; overflow: hidden; width: 100%}
#imageData{ padding:0 10px; color: #fff}
#imageDetails{ width: 70%; float: left; text-align: left}
#caption{ font-weight: bold}
#numberDisplay{ display: block; clear: left}
#detailsNav{ display: block; clear: left; padding:0 0 10px 0}
#prevLinkDetails {color: #ccc; margin:0 8px 0 0}
#nextLinkDetails {color:#CCC; margin:0 8px 0 0}
#slideShowControl {color: #ccc}
#closeLink {display:block; margin:0; padding:0 0 10px 0; text-decoration:none; float:right; font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; width:60px; height:20px; background:url(../images/closelabel.gif) no-repeat top right; text-align: left; line-height: 20px}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #151410; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html>body .clearfix {display: inline-block; width: 100%}
* html .clearfix {height: 1%}