﻿/*
*****************COLORS*****************
Purple:  #753188;
Dark Teal: #336666;
Yellow: #FFFF66;
*/
html	{
	margin: 0;
}

body {	
	font-family: Century Gothic, Verdana, sans-serif;
	font-size: 10pt;
	background-image:url("./images/background.jpg");
	background-repeat:repeat;
	color: #ffffff;
}

/*LINK SETTINGS*/

A:link { color: #FFFFFF; text-decoration:underline}
A:visited { color: #FFFFFF;  text-decoration:underline}
A:active { color: #FFFFFF;  text-decoration:underline}
A:hover { color: #FFFFFF;  text-decoration:underline}

A.nav:link { color: #FFFF66; text-decoration:none }
A.nav:visited { color: #FFFF66; text-decoration:none}
A.nav:active { color: #FFFF66; text-decoration:none}
A.nav:hover { color: #000000; text-decoration:none}

A.Silent:link {color:inherit; text-decoration:none }
A.Silent:visited {color:inherit; text-decoration:none }
A.Silent:active {color:inherit; text-decoration:none }
A.Silent:hover {color:inherit; text-decoration:none }

h1
{
    padding: 0;	
    font-size:20px;
    color:#FFFFFF;
    font-family:   Tahoma,  Trebuchet MS, Comic Sans MS, Verdana, Sans-Serif;
    margin: 10px 0 5px 0;
    padding: 10px 0 5px 0;
    z-index:100;
}

h2
{
    font-size:14px;
    color:#FFFFFF;
    font-family:   Comic Sans MS,  Tahoma, Verdana, Sans-Serif;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    z-index:100;
}



p
{
    font-family: Tahoma, Trebuchet MS, Verdana, Sans-Serif;
    font-size:14px;
    color:#FFFFFF;
    margin:5px 5px 5px 0px;
    
}
		


/*HEADER*/
div.HeaderBarBack
	{
	    position:absolute;
	    background-image:url("./images/leopardbanner.jpg");
	    background-repeat:no-repeat;
	    top:0px;
	    left:0px;
	    z-index: 50; 
	    height:100px ;
	    width:100%;
	    vertical-align:top;
	    border-bottom-color:Purple;
	    border-bottom-style:outset;  
	    border-bottom-width:thin;
	    border-collapse:collapse;
	}

div.HeaderBar 
	{
	    position:absolute;
	    top:0px;
	    left:0px;
	    z-index: 800; 
	    height:100px ;
	    width:100%;
	    vertical-align:top;
	}

img.logo
{
    border-style:none;
}

img.headerinterior
{ 
    border-style:solid;
    border-width:2px;
    border-color:#5AE6BD;
    margin:2px 15px 0 0; 

}

/****MAIN BODY*****/
/*includes nav, center bar, and footer -- right sidebar and header are not included */

div.MainBodyHome
    {
        position:relative;
        top:90px;
	    left:-5px;
	    height:100%;
	    z-index: 90;	
	    margin:0 150px 0 0;
	    /*background-color:Gray;*/
    }

div.MainBodyInterior
    {
        position:relative;
        top:90px;
	    left:-5px;
	    height:100%;
	    width:100%;
	    z-index: 90;	
	    margin:0 0px 0 0;
	    /*background-color:Gray;*/
    }




/****************NAV****************88*/

/*these aren't workin yet
#SpanNavBar {position:absolute;
        background-image:url("./images/navfade.gif");
        background-repeat:repeat-x;
	    top:150px;
	    left:10px;
	    width:200px;
	    height:430px;
	    z-index: 90;	
	    padding:20px 0 0 10px; }
#SpanNavBar h1 {color:Lime}
#eyebrownav li {margin:0;padding:0 0 0 0;color:#5773A7;display:inline;font:12px Arial,Verdana,sans serif;font-weight:bold;line-height:16px;background:#fff url(/images/small-carrot.gif);background-repeat:no-repeat;background-position:0em 0.42em;}
*/
div.NavBack
{
    position:absolute;
    background-color:#99CC99;
    top:-10px;
    left:0px;
    width:120px;
    height:100%;
	z-index: 80;	   
    padding: 0 0 0 0;
    float:left;
    clear:both;
}
div.NavBar
    {
        position:relative;
        background-image:url("./images/navfade.jpg");
        background-repeat:repeat-x;
	    top: 0px;
	    left:0px;
	    width:120px;
	    z-index: 90;	  
	    float:left;
	    clear:both;
	    padding:12px 0 0 0;
    }
 
   
div.nav1
    {
        position:relative;
	    width:120px;
	    z-index: 90;
	    vertical-align:bottom;
	    text-align:left;
	    text-decoration:none;
	    padding: 0px 0px 0px -5px;
	    float:none;
	    clear:both;
	    
    }  
    
h1.nav
	{
	    font-size:12px;
	    color:#FFFFCC;
	    font-family:   Comic Sans MS, Century Gothic, Verdana, Arial, Sans-Serif;
	    vertical-align:middle;
	    margin: -5px 0 0 0;
	    z-index:30;
	}

h1.navselected
	{
	    font-size:12px;
	    color:#000000;
	     font-family:   Comic Sans MS, Century Gothic, Verdana, Arial, Sans-Serif;
	  vertical-align:middle;
	    margin: -5px 0 0 0;
	    z-index:30;
	}
	    
img.nav
{
    float:left;
    border-width:0;
    margin-right:5px;
}     

/*MAIN*/
div.Main
    {
         /*position:absolute;*/
        position:relative;
        background-image:url("./images/textbackground.jpg");
        background-repeat:repeat;
        top:10px;
        left:130px;
	    z-index: 600;
	    margin: 0px 140px 0px 15px;
	    padding: 5px 10px 5px 5px;
	    float:none;
	    clear:both;
	    
    }
div.Breadcrumbs
    {
        position:relative;
        /*background-color:Maroon;*/
        left:130px;
    }

    
div.MainInteriorGallery
    {
         /*position:absolute;*/
        position:relative;
        background-image:url("./images/textbackground.jpg");
        background-repeat:repeat;
        top:0px;
        margin:0px 0 0 130px;
        padding: 0 5px 5px 5px;
        height:100%;
        clear:both;
        float:none;
	    
    }
 h1.gallery
 {
    margin:0;
 }   
p.art
{
    font-family: Tahoma, Trebuchet MS, Verdana, Sans-Serif;
    font-size:14px;
    color:#FFFFFF;
    margin:0 5px 5px 5px;
}
h3.art
{
    margin:0 5px 0 0px;
    font-size:14px;
}
img.art
{
      margin-right:5px;
      margin-left:0px;
      margin-bottom:5px;   
      border-collapse:collapse;
      border-color:#661F2B;
      border-style:solid;
      border-width:thin;
      float:left;
      position:relative;
     
    
}
	
    div.GalleryItem
{
    width:50%;
    position:relative;
    float:left;
    margin-top:10px;
    vertical-align:top;
}
   
    
    div.GalleryItem1
{
    width:50%;
    position:relative;
    float:left;
    margin-top:10px;
}
    div.GalleryItem2
{
    width:50%;
    position:relative;
    float:right;
    margin-top:10px;
}
    div.TextFlush
{
    position:relative;
    clear:both;
    float:none;
    margin-top:10px;
}
    
	H1.MainText
	{
	    font-size:20px;
	    color:#FFFFFF;
	    font-family:   Tahoma,  Trebuchet MS, Comic Sans MS,  Tahoma, Verdana, Sans-Serif;
	    margin: 0 0 0 0;
	    padding: 0 0 0 0;
	    z-index:100;
	}
	H2.MainText
	{
	    font-size:14px;
	    color:#FFFFFF;
	    font-family:   Comic Sans MS,  Tahoma, Verdana, Sans-Serif;
	    margin: 0 0 0 0;
	    padding: 0 0 0 0;
	    z-index:100;
	}
	p.MainText
	{
	    font-family: Tahoma, Trebuchet MS, Verdana, Sans-Serif;
	    font-size:14px;
	}
	font.MainText
	{
	    font-family: Tahoma, Trebuchet MS, Verdana, Sans-Serif;
	    font-size:14px;
	    color:White;
	}	


/*FOOTER AND TAG*/


div.Footer 
	{
	    position:relative;
        top:0px;
        /*background-color:Green;*/
        left:140px;
        z-index: 500; 
	    text-align:center;
	    vertical-align:bottom;
	    float:none;
	    margin: 0px 140px 0px 15px;
	    padding: 5px 10px 5px 5px;
	    
	 }


div.TagBottom 
{
	    position:relative;
        top:0px;
        left:140px;
        z-index: 500; 
	    text-align:right;
	    vertical-align:bottom;
	    margin: 0px 140px 0px 15px;
	    padding: 5px 10px 5px 5px;
    
}
    H3.FooterLinks
	{
	    color: #000000;
	    font-family:  Tahoma, Trebuchet MS, Comic Sans MS,  Verdana, Sans-Serif;
	    vertical-align:bottom;	
	    text-align:center; 
	    font-size:14px;
	    padding: 0 0 0 0;
	    margin: 0 0 0 0;    
	}
	H3.Footer
	{
	    color: white;
	    font-family:  Tahoma, Trebuchet MS, Comic Sans MS,  Verdana, Sans-Serif;
	    vertical-align:bottom;	
	    text-align:center; 
	    font-size:14px;
	    padding: 0 0 0 0;
	    margin: 0 0 0 0;    
	}
	H3.TagBottom
	{
	    color:white;
	    font-family:  Verdana, Arial, Sans-Serif;
	    vertical-align:bottom;	
	    text-align:center; 
	    font-size:10px;    
	    padding: 0 0 0 0;
	    margin:0 0 0 0;
	}


/*FILMSTRIP [SIDEBAR]*/

div.Sidebar
{
    position: absolute;
    top: 0px;
    right:0px;
    z-index: 500;
    margin:0 0 0 0;  
}  
div.SidebarTop 
	{
        position:absolute;
        top: 0px;
        left:0px;
        background-image:url("./images/sidebartop.gif");
        background-repeat:no-repeat;
        width: 200px;    
        height:13px;
        z-index:500;
	}
	
div.SidebarInner
    {
        position:absolute;
        top:13px;
        left:0px;
        right:17px;
        height: 444px; 
        width:200px;   
        z-index:500;   
        background-image:url("./images/sidebarfade.gif");
        background-repeat:repeat-x;
    }
div.SidebarInnerMiddle
    {
        position:absolute;
        top:70px;
        left:-10px;
        vertical-align:middle;
        text-align:center;
        z-index:500;   
    }    
    
div.SidebarInnerBottom
    {
        position:absolute;
        bottom:13px;
        left:10px;
        height: 267px; 
        width:180px;   
        z-index:500;   
    }
div.SidebarBottom
{
    position:absolute;
    top:457px;
    left:0px; 
    height:13px;
    width:200px;
    background-image:url("./images/sidebarbottom.gif");
    background-repeat:no-repeat; 
    z-index:500;
}



/************ADMIN */
h1.Admin
{
    font-size:12pt;
    margin:0;
    color:#FFFF66;
}

div.AdminWrapper
{
    position:relative;
    top:0px;
    left:0px;
    right:-0px;
    height:100%;
    padding: 10px 10px 10px 5px;
    height:100%;
    background-color:#FFFF99;
    color: Black;
    font: arial;
    
}

div.PictureHighlight
{
    position:relative;
    top:0px;
    left: 10px;
    padding:10px 10px 10px 10px;
    background-color:#336666;
    color:White;
    z-index:50;
}

div.LabelHighlight
{
    position:relative;
    top:0px;
    left:10px;
    padding:10px 10px 10px 10px;
    background-color:#336666;
    color:White;
    z-index:60;
}

h2.Admin 
{   font-size:10pt;
    font-weight:bold;
    margin:0;
    color:#000000;
    
}


/*Old or Unused*/

div.Wrapper {
		position : absolute;   
		top : 0px;
		left : 50%;
		width : 1000px;
		margin:  0 0 0 -500px;
	}
	
div.Slogan 
	{
        top:0;
	    text-align:right;
	    vertical-align:middle;
	    clear: both;
	    z-index: 100;
	    width:100%;
	    height:10px;	    
	}

