A:visited, A:link  { color: #236f9a; text-decoration: none }

A:active { color: #0b405e; text-decoration: none }

A:hover { color: #145173; text-decoration: underline }

body {
    background: white;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
    font-size: 13px;
    color: #5b5b5c;
    line-height: 18px;
    margin: 0 auto;
    }

body.mceContentBody, .mceEditor, .mceEditorIframe, .mceToolbarContainer, #editMainText, #editExtendedText { background: white; text-align: left; }

.mainLayout {
    background-color: #bc8267;
    width: 100%;
    margin: 0 auto;
    padding: 19px 0 0 0;
    position: relative;
    text-align: center;
    }

.mainTable, .LEFT_SIDE, .MAIN_BODY, .RIGHT_SIDE {
    padding: 0; margin: 0px;
    overflow: hidden;
    }

.mainTable { width: 950px; margin: 0; }

.LEFT_SIDE {
    width: 220px;
    padding: 0 0 0 0;
    }

.MAIN_BODY {
    width: 525px;
    padding: 15px 10px 10px 30px;
    }

.RIGHT_SIDE {
    width: 200px;
    padding: 0 0 0 0;
    }

.MAIN_BODY table{
    width: 485px;
    }

.MAIN_BODY table table{
    width: auto;
    }

.MAIN_BODY textarea {
    width: 470px;
    }

.MAIN_BODY td td td textarea {
    width: 390px;
    }


/* BLOX STYLES */

.objectTable {
    border: 1px dotted #d8c5b7;
    }

/* Main Body */

.MAIN_BODY .objectTable {
    width: 485px;
    padding: 0px;
    margin: 0 0 10px 0;
    border: none;
    }

.MAIN_BODY .objectHeading {
    width: 485px;
    overflow: hidden;
    padding: 0 0 15px 0;
    font-family: Arial, Helvetica, sanserif;
    font-size: 24px;
    line-height: 22px;
    color: #fe3b0b;
    font-weight: bold;
    }

.MAIN_BODY .objectContent {
    color: #000000;
    padding: 0;
    margin: 4px;
    width: 100%;
    font-size: 11px;
    line-height: 14px;
    }


/* Left Side */

.LEFT_SIDE .objectTable {
    width: 185px;
    padding: 0px;
    margin: 0 0 10px 0;
    border: none;
    }

.LEFT_SIDE .objectHeading {
    width: 185px; 
    height: 26px;
    overflow: hidden;
    color: white;
    padding: 5px 0 0 8px;
    font-family: Arial, Helvetica, sanserif;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    background: url('/upload/img/midright_tile.png') no-repeat left top; 
    }

.LEFT_SIDE .objectHeading a {
    color: white;
    }

.LEFT_SIDE .objectContent {
    color: #000000;
    padding: 5px 8px 5px 8px;
    margin: 4px;
    width: 100%;
    font-size: 11px;
    line-height: 14px;
    }

/* Right Side */

.RIGHT_SIDE .objectTable {
    width: 189px; 
    padding: 0px;
    margin: 0 0 10px 0;
    background: url('/upload/img/farright_tile.png') repeat-y left top; 
    border: none;
    }

.RIGHT_SIDE .objectHeading {
    width: 189px; 
    height: 26px;
    overflow: hidden;
    color: white;
    padding: 5px 0 0 8px;
    font-family: Arial, Helvetica, sanserif;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    background: url('/upload/img/farright_top.png') no-repeat left top; 
    }

.RIGHT_SIDE .objectHeading a {
    color: white;
    }

.RIGHT_SIDE .objectFooter {
    width: 189px; 
    height: 4px;
    overflow: hidden;
    background: url('/upload/img/farright_bottom.png') no-repeat left top; 
    }

.RIGHT_SIDE .objectContent {
    color: #000000;
    padding: 5px 8px 5px 8px;
    margin: 4px;
    width: 100%;
    font-size: 11px;
    line-height: 14px;
    }

/* General Blox styles*/

.objectContent ul {
    width: 169px;
    list-style: none; 
    padding: 0; 
    margin: 0 0 15px 0;
    display: block;
    }

.objectContent li {
    width: 169px;
    margin: 1px auto !important;
    padding: 0;
    display: block;
    }

.objectContent li a {
    display: block;
    padding: 1px 0 1px 10px;
    background: url('/upload/img/object_bullet.png') no-repeat 2px 4px;
    }

.objectContent td, .objectContent td td {font-size: 11px;}

.objectContent p {
    border-bottom: 1px solid #d8c5b7;
    padding: 8px 0;
    margin: 0;
    }

.objectContent p a {
    font-size: 12px; font-weight: bold;
    }

.objectHeading a img {
    float: right;
    margin: -13px 6px 0 0;
    }

.contributor p { 
    font-size: 14px; 
    font-family: arial, verdana, sanserif;
    font-weight: bold;
    border: none; 
    padding-top: 12px
    }

.contributor .clearfix {
    margin: 0 0 2px 0; 
    background: #f5ede5;
    }

.contributor a img {float: left; margin: 0 8px 0 0;}




/* WIDTH CONSTRAINTS */

.DIARY_LIST, .DIARY_LIST_ENTRY, .DIARY, .DIARY_ENTRY {width:485px;
padding-bottom: 25px;}



/* BEGIN  Diary Title Style */

h1.diaryTitle {
    font-size: 16px;
    font-weight: bold;
    }

h2.author, h3.diaryTimestamp {
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    margin: 0;
    padding: 0;
    }

h2.author {
    padding-top: 4px;
    }

h3.diaryTimestamp {
    font-style: italic;
    padding-bottom: 10px;
    }

a.hotList {
    font-weight: normal;
    font-size: 11px;
    }

a.hotList:hover {
    font-weight: normal;
    font-size: 11px;
    text-decoration: underline;
    }

a.author {
    font-weight: bold;
    }

a.author:hover {	
    }

h1 { font-family: Arial, Helvetica, Sans-Serif; }

h1,h2,h3,h4,h5 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    }

.diaryLinks, .diaryPrinter, .diaryTags {
    font-size: 11px;
    line-height: 14px;
    padding: 8px 0 8px 0;
    }

.diaryPrinter, .diaryTags {
    border-bottom: 1px dotted #d8c5b7;
    margin-bottom: 8px;
    }

.diaryLinks {
    padding: 8px 0 35px 0;
    }

.diaryLinks a, .diaryPrinter a, .diaryTags a {
    font-weight: bold;
    }

.AddThis {
    background: url('/upload/img/bullet_addthis.png') no-repeat left 2px; 
    padding-left: 14px;
    }



/* End Diary Title Style */
blockquote {
    width: 85%; 
    margin: 2% 0 2% 5%;
    border: 1px dashed #d4b29d;
    background-color: #f8efe6;
    padding: 10px;
    }

.theFlip {
	padding: 20px;
}

.smallText {
	font-family: verdana, arial;
	font-size: 10px;
}



.objectButton {
	
}



/* Quick Hit Styles */
.quickHitTime {
	font-style: italic;
}

.quickHitText {
	
}

.quickHitAuthor {
	font-size: 11px;
}

A.quickHitAuthor {
	color: #00F;
}

.quickHitTitle {
	font-weight: bold;
}

A.quickHitTitle {
	font-weight: bold;
}

.groupEntry A {
	font-family: verdana, arial;
	font-size: 10px;
}

.groupFeed A {
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: bold;
	background-color: #EEE;
}

.timeEntry A {
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: bold;	
}

.timeFeed A {
	font-family: verdana, arial;
	font-size: 10px;
}

.ajaxPreviewCommentTitle {
	font-weight: bold;
}

.ajaxPreviewCommentText {
	margin: 5px;
}

.ajaxPreviewCommentAuthor {
	
}

.ajaxPreviewPostBar {
	border: 2px solid #d4b29d;
	text-align: center;
	width: 95%;
    padding: 5px;
	margin: 0 auto;
	position: relative;
}

.ajaxCommentBox {
	border: 2px solid #d4b29d;
	width: 95%;
    padding: 5px;
	margin: 5 auto;
	position: relative;
}

.commentBar {
	background-color: #ddd;
	margin: 28px 0px 10px 0px;
	padding: 2px;
	max-width: 50%;
}

.errorcomment {
	padding: 5px;
	color: #F00;
	font-weight: bold;
}

.titleBar {
	background-color: #f2e6d8;
	padding: 5px;
        width: 475px;
        font-size: 11px;
}


/* NEW STYLES ADDED FOR THE NOV '07 SOAPBLOX UPGRADE */
/* Used for all errrors */
.soapbloxError {
	color: #F00;
}

/* used in HTML paraser to indicate what is broken */
.soapbloxErrorOffender {
	font-weight: bold;	
}

.soapbloxErrorContext {
	color: black;	
}

/* color of the accent for comments labeled [new] */
.newComment {
	color: #F00;
	font-weight: bold;	
}

/* TAB STYLES START */
/* tabnav is the TOP LEVEL of the tabs */
ul.tabnav {
	text-align: left; /* Set the position of the tabs */ 
	margin: 20px 0 0px 0;
	font: 11px verdana, arial, sans-serif;
	border-bottom: 1px solid #d4b29d;
	list-style-type: none;
	padding: 5px 5px 5px 5px;
	width: 475px;
}

/* This forces the tabs to be in one line */
ul.tabnav li {display: inline;}

/* What the tab does when it's hovered */
li.taboff a:hover { 
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}


/* setting for the unselected top tab link*/
li.taboff a {
	padding: 3px 15px 3px 15px;
	border: 1px solid #d4b29d;
	background-color: #fff;
	margin-right: 0px;
	text-decoration: none;
	border-bottom: none;
}

/* settings for selected top tab link */
li.tabon a { 
	border-left: 1px solid #d4b29d;
	border-top: 1px solid #d4b29d;
	border-right: 1px solid #d4b29d;
	padding: 0px 16px 5px 16px; 
	position: relative;
	top: 1px;
	padding-top: 10px;
	background-color: #FFF;  
	font-weight: bold;
}

/* Style for the second line in the profile tab */
ul.botnav {
	text-align: left;
	margin: 0px 0 20px 0;
	font: 10px verdana, arial, sans-serif;
	list-style-type: none;
	padding: 5px 5px 5px 4px;
	color: black;
	background-color: #f2e6d8;
	width: 475px;
}

/* forces the second line of the profile tab to be displayed on one line */
ul.botnav li {display: inline;}

/* The color of links on the second line of the profile tabs */
ul.botnav li a {
	text-decoration: none;
	padding: 0px 4px 0px 4px;
}

ul.botnav li {
	color: #000;
	padding: 0px 4px 0px 4px;
}


/* SKIN STYLES */

/* header */

#head {
     background: url('/upload/img/header.png') no-repeat center top; 
     margin: 0 auto auto auto;
     width: 960px;
     height: 141px; 
     OVERFLOW: hidden;
     }

#head a {
     width: 960px;
     height: 141px; 
     display: block;
     }

