@import url(style_forms.css);

/* BEGIN Shop.css tags */

* { 
    -moz-box-sizing: border-box; 
}
body{
	background: #FFFFFF;
	color: #000000;
	background-image: url(../images/header/hdrbg.jpg);
	background-repeat : repeat-x;
	background-position : top;
	margin : 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
}
form{
 margin : 0px 0px 0px;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-weight : bold;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight : bold;
}

/*  END Shop tags  */

/*   Design Colors - Normally Set the col1TD to the same as the maint PgTitle1 color if both dark  */

.Col1TD {
   background-color : #656C45;
   color: inherit; 
} 
.Col2TD {
   background-color : #9466B9; 
   color: inherit;
} 
.Col3TD {
   border-top: 0px #9466B9 solid;
   background-color : #715192; 
   color: inherit;
} 


/* Navigation Page Title color */
.TMtitle {
   font-size : 20px; 
   color : #FFFFFF; 
   background-color: inherit;
   font-weight : normal; 
   line-height : 1.25em; 
   float: right;
   white-space: nowrap;
   filter:shadow(color:#49512C, direction=135);
   padding:5px;     		    	
} 

/* These styles control the admin links next to title: Add New, Edit & Delete */
.TMtitleadmin:link {
   font-size : 11px; 
   color : #FEF778; 
   background-color: inherit;
   font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
   font-weight : bold; 
   line-height : 1.4em;
}

.TMtitleadmin:visited {
   font-size : 11px; 
   color : #FEF778; 
   background-color: inherit;
   font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
   font-weight : bold; 
   line-height : 1.4em;
}

.TMtitleadmin:hover {
   font-size : 11px; 
   color : #FFFFFF; 
   background-color: inherit;
   font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
   font-weight : bold; 
   line-height : 1.4em;
}

.SmallTxt {
	color: #000000;
	background-color: inherit;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.25em;
}

.SmallTxt1 {
	color: #715192;
	background-color: inherit;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.25em;
}

.SmallTxt2 {
	color: #6F722E;
	background-color: inherit;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.25em;
}

.SmallTxt3 {
	color: #C1C97F;
	background-color: inherit;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.25em;
}


a:link
{
	color: #960043;
	background-color: inherit;
	text-decoration: none;
}

a:visited
{
	color: #960043;
	background-color: inherit;
	text-decoration: none;
}

a:hover
{
	color: #D0479C;
	background-color: inherit;
	text-decoration: none;
}

/*   ********** Opt1 & Opt2 Hover effects and colors - Set this one to look good on your normal background       */ 
/* and near your primary dark color and your above main link colors on your primary dark color.          ******* */ 

a.Opt1:link
{
	color: #098EE0;
	background-color: inherit;
	text-decoration: none;
}
a.Opt1:visited
{
	color: #098EE0;
	background-color: inherit;
	text-decoration: none;
}
a.Opt1:hover
{
	color: #6FC5F9;
	background-color: inherit;
	text-decoration: none;
}
a.Opt2:link
{
	color: #FFFFA8;
	background-color: inherit;
	text-decoration: none;
}
a.Opt2:visited
{
	color: #FFFFA8;
	background-color: inherit;
	text-decoration: none;
}
a.Opt2:hover
{
	color: #D9E38C;
	background-color: inherit;
	text-decoration: none;
}



/*  ****  05/02/06  This is CSS Design Styles for : TM0200 Art Flower Copyright 2004-2006, Theme Magic.  ****  */  
/* Copyright 2004 - 2006 - All Rights Reserved - Thierry Koblentz - www.TJKDesign.com */

#TMouter_wrapper {
 	/* because "min-width" is not supported by IE, these pages use a script from PVII */
	/* min-width:740px; */
	/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
	/* width:100%;  */
	/* faux-column technique, this is the left one */
	/* background: url() repeat-y left; */
}

#TMwrapper {
	/* faux-column technique, this is the right one */
	/* background:url() repeat-y right; */
	
}

