body {
	 	background: #abd388;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 0;
		margin-top: 0px;	
		margin-bottom: 0px;	
		text-align: center;
		font-size: 12px;
		scrollbar-arrow-color: #F69609; 
		scrollbar-base-color: #006600;
	}
	#content {
		color: #e4e4e4;
		width: 49%;
		float: left;
		margin-top: 2px;		
	}
	#sidebar {
		color: #e4e4e4;
		float: right;
		width: 50%;
		text-align: left;
		margin-top: 2
	}
	/* Today work start */
	#contentio {
		width: 79%;
		float: left;
		margin-top: 2;
	}	
	#rightmatter {
		float: right;
		width: 20%;
		text-align: left;
		margin-top: 2;
	}
	#rightmatter #submenu {
	list-style: none;
	margin: 0;
	padding: 0
}
#rightmatter #submenu a {
	display: block;
	height: 17px;
	padding: 9px;
	text-decoration: none;
}
#rightmatter #submenu a:hover {
	background: #b7d8ba;
	padding: 8px;
	border: 1px solid #006600;
	text-decoration: none;
}
#rightmatter li {
	line-height: 135%;
	margin: 3;
}

/* Today work end */	
	a {
		color: #10693E;
		text-decoration: none
	}
	a:hover {
		text-decoration: underline
	}
	#main {
		margin: auto;
		margin-top: 3px;
		width: 100%;
		padding: 0;
		align: center;
	}