#head a span {display: none;}

/* menu */

#nav {
    width: 960px;
    margin: 0 auto;  
    height: 42px; 
    OVERFLOW-Y: hidden;
    background: #724333 url('/upload/img/menu_tile.png') no-repeat center top;
    }

#menu, #signup { float: left; overflow: hidden; }

#nav ul {
    padding: 0; 
    margin: auto auto auto 5px; 
    list-style: none; 
    width: 475px; 
    height:42px; 
    }

#nav li { 
    float: left; 
    padding: 0; 
    margin: 0; 
    position: relative; 
    display: block;
    }

#nav li a { padding: 0; display: block; height:42px; }

#nav li a span { display: none; }

#about { background-image: url('/upload/img/menu_about.png'); width:110px; }
#resources { background-image: url('/upload/img/menu_resources.png'); width:119px; }
#takeaction { background-image: url('/upload/img/menu_take_action.png'); width:126px; }
#contact { background-image: url('/upload/img/menu_contact.png'); width:120px; }


#about:hover,
#resources:hover,
#takeaction:hover,
#contact:hover { background-position: 0px -43px; }

#about:active,
#resources:active,
#takeaction:active,
#contact:active{ background-position: 0px -86px; }



/* form elements */


.input, .submit, .pulldown {
    font-size: 11px;
    border: 1px #996755 solid;
    color: #613023;
    font-family: arial,verdana,sans-serif;
    background: white;
    }