#TMheader {
	border:0px solid #b0b0b0;
	background-color: #656C45;
	color: inherit;
	/* 
	background-image: url('../images/header/bg_bnr.jpg');
	background-repeat: no-repeat; 
	background-position: right;	 
	*/
	
	background-image: url('../images/header/bg_bnr.jpg');

	
	/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
	width:100%;
	/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
	margin: 0px -0px;
	
}


#TMcontainer {
	width:100%;
	/* IE doubles the margins on floats, this takes care of the problem */
	display:block;
	/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
	clear: both;
}

#TMleft {

/* IE doubles the margins on floats, this takes care of the problem */
margin-left:5px;
}

#TMmain {
	margin:0;
	color: inherit;
	background-color: #FFFFFF;
	border-top: 0px #715192 solid;
	border-left: 0px #715192 solid;
	border-bottom: 0px #715192 solid;
	border-right: 0px #715192 solid;

	padding: 0px 20px 0px 20px;
}

/* good to know: if #TMsidebar is to be shorter than #TMmain, then there is no need for this rule */
/* */
#TMsidebar {
	margin: 0px 10px 0px 10px;
}



#TMsidebar p {
	/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #TMheader, but using a different fix) */
	position:relative;
}

#TMfooter {
	/* see #TMouter_wrapper  */
	width:100%;
	/* this is to clear #TMcontainer */
	clear:both;
	background-color: inherit;
	color: inherit;
	margin: 10px 0px 10px 0px;
}

/* this is the class that is applied to 2 structural hacks in the markup. 
   The first "meaningless" element is used to clear #TMleft in NN6 and the 
   last one is used to clear #TMcontainer in NN4 */

.TMclearing {
	height:0;
	clear:both;
}

/*  My Stuff This first class is applied to the background of the page via the body tag... 
    so that the editor will still have white I hope. Or I'll have to add a div perhaps. */

.TMbackground {
	margin: 0px;
	/* background-color: #5E5C0F; */
	background-color: #313C00;
	/* background-color: #3C4A00;  */
	/* background-color: #455400; */
	color: inherit;
  	background-image: url('');
}


#TMlogo {
	float: left;
	text-align: left;
	width: 415px;
	height: 88px;
	background-color: inherit;
	color: #000000;
	background-image: url('../images/header/logo.gif'); 
	background-repeat: no-repeat;
}

#TMlogo2 {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	padding: 35px;
}

#TMbreadnav {
	width: 100%;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;	
	font-size: 10px;
	/* background: transparent;
	background-image: url('../images/header/logo_bottom.gif');
	background-repeat: no-repeat; */
}

#TMbreadnav.A:hover, A:active {color: #0000FF;}


#TMbreadnav { color: #00FFFF;}



#TMheader-table {
	background-color: #FFFFFF;
	color: inherit;
	border-top: 0px #594174 solid;
	border-bottom: 0px #594174 solid;
}

#TMcenter {
	margin: 0px auto 0px auto;
	text-align: center;
}


#TMnavbar { 
	width:100%;
	clear: both;
	margin: 0px auto 0px auto;
	text-align: center;
	color: #FFFFFF;	
	background-color: #715192;
	border-top: 0px #000000 solid;
	/* size set for mini-shop navigation to be correct size */
	font-size: 12px;
}

/* 	TMPOP-UP This is the Title Bar for TAF and Newsletter Signup Pop-ups. 
	(Set same as TMNavBar above) */

div#dwindow {
	background-color: #715192; 
	color: inherit;
}


/*  ****** TOP NAV - Horizontal Styles *** */

#TMHorznavcontainer {
	margin: 0px 0px 0px -10px;
	padding: 0px 0px 0px 10px;
}


#TMHorznavcontainer UL {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	line-height : 1.25em; 

}

#TMHorznavcontainer LI {
	display: block;
	margin: 0;
	padding: 0;
	float: left; 
	width: auto;
	line-height : 1.25em; 

}