#logo {	text-align: left }
#jarvinen {
	background: #8ec17c;
	border: 1px solid #3f9966;
	border-top: none;	
	height: 14px;
	margin: 0 0 0 0;
	list-style: none;
	padding: 5px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font: 10px Verdana, Arial, Helvetica, sans-serif;			
}
   	#jarvinen li {
		display: inline;
		margin: 0;
	}	
	#jarvinen a {
		padding: 0px 10px;		
		float: right;		
		text-decoration: none
	}
	#jarvinen a:hover {
		text-decoration: underline	
	}
	#menu { font-variant: small-caps;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px
	}
	#menu { letter-spacing: 1px }
	#menu {
		background: #98cc8f;
		border: 1px solid #3f9966;
		border-bottom: 1px solid #75ac75;	
		height: 35px;
		list-style: none;
		margin-top: 2px;
		margin: 0px;
		padding: 5px;
	}
	#menu a {
	    color: #333333;
		float: left;
		border: 1px solid #98cc8f;
		padding: 8px;
		margin-right: 4px;
		text-decoration: none
	}
	#menu a:hover {
		background: #bbddb5;
		float: left;
		border: 1px solid #006600;
		text-decoration: none;
		margin-right: 4px		
	}
   	#menu li {
		display: inline;
		margin: 0;
		text-align: center
	}
	#adbanner {
		background: #98cc8f;
		border: 1px solid #3f9966;
		text-align: right;
		height: 62px;
		margin-top: 10px;
		padding: 7px
	}
	.lup {
	background-image: url(http://www.traditionaloven.com/images/lup.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding:0px 0px 0px 12px
	}	
	td {
		vertical-align: top;
		font-size: 12px;
	}
/* Rado here you go, the following classes are found in the default (PLUGIN:SPECIAL:header).  If you use   *
 * the header you can use these.                                                         */
	.headerlabelcol {
		white-space: nowrap;
		font-size: 10px;
		font-weight: bold;
		text-align: right;
	}
	.headerlinkcol {
		font-size: 10px;
	}
/* Delete .sidemenu in future it's now id="sidebuttons" */	
.sidemenu {
	text-align: left;
	white-space: nowrap;
	background-color: #bbddb5;
	border: 1px solid #439F73;
	padding: 5px;
}
.sidemenu .MainTable { width: 92% }	
/* The following classes are found in the default help files. */
	.help_table {
		width: 98%;
		background-color: #F5F5F5;
		padding: 1px;
		border-collapse: collapse;
		border: 2px solid #CCCCCC; 
	}
	.help_headerrow {
		background-color: #000FCE;
		height: 20px;
	}
	.help_headerrow td {
		text-align: center;
		vertical-align: middle;
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
	}	
	.help_contentrow {
		height: 100px;
	}
	.help_contentrow td {
		color: #000000;
		font-size: 12px;
		text-align: left;
		padding: 5px;
	}
	.help_header {
		text-align: left;
		font-size: 14px;
		font-weight: bold;
		font-family: arial, helvetica;
		color: #000FCE;		
	}
	.help_subheader {
		text-align: left;
		font-size: 12px;
		font-weight: bold;
		font-family: arial, helvetica;
		color: #000000;		
	}
/* The following classes affect the "windows" in AutoHomePage.  They are only referenced *
 * in the Configuration Settings so technically they are not part of the software   */
	.ahpwindow {
		width: 100%;
		background-color: #FFFFFF;
		border: 2px solid #82A694;
		border-collapse: collapse;
	}
	.ahpwindowtitle {
		background-color: #86BDA2;
	}
	.ahpwindowtitle td {
		padding: 5px;
		vertical-align: center;
		font-weight: bold;
		color: #FFFFFF;
	}	
	.ahpwindowtitle td a:active, .ahpwindowtitle td a:link, .ahpwindowtitle td a:visited {
		color: #376B52;
	}	
	.ahpwindowcontent {
		text-align: center;
		width: 100%;
		background-color: #FFFFFF;
		padding: 2px;
		border-collapse: collapse;
		border: 1px solid #CCCCCC; 
	}			
	ul {
		margin-top: 0;
		margin-bottom: 0
	}
	form {
		margin-top: 0;
		margin-bottom: 0
	}
	input { color: #333333 }
/* border: 1px solid #3f9966; background-color: #ecfbec; taken out from input in css because of google search form */	
	#Forum_SubmissionPostTypeIcons input {
		background-color: #bbddb5;
		border: none;
	}
	select {
		background-color: #ecfbec; 
		color: #333333; 
		border: 1px solid #3f9966;
	}
	textarea {
		color: #333333; 
		border: 1px solid #3f9966;
		background-color: #ecfbec;
	}
	.radio {
		background-color: #98cc8f;
		border: 1px solid #98cc8f;
		color: #000000
	}
	.stol, .MainTable {
		width: 100%;
		border-collapse: collapse;
		border: 1px solid #3f9966;
		margin: 0 0 12 0;
		border-bottom: 1px solid #3f9966;
	}
	.stol tr, .MainTable tr {
		border-left: 1px solid #3f9966;
		border-right: 1px solid #3f9966;
	}	
	.stol td, .MainTable td {
		padding: 3px;
		height: 25px;
		vertical-align: middle;
	}
	.hore, .TitleRow {
		background-color: #98cc8f;
	}
	.hore td, .TitleRow td {
	font-family: Lucida Sans Unicode;
	text-align: center;
	height: 43px;
	font-size: 18px;
	letter-spacing: 1px;
	color: #0B5B2C;
	border-bottom: 1px solid #75ac75;
	}
	/* border-bottom: #3f9966 */	
	.dark, .MenuRow {
		background-color: #98cc8f;
		height: 20px;
	}
	.dark td, .MenuRow td {
		color: #000000;
		font-size: 13px;
		text-align: left;
		border-bottom: 1px solid #75ac75;
	}	
	.DataRow {
		color: #000000;
		background-color: #F5F5F5;
		height: 23px;
	}
/* Always appears in DataRow */
	.night, .LabelColumn {
		width: 35%;
		background-color: #b3daad;
		color: #000000;
	 	border-bottom: 1px solid #98cc8f;
	}	
	.day, .DataColumn {
		color: #000000;
		background-color: #bbddb5;
		border-bottom: 1px solid #98cc8f;
	}
	.enderday {
		background-color: #bbddb5;	
		border-bottom: 1px solid #3f9966;
	}	
	.ColSpanningDataColumn {
		text-align: center;
		background-color: #b3daad;
		border-bottom: 1px solid #98cc8f; 
	}
	.laba, .FooterRow {
		background-color: #b7d8ba;
		height: 20px;
	}
	.laba td, .FooterRow td {
		color: #000000;
		text-align: center;
		border-top: 1px solid #98cc8f;
	}
	.DateLabel {
		color: #000000;
		font-size: 10px;
	}
	.CheckUncheckAll a {
		color: #000000;
		font-size: 10px;
	}
/* Classes for Virtual Popups.  Virtual Popups are Dynamic Html tables that hover over  *
 * the page in response to user action.  These are used to present information to users *
 * without the overhead of opening a new window.                                        */
   	.VirtualPopupTable {
		width: 100%;
		padding: 1px;
		border-collapse: collapse;
		border: 2px solid #5BA180; 
		background-color: #EFFBF5;
	}
	.VirtualPopupTitleRow {
		background-color: #5BA180;
		height: 20px;
	}
	.VirtualPopupTitleRow td {
		text-align: left;
		vertical-align: middle;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		!important
	}
	.VirtualPopupMenuRow {
		background-color: #EFFBF5;
		height: 20px;
	}
	.VirtualPopupMenuRow td {
		color: #000000;
		font-size: 13px;
		text-align: left;
		border-top: 1px solid #6ABB94;
	}	
	.VirtualPopupDataRow {
		color: #000000;
		background-color: #EFFBF5;
		height: 23px;
	}
/* Always appears in DataRow (See the global section). */
	.VirtualPopupLabelColumn {
		background-color: #EFFBF5;
		color: #0D4C97;
		font-size: 10px;
	}	
	.VirtualPopupDataColumn {
	 	border: 1px color: #0E3D75; 
		background-color: #EFFBF5;
		color: #000000;
		font-size: 10px;
	}
	.VirtualPopupColSpanningDataColumn {
		text-align: center;
	 	border: 1px dashed gray; 
		background-color: #FFFFFF;
		color: #000000;
		font-size: 10px;
	}
	.VirtualPopupFooterRow {
		background-color: #B5B5B6;
	}
	.VirtualPopupFooterRow td {
		color: #000000;
		font-size: 11px;
		text-align: right;
	}
/* Classes for Address Books used in AutoHomePage, Autoemail, eCards and Clubs */
/* The following classes affect the display of the letters of the
	 * alphabet used to navigate the address book
	 */
	.AddressBook_LetterChoiceTable {
		width: 100%;
		background-color: transparent;
		padding: 0px;
		border-collapse: collapse;
		border-style: none;
	}
	.AddressBook_LetterChoice_Clickable {
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		border: 1px solid #82A694;
		width: 20px;
		height: 20px;
	}
	.AddressBook_LetterChoice_UnClickable {
		text-align: center;
		font-size: 14px;
		border: 1px solid #82A694;
		width: 20px;
		height: 20px;
	}	
/* Comm. Mailer classes*/
	.CommunityMailer_ListName {
	}
	.CommunityMailer_ListDescription {
	}
	.CommunityMailer_MoreButton {
	}
/* Albums-specific classes.  Like with Autoemail, for the album listings you can
 * either set all columns to be the same or change the styles for each one individually.  The 
 * first two classes set all the columns the same, the ones after that allow you to set each
 * column to be different.  It is important to note that "CommunityAlbums_FrontPageRow td" has
 * a higher precedence than the later classes so you should either use !important if you want to 
 * override a single column or remove the styles from "CommunityAlbums_FrontPageRow td" and 
 * all the columns individually.
 */
	.CommunityAlbums_FrontPageRow {
	}
	.CommunityAlbums_FrontPageRow td {
		background-color: F8FDF8;
		color: #000000;
		text-align: center;
		font-weight: bold;
		vertical-align: middle;
		border-bottom: 1px solid #6ABB94;
	}
	.CommunityAlbums_FP_ImageColumn {
	}
	.CommunityAlbums_FP_NameColumn {
		font-size: 14px;
	}
	.CommunityAlbums_FP_ImageCountColumn {
	}
	.CommunityAlbums_FP_ImageSizeColumn {
	}
	.CommunityAlbums_FP_ImageHitsColumn {
	}
	.CommunityAlbums_FP_ImageCheckBoxColumn {
	}
	.CommunityAlbums_FP_ImagePublicColumn {
	}

	.CommunityAlbums_SortOptionsRow {
		background-color: E1E2E4;
		font-size: 10px;
	}
	.CommunityAlbums_SortOptionsRow td {
		background-color: #b3daad;
		text-align: center;
		padding: 2px;
	}
/* Note, the image table is when viewing all images in an album */
	.CommunityAlbums_ImageTable {
		width: 100%;
	}	
	.CommunityAlbums_ImageTableRow {
	}	
	.CommunityAlbums_ImageTableRow td {
		text-align: center;
	}
/* The following ids control the header columns in the album list view */
	#CommunityAlbums_HeaderImageColumn {
		text-align: center;
	}
	#CommunityAlbums_HeaderNameColumn {
		text-align: center;
	}
	#CommunityAlbums_HeaderCountColumn {
		text-align: center;
	}		
	#CommunityAlbums_HeaderSizeColumn {
		text-align: center;
	}		
	#CommunityAlbums_HeaderHitsColumn {
		text-align: center;
	}		
	#CommunityAlbums_HeaderPublicColumn{
		text-align: center;
	}