.input {
    padding: 3px 0 3px 6px;
    margin: 2px 0 5px 0;
    }

.submit {
    padding: 2px;
    margin: 2px 0 5px 0;
    font-weight: bold;
    }



/* email signup */

#signup {
    width: 470px;
    height: 42px;
    background: url(/upload/img/label_email_updates.png) no-repeat 15px 17px;
    }

#signup span {display: none;}

#signup form {
    margin: 0;
    padding: 8px 0 0 220px;
    .padding: 8px 0 0 225px;
    }

#signup .input {
    width: 150px;
    }

#signup .submit {
    width: 60px;
    }



/* wrapper */

#wrapper, #wrapper .top, #wrapper .bottom, { 
    margin: 0 auto; overflow: hidden;
    width: 960px; 
    }

#wrapper { 
    width: 960px; 
    background: white url('/upload/img/wrapper_tile.png') repeat-y center top; 
    }

#wrapper .top { 
    background: url('/upload/img/wrapper_top.png') no-repeat center top; 
    padding: 10px 0 0 0;
    }

#wrapper .bottom {  
    height: 16px;
    background: white url('/upload/img/wrapper_bottom.png') no-repeat center top; 
    }

/* CSS Hack */

.clearfix { display:inline-block; }

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content:"."; 
    display: block; 
    height:0; 
    clear:both; 
    visibility:hidden;
    }