#TMHorznavcontainer A {
	color: #FFFFFF;
	display: block;
	width: auto;
	text-decoration: none;
	background-color: inherit;
	margin: 0;
	padding: 2px 10px 5px 10px;
	border-left: 1px solid #9466B9;
	border-top: 0px solid #FFFFFF;
	border-right: 1px solid #9466B9;
}

 
/* NOTE Fixed the lingering highlight after back button by splitting above line into two (below) */
#TMHorznavcontainer a:active {background: #715192; color: inherit;}
#TMHorznavcontainer a:hover {background: #9466B9; color: inherit;}

#TMHorznavcontainer a.active:Link, #TMHorznavcontainer a.active:visited {
	position: relative;
	/* z-index: 102; */
	background: #9466B9;
	color: inherit;
	font-weight: bold;
}

#TMHorznavcontainer .OpenedLink {
	background: #FFFFFF; 
	color: #513C6A;
}

#TMHorznavcontainer .SelectedLink {
	background: #513C6A; 
	color: inherit;
}


#TMHorzsubnav {
	position: relative;
	top: -1px;
	/* z-index: 101;  */
	margin: 0;
	padding: 0px 0 3px 0;
	background: #715192;
	color: inherit;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aaa;
}

#TMHorzsubnav UL {
	list-style: none;
	margin: 1px 0 0px 13px;
	padding: 0px;
	border-right: 1px solid #fff;
	border-left: 1px solid #aaa;
}

#TMHorzsubnav LI {
	position: relative;
	/* z-index: 102;  */
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
}

#TMHorzsubnav A {
	color: #fff;
	background-color: inherit;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding: 2px 12px 2px 10px;
}

#TMHorzsubnav A:hover, .TMHorzsubnav A:active { color: #AE262B; background-color: inherit;}
#Horzsubnav A.active:link, .TMHorzsubnav A.active:visited { color: #AE262B; background-color: inherit; }
#TMHorzsubnav BR, .TMHorznavcontainer BR { clear: both; }


/* ***** LEFT NAV Virtical Nav Styles   */

/* List-O-Matic left Nav Styles */
#TMnavcontainer { 
    /* width: 150px;  */  
	margin-top: 15px;
	margin-left: 3px;
	margin-right: 10px;
	margin-bottom: 0px;
	border: 0px red solid;
	background-color: inherit;
	color: inherit;
	font-size: 12px;
	}

#TMnavcontainer ul {
	white-space: nowrap;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

#TMnavcontainer a {
	/* width: 130px;  */
	display: block;
	padding: 3px 3px 3px 5px;
	background-color: inherit;
	color: #FFFFFF;
	border-bottom: 1px solid #848655;
}

#TMnavcontainer a:link, .TMnavlist a:visited {
	color: #FFFFFF;
	background-color: inherit;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}

#TMnavcontainer a:hover {
	background-color: #848655;
	color: #FFFFFF;
}
/* END List-O-Matic left Nav Styles */


/* List-O-Matic ADMIN MENU Nav Styles - Cool */

.TMnavcontainer-bar {
	background-color: #EDE5D7;
	color: inherit;
}

.TMnavcontainer-admin { 
    /* width: 150px;  */  
	margin-top: 0px;
	margin-left: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px red solid;
	background-color: inherit;
	color: inherit;
	}
	
.TMnavcontainer-admin ul {
	white-space: nowrap;
	margin-left: 0px;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-stretch: condensed;
}

.TMnavlist-admin-title {
	white-space: nowrap;
	font-size: 11px;
	font-weight: bold;
	/*  RIGHT HERE ***** */
	margin-left: 0px;
	font-stretch: condensed;
}

.TMnavcontainer-admin a {
	/* width: 130px;  */
	display: block;
	padding: 0px 1px 0px 2px;
	background-color: #FFFFFF;
	color: #F6D23B;
	border-bottom: 1px solid #DDDDDD;
}

.TMnavcontainer-admin a:link, .TMnavlist-admin a:visited {
	color: #000000;
	background-color: inherit;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}

.TMnavcontainer-admin a:hover {
	background-color: #F8F6D4;
	color: #000000;
}
/* END List-O-Matic Admin Menu Nav Styles */

div#TMlogin {
	text-align: left; 
	margin-left: 5px; 
	white-space: nowrap;
}