/* The following classes control Forums & clubs'Forum.  Both use a lot of 
 * classes because forums are the heart of traditionaloven will 
 * like to heavily personalize them. */
	.Forum_Commands {
		 color: #307051;
		 text-decoration: none;
	}
	.Forum_BadWord {
		color: red;
		font-weight: bold;
	}
	.Forum_SpellingError {
		background-color: #F8F7C8;
		font-weight: bold;
	}
	.Forum_PostIconsFrame {
		padding: 1px 1px 1px 1px;
		overflow: auto;
		color: #663300;
		background-color: transparent;
		margin-top: 0; margin-bottom: 0
	}
	.Forum_PostIconsFrameMainTable {
		width: 100%;
		background-color: #F2FDF8;
		padding: 0px;
		border-collapse: collapse;
		border: 1px solid #6ABB94;
	}
	.Forum_PostIconsFrameTitleRow {
		background-color: 6ABB94;
	}
	.Forum_PostIconsFrameTitleRow td {
		color: #000000;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
	}
	.Forum_PostIconsFrameReplacementRow {

	}
	.Forum_PostIconsFrameReplacementTextColumn {
		text-align: center;
		font-size: 11px;
	}
	.Forum_PostIconsFrameReplacementImageColumn {
		text-align: center;
		font-size: 14px;
	}
	
	/* The following classes affect the header row of the thread list view
	 * These are actually called in the relevant Configuration Settings and are
	 * not part of the actual program.
	 */
	#Forum_HeaderStatusBoxColumn {
	}
	#Forum_HeaderPostTypeColumn {
	}
	#Forum_HeaderAdminCheckBoxColumn {
	}
	#Forum_HeaderSubjectColumn {
	}
	#Forum_HeaderAuthorColumn {
	}
	#Forum_HeaderNumPostsColumn {
	}
	#Forum_HeaderNumViewsColumn {
	}
	#Forum_HeaderStartedDateColumn {
	}
	#Forum_HeaderLastResponseColumn {
	}
	#Forum_HeaderModeratorOptionsColumn {
	}
	.Forum_HeaderSortOptionsLink {
		color: #FFFFFF;
		text-decoration: none;
	}
	.Forum_ThreadRowEven td {
		background-color: #bbddb5;
		font-size: 11px;
		border: 1px solid #75ac75;  
	}
	.Forum_ThreadRowOdd {
	}
	.Forum_ThreadRowOdd td {
		background-color: #b3daad;
		font-size: 11px;
		border: 1px solid #75ac75;
	}
	.Forum_ThreadRowEven {
	}
	.Forum_ThreadRowCurrentPost {
	}
	.Forum_ThreadRowCurrentPost td {
		background-color: #D4FBE8;
		font-size: 10px;
		border: 1px solid #6ABB94; 
	}