/* footer */

#footer, #disclaimer, #credit {
   margin: 0 auto; 
   font-size: 11px;
   line-height: 15px;
   overflow: hidden;
   }

#footer { 
   color: #6d7175; 
   width: 938px;
   height: 58px; 
   padding: 11px;
   background: url('/upload/img/footer_tile.png') no-repeat center top; 
   }

#disclaimer, #credit { color: #323232; width: 700px; padding: 11px 11px 0 11px; }

#credit {padding: 0 0 20px 0; }

.jffj, .sbar, .join { float: left; oveflow: hidden; height: 58px; }

.jffj { 
    text-align: left; 
    width: 303px;
    height: 48px; 
    padding: 6px 14px 4px 74px; 
    background: url('/upload/img/footer_jffj_tile.png') no-repeat left top; 
    }

.jffj a { font-weight: bold;}

.sbar { width: 295px; }

.sbar a img { margin: 1px 3px 0 0; }

.join  { width: 252px; }

#footer a span { display: none; }


/*  GENERAL */

table, td, a img, form {
    padding: 0; 
    border: none; 
    margin: 0;
    }

td {
    text-align: left;
    vertical-align: top;
    font-size: 13px;
    color: #5b5b5c;
    line-height: 18px;
    }

input, select { 
    font-size: 11px; 
    margin: 2px 0 0 0; 
    }

/* Removes vert whitespace from form */
form {
	margin-top: 0 auto;
	margin-bottom: 0 auto;
}

/* Speakers Bureau page */

body#speakers-bureau h2 {
	margin-top: 1em;
}

body#speakers-bureau h3 {
	margin-bottom: 1em;
}

img.speaker {
	float: right;
	margin: 0 0 8px 8px;
	border: 1px solid #ad9183;
}

p.topics {
	font-style: italic;
}


/*  Feeds Styles*/

ul.feeds { 
    list-style: none; 
    padding: 0; 
    margin: 0 auto;
    width: 169px;
    }

ul.feeds li  {  
    margin: 0 auto;
    padding: 0;
    width: 169px;
    }

ul.feeds li a {  
    display: block; 
    padding: 3px 0 3px 20px;
    font-weight: bold;
    }

ul.feeds li a:hover{  
    display: block; 
    text-decoration: none; 
    }

ul.feeds li a { background: url('/upload/img/icon_rss.png') no-repeat left 3px; }

