/* generic text, background color - only content class has line-height feature, for body and td, it would mess up image positioning */

    body { background: #ffffff url('/images/home_bg.gif'); font-family: arial, helvetica, sans-serif; font-size: 11px; color: #000000; margin:0px 125px 10px 125px; }
    .admbg {background: #ffffff url('/images/sub_bg.gif'); margin: 15px 0; padding: 0;}
    
.admcontentbg {background: #FFFFFF;}
.contentbg {background: #FFFFFF;}
.content {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 16px; }
      td {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; }


/* background colors and images */


 .vertline {background: #666666}
 

/* this is a little experiment to create a drop shadow behind the photos - FRAMING  2 values in the DB turn this feature on or off: dropshadow and dropshadow */
/* value 0 sets the cellpadding of each table to 0, value 1 sets the cellpadding to 1, revealing the table color. */
 .frame1 {background: #e6e6e6}
 .frame2 {background: #d6d6d6}
 .frame3 {background: #c6c6c6}
 .frame4 {background: #b6b6b6}
 .frame5 {background: #A6A6A6}


 .photobg {background: #ffffff}

/* forms */

input, textarea, select { font-family: verdana, arial, helvetica; font-size: 11px; }

.submitbutton {
cursor:pointer;
border:outset 1px #FFFFFF;
background:#ff9933;
color:#FFFFFF;
font-weight:bold;
padding: 2px 3px;
background:url(/images/buttonbg.gif) repeat-x left top;
}

.submitbutton:hover {
cursor:pointer;
border:outset 1px #FFFFFF;
background:#ff9933;
color:#FFFFFF;
font-weight:bold;
padding: 2px 3px;
background:url(/images/buttonbg.gif) repeat-x left top;
}

.deletebutton {
cursor:pointer;
border:outset 1px #FFFFFF;
background:#FFFFFF;
color:#ff9933;
font-weight:bold;
padding: 2px 3px;
background:url(/images/buttonbg.gif) repeat-x left top;
}


/*link color - font and size, line-height is inherited*/

				a {color: #336699; text-decoration: underline;}
		  a:hover {color: #003399; text-decoration: none;}
		a:visited {color: #336699; text-decoration: underline;}

        a.content {color: #336699; text-decoration: underline;}
  a.content:hover {color: #003399; text-decoration: none;}
a.content:visited {color: #336699; text-decoration: underline;}

/* headers - display inline does not add any extra line breaks */

h1 {display: inline; font-family: verdana, helvetica, arial; font-size: 15px; color: #996633; line-height: 120%}
h2 {display: inline; font-family: verdana, helvetica, arial; font-size: 14px; color: #666666; line-height: 120%}
h3 {display: inline; font-family: verdana, helvetica, arial; font-size: 13px; color: #996633; line-height: 120%}
h4 {display: inline; font-family: verdana, helvetica, arial; font-size: 12px; color: #666666; line-height: 120%}

/* h5 is used for the help section on the admin site */
h5 {display: inline; font-family: verdana, helvetica, arial; font-size: 12px; color: #666666; line-height: 120%}


a.h1, a h1:link, a h1:visited {display: inline; font-family: verdana, helvetica, arial; font-size: 15px; color: #996633; line-height: 120%; text-decoration: none;}
a.h2, a h2:link, a h2:visited {display: inline; font-family: verdana, helvetica, arial; font-size: 14px; color: #666666; line-height: 120%; text-decoration: none;}
a.h3, a h3:link, a h3:visited {display: inline; font-family: verdana, helvetica, arial; font-size: 13px; color: #996633; line-height: 120%; text-decoration: none;}
a.h4, a h4:link, a h4:visited {display: inline; font-family: verdana, helvetica, arial; font-size: 12px; color: #666666; line-height: 120%; text-decoration: none;}

/* list styles added here */

	   ul {display: block; list-style-position: outside;}
ul.inline {display: block; list-style-position: outside;}

/* styles for small text */

 .directions {font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000000; }
     .footer {font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; color: #FFFFFF; }
     a.footer, a.footer:visited {font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; color: #99ccff; }
     a.footer:hover {font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; color: #99ccff; }
      .small {font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; color: #666666; }
       .help {font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; color: #CC0000; }
    .caption {font-family: arial, helvetica, sans-serif; font-size: 12px; font-style: normal; color: #666666; }

/* nav styles */

            .nav {color: #36230d; font-family: arial, helvetica, sans-serif; font-size: 13px; text-decoration: none; text-transform: uppercase;}
           a.nav:link, a.nav:visited {color: #36230d; font-family: arial, helvetica, sans-serif; font-size: 13px; text-decoration: none; text-transform: uppercase;}
     a.nav:hover {color: #e99d0e; font-family: arial, helvetica, sans-serif; font-size: 13px; text-decoration: underline; text-transform: uppercase;}
         a.navon:link, a.navon:visited {color: #e99d0e; font-family: arial, helvetica, sans-serif; font-size: 13px; text-decoration: none; text-transform: uppercase;}
   a.navon:hover {color: #e99d0e; font-family: arial, helvetica, sans-serif; font-size: 13px; text-decoration: underline; text-transform: uppercase;}

         .subnav {color: #36230d;  font-size: 12px; text-decoration: none; font-weight: bold;}
        a.subnav, a.subnav:visited {color: #36230d;  font-size: 12px; text-decoration: none; font-weight: bold; }
  a.subnav:hover {color: #666666;  font-size: 12px; text-decoration: underline; font-weight: bold;}
      a.subnavon, a.subnavon:visited {color: #333333;  font-size: 12px; text-decoration: none;  font-weight: bold;}
a.subnavon:hover {color: #333333;  font-size: 12px; text-decoration: underline;  font-weight: bold;}




/* styles governing all table layouts in admin interfaces: */

   /* admin titles and sub titles */ 
      .title {font-family: verdana, helvetica, arial; font-size: 14px; color: #003399; font-weight: bold; }
   .subtitle {font-family: verdana, helvetica, arial; font-size: 13px; color: #6699cc; font-weight: bold; }
       .bold {font-weight: bold; }

/* h5 is used for the help section on the admin site */
h5 {display: inline; font-family: verdana, helvetica, arial; font-size: 12px; color: #990000; line-height: 120%}


   /* stroke outline color for tables */
   .admstroke { background-color: #000000; } 
   
   /* cell background, font for table headings and "sort by" links in column headings */
 .admtablehead         { background-color: #3d2b15; font-weight: bold; font-size: 12px; color: #ffffff; } 
a.admtablehead:link    { background-color: #3d2b15; font-weight: bold; font-size: 12px; color: #ffffff; } 
a.admtablehead:visited { background-color: #3d2b15; font-weight: bold; font-size: 12px; color: #ffffff; } 
a.admtablehead:hover   { background-color: #3d2b15; font-weight: bold; font-size: 12px; color: #e99d0e; } 

 .admtablehead2         { background-color: #e99d0e; font-weight: bold; font-size: 12px; color: #3d2b15; } 
a.admtablehead2:link    { background-color: #e99d0e; font-weight: bold; font-size: 12px; color: #3d2b15; } 
a.admtablehead2:visited { background-color: #e99d0e; font-weight: bold; font-size: 12px; color: #3d2b15; } 
a.admtablehead2:hover   { background-color: #e99d0e; font-weight: bold; font-size: 12px; color: #000000; } 

   /* cell background, font for most table cells */
		          .adm { background-color: #f8e9cd; } 
		          .admtop { background-color: #FFFFFF; } 
		          .admnav { background-color: #FFFFFF; } 
		 
   /* cell background, slightly different than class=adm for striping search results, etc */
	             .adm2 { background-color: #FFFFFF; } 

   /* cell background, slightly different than class=adm for striping search results, etc */
	             .admdelete { background-color: #CECECE; } 


   /* test styles for bold/italics/link javascript */
.buttons {
	background: #ccc;
	border: 1px solid #ccc;
	margin: 1;
	float:left;
}
.raise	{
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	background: #ccc;
	margin:1;
	float:left;
}
.press {
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;
	border-bottom: 1px solid buttonhighlight;
	border-right: 1px solid buttonhighlight;
	background: #ccc;
	margin:1;
	float:left;
}
#toolbar {
	margin: 0;
	width: 78px;
	padding: 0;
	height:20px;
	background: #ccc;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	text-align:left;
}






  /* for sub menu under portfolio nav: if categories are used and sub nav is selected as display option */
  
div.menu {
  background-color: #443116;
  border: 1px solid #FFFFFF;
  left: 0px;
  padding: 1px 1px 1px 1px;
  position: absolute;
  top: 2px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #FFFFFF;
  cursor: default;
  display: block;
  padding: 3px 1em;
  border: 1px solid #443116;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  text-transform: uppercase;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  color: #443116;
  background-color: #FFFFFF;
  display: block;
  border: 1px solid #443116;
  text-align: left;
  font-weight: normal;
  padding: 3px 1em;
}
  
  





	/* Easy Slider */



	/* for tooltip display */

	#tooltip{
		position:absolute;
		border:1px solid #ccc;
		background:#3e5885;
		padding:2px 5px;
		color:#FFF;
		display:none;
		z-index: 3;
	}	

	/*  */

    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	
	#container {
		position:relative;
		width: 774px;
		margin: 0px;
		padding: 0px;
		background-color: #3e5885;
		background-repeat: no-repeat;
		border: 1px solid #FFF;
	}				



	#slider{
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0px;
		padding: 0px;
		height: 334px;
		border-left: 1px solid #FFF;
		border-right: 1px solid #FFF;
		z-index: 2;
	}
	
	#slider ul, #slider li{
		margin: 0px;
		padding:0px;
		list-style:none;
		}
		
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:774px;
		height:334px;
		overflow:hidden; 
		}	
		
	#prevBtn, #nextBtn{ 
		display:block;
		z-index:1;
		width:24px;
		height:24px;
		position:absolute;
		left:8px;
		top:110px;
		}	
		
	#nextBtn{ 
		left:548px;
		}	
		
	#prevBtn a, #nextBtn a{  
		display:block;
		width:24px;
		height:24px;
		background: #ffffff;	
		}	
		
	#nextBtn a{ 
		background: #ffffff;	
		}