/* The following classes appear on the thread list page.  They are inserted by 
	 * text replacements like [COL_MESSAGEICON].  The program will call either the
	 * class for the column OR .Forum_SortedColumn if the column is the one currently
	 * being used as the basis for sorting.
	 */
	.Forum_StatusBoxColumn {
	}
	.Forum_PostTypeColumn {
		text-align: center;
	}
	.Forum_AdminCheckBoxColumn {
	}
	.Forum_SubjectColumn {
	}
	.Forum_AuthorColumn {
	}
	.Forum_RecommendationsColumn {
		text-align: center;
	}
	.Forum_NumPostsColumn {
		text-align: center;
	}
	.Forum_NumViewsColumn {
		text-align: center;
	}
	.Forum_StartedDateColumn {
	}
	.Forum_LastResponseColumn {
	}
	.Forum_ModeratorOptionsColumn {
	}
	.Forum_SortedColumn {
		background-color: #E4FBDD
		!important
	}
	
	
	.Forum_OpeningWordsForThread {
		font-style: italic;
	}		
/* The following classes affect the header row of the post list view.
	 * These are actually called in the relevant Configuration Settings and are
	 * not part of the actual program.
	 */
	#Forum_ThreadHeaderCheckBoxColumn {
	}
	#Forum_ThreadHeaderAuthorColumn {
	}
	#Forum_ThreadHeaderMessageColumn {
	}
	#Forum_ThreadHeaderMessageRange {
		color: #3F5067;
		font-color: #3F5067;
		text-align: right;
	}
	/* The following ids and classes affect the post/thread submission form 
	 * and the edit form.
	 */
	#Forum_SubmissionModeratedMessage {
	}
	.Forum_SubmissionPostTypeIcons {
		background-color: transparent;
		text-decoration: none;
	}
	#Forum_SubmissionMessageField {
	}
	#Forum_SubmissionJavascriptShortCuts {
	}
	.Forum_SubmissionJavascriptShortCutLink {
	}
	.Forum_SubmissionTable {
		width: 100%;
		background-color: #F4F6F9;
		padding: 1px;
		border-collapse: collapse;
		border: 2px solid #CCCCCC; 
	}
