/* -------------------------------------------------

AUTHOR          :  	Jeffrey A. Kehler
WEBSITE         :   
TEMPLATE NAME   :	GJSTYLE
TEMPLATE CODE   : 	GJ-0001
VERSION         :   1.0
DATE            :   June 10, 2010

--------------------------------------------------- */

/* ------------------------------------------------
   HTML ELEMENTS
--------------------------------------------------- */

	/* 
	General styles for this example page */
	html{
		height:100%;
	}
	body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:0.8em;
		margin:0px;
		padding:8px;
		text-align:center;
		background-color:#ffffff;
		background-image:url('../images/glenjunctionrestaurant.jpg');
		height:100%;
	}
	
	p{
		margin-top:5px;
		margin-bottom:10px;
	}
	
	#mainContainer{
		width:750px;
		margin:0 auto;
		text-align:left;
		background-color: #BFD6CD;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:20px;	
	}
	
	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:1px solid #000;
		background-color:#FFF;
		padding:1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #317082;
		background-color:#920029;
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #555;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #000;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		border:1px solid #920029;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		background-color:#CF908B;
		border:1px solid #000;
		
		
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		color:#ffffff;
		font-weight:bold;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#000000;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:2px;
		background-color:#E2EBED;
		border:1px solid #000;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#EDE3EB;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}	
	
	/* JAK custom items */
    #container {
       margin: 1%;
       padding: 0;
       width: 99%;
       background-color: #BFD6CD;
    }
    #left {
       float: left;
       width: 43%;
       margin: 1% 0 1% 1%;
       padding: 1%;
       background-color: #BFD6CD;
       color: #000;
    }
    #right {
       float: right;
       margin: 1% 1% 1% 0;
       background-color: #BFD6CD;
    }
    .clear {
       height: 0;
       font-size: 1px;
       margin: 0;
       padding: 0;
       line-height: 0;
       clear: both;
    }
    
    .redtext {
    font-size:small;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:normal;
    color: #920029;
    }
    
    .redtextfaq {
    font-size:small;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    color: #920029;
    }
        
    .redtextbold {
    font-size:medium;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    color: #920029;
    text-align:center
    }
    
    .bluetext {
    font-size:small;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:normal;
    color: #003777;
    }
	
    .bluetextheader {
    font-size:large;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:bolder;
    color: #003777;
    }	

    .blacktextheader {
    font-size:large;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    color: #000000;
    }	
    
    .blackcolheader {
    font-size:medium;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    color: #000000;
    }    
    
    .blacktextsm {
    font-size:smaller;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:normal;
    color: #000000;
    }  
        
    .blackcoltext {
    font-size:medium;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:normal;
    color: #000000;
    }   
    
    .blacktextpg {
    font-size:small;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    color: #000000;
    }
    
    .whitetableheader {
    font-size:larger;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    color: #ffffff;
    }	
        
    #piccontainer {
       margin: 1%;
       padding: 0;
       width: 100%;
       background-color: #fc9;
    }
    #picleft, #picright {
       float: left;
       width: 36%;
       margin: 1% 0 1% 1%;
       padding: 1%;
       background-color: #9cf;
       color: #000;
    }
    #picright {
       float: left;
       margin: 1% 1% 1% 0;
    }