/* The following classes affect the display of forum posts */
	.Forum_MemberInformationColumn { 
		width: 20%;
		background-color: #EBFAF3;
		border-top: 1px solid #6ABB94;
		border-bottom: 1px solid #6ABB94;
		border-right: 1px solid #6ABB94;
	}
	.Forum_PostTextColumn a { text-decoration: underline }	
	.Forum_PostTextColumn {
		border: 1px solid #6ABB94;
		letter-spacing: 0.01em; 
		background-color: #f9fce8;
		font-size: 14px;
		font-family: arial, helvetica;
	}
	.Forum_HiddenMessageText {
		font-style: italic;
	}
	.Forum_HiddenMessage {
		text-decoration: line-through;
	}
	.Forum_AttachedFiles {
		background-color: beige;
	}
	.Forum_PostOptionsColumn {
		background-color: #F3F3F3;
	}
	.Forum_PostCheckBoxColumn {
		background-color: #F3F3F3;
	}
	.Forum_PostBottomRow {
		background-color: #F7FDFA;
	}
	.Forum_PostBottomRow td {
		border-bottom: 1px solid #6ABB94;		
	}
	.Forum_PostDate {
		text-align: right;
		font-size: 10px;
		background-color: #F3F3F3;
	}
/* The following classes affect the header row across the top of thread
	 * lists and post lists.
	 */
	.Forum_HeaderRow, .Forum_HeaderRow td a {
		background-color: #8FCFB0;
	}
	.Forum_HeaderRow td {
		color: #2E7B56;
		text-align: center;
		font-weight: bold;
		border: 1px solid #6ABB94; 
		padding: 5px;
	}
	.Forum_HighlightedPost {
		background-color: #E4FBDD;
		border: 1px solid #6ABB94; 
		color: #000000;
	}
/* The follow classes are used by the forum directory and one page directory */
	.Forum_ListRowEven a { color: #006604; font-size: 14px; letter-spacing: 1px; text-decoration: underline }
	.Forum_ListRowEven a:hover { color: #069; text-decoration: none }
	.Forum_ListRowEven td {
		background-color: #edfbed;
		font-size: 13px;
		border: 1px solid #8ccbad; 
	}
	.Forum_ListRowOdd a { color: #006604; font-size: 14px; letter-spacing: 1px; text-decoration: underline }
	.Forum_ListRowOdd a:hover { color: #069; text-decoration: none }
	.Forum_ListRowOdd td {
		background-color: #e9fbe9;
		font-size: 13px;
		border: 1px solid #8ccbad; 
	}
	/*  or #55A57E #59b56E*/
	.Forum_ListTitleRow {
		background-color: #59a56E;
		height: 20px;
	}	
	.Forum_ListTitleRow td {
		letter-spacing: 1px;
		color: #2B5B44;
		font-size: 13px;
		text-align: left;
		font-weight: bold;
		border: 1px solid #3A6751; 
	}
	.Forum_ForumDataTitleRow {
	}	
	.Forum_ForumDataTitleRow td {
		background-color: #000FCE;
		color: #FFFFFF;
		text-align: center;
		font-weight: bold;
		border: 1px solid #2C3D54; 
	}
/* community members classes */
	.CM_IconColumn {
		text-align: center;
	}
	.CM_SpacerExtraLabel {
		text-decoration: italic;
	}
/* Intra site Messenger classes */
	.ISM_SystemFolder {
		font-weight: bold;
	}
/* Gallery classes*/
	.AutoGallery_HotRatingTable {
		width: 1%;
		background-color: #F4F6F9;
		border-style: none;
		padding: 0px;
		spacing: 0px;
		border-collapse: collapse;
		border: 1px solid #CCCCCC; 
	}
/* eCards classes */
  .EcardsPro_required {
    color: #AE2355;
    font-weight: bold;
  }
  .EcardsPro_optional {
    color: #000000;
  }
  .ECardsPro_SelectedColumn {
    text-align: center;
    background-color: #D0D1D1;
    vertical-align: top;
    font-size: 10px;
    font-family: verdana, arial;
  }
  .ECardsPro_UnSelectedColumn {
    background-color: #F0F1F1;
    text-align: center;
    vertical-align: top;
    font-size: 10px;
    font-family: verdana, arial;
  }
/* ardvark publisher classes */
	.AardvarkPublisher_MultiSelectFormTable {
		width: 80%;
		background-color: #F4F6F9;
		padding: 1px;
		border-collapse: collapse;
		border: 1px solid #CCCCCC; 
	}
	.AardvarkPublisher_PollFormTable {
		width: 90%;
		background-color: #F4F6F9;
		padding: 1px;
		border-collapse: collapse;
		border: 1px solid #CCCCCC; 
	}
/* Classes common to ardvark publisher and catalog and classifieds */
	.Aardvark_CheckboxTable {
		border-style: none;
		padding: 1px;
		border-collapse: collapse;
	}
	.Aardvark_CheckboxTable tr td {
		white-space: nowrap;
		font-size: 10px;
	}
	.Aardvark_MultiSelectFormTable {
		width: 80%;
		background-color: #F4F6F9;
		padding: 1px;
		border-collapse: collapse;
		border: 1px solid #CCCCCC; 
	}
/* Open Directory classes */
	.ODP_MainCategoryTable {
		width: 100%;
	}
	.ODP_MainCategoryTable tr td{
		width: 33%;
	}
	.ODP_ListingTable {
		width: 100%;
	}
	.ODP_ListingTable tr td{
		width: 50%;
	}
	.ODP_SubCategoryTable {
		width: 100%;
	}
	.ODP_SubCategoryTable tr td{
		width: 50%;
	}
	.ODP_SeeAlsoTable {
		width: 100%;
	}
	.ODP_SeeAlsoTable tr td{
		width: 50%;
	}
/* classifieds classes.  These exist only in the Configuration Settings and as such
 * are not really part of the software and are here for convenience.
 */	
	.classifieds_maincat {
		text-align: left;
		font-weight: bold;
		color: #44699B;
	}
	.classifieds_description {
		text-align: left;
		font-style: italic;
		font-size: 11px;
		color: #4477BD;
	}
	.classifieds_teasers {
		text-align: left;
		font-size: 10px;
		color: #397CD6;
	}