#header
{
    padding: 0;
    background: yellow url('/Content/images/header2.jpg') no-repeat left top ; 
    height: 150px;
    width: 1024px;
}

#logo {
	background: url('/Content/images/ceglogo_sm.png') no-repeat center top;
	float: left; 
	margin-top: 3px;
	margin-left: 10px;
	height: 147px;
	width: 200px;
	vertical-align: top;
}

#address 
{
    margin:5px 10px 0 0;
    text-align:right;
    width:800px;
    font-size: 1.2em;
    font-weight: bold;
    float:right;
}

#logo h4 
{
    vertical-align: bottom;
}

/* Food Menu */
.menuheader  p
{
    float:left; 
    width:500px;
    color: White;
    vertical-align:top;
    padding-left: 10px;
    font-family: Calibri, Arial, Sans-Serif;
    font-size: 1.8em;
    font-weight: bold;
    margin: 2px 0 5px 5px;
    border-bottom: dotted 2px silver;
    
}

.menunav 
{
    float:right; 
    width:400px;
}

.menuheader
{
    background-image: url('/content/images/menu-bg.png');
}

.menumealdescription p
{
    font-family: Times New Roman, Times, serif;
    font-size: 1.6em;
    font-style: italic;
    color: Silver;
    text-align:right;
    float: right;
    padding: 15px 20px 10px 120px;
    background-image: url('/Content/Images/menu-bg.png');
}

.vegetarian 
{
    float: left;
    padding: 0 5px 0 5px;
}

.menuitems
{
    background-color: White;
    padding-bottom:5px;
    padding-top: 5px;
    clear:both;
}

.menucategory
{
    background-position: center top;
    font-family: Calibri,Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    background-image: url('/content/images/menucategory.png');
    color: Maroon;
    background-repeat: no-repeat;
    height: 39px;
    padding: 5px;
    margin: 5px 0 0 0;
}

.menuitem
{
    margin: 5px;
    padding-bottom: 5px;
    border-top: dotted 4px silver;
    clear:left;
}

#menucontainer
{
    margin-top: 0px;
}

.menutext 
{
    padding:5px;
    float:right;
    width: 600px;
}

.menutextfull 
{
    padding:5px;
    float:right;
    width: 900px;
}
.menutitle 
{
    float: left;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 1.6em; 
    font-weight: bold; 
}

.menuprice 
{ 
    float: right;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 1.6em; 
    font-weight: bold; 
    font-style:italic; 
    width: 150px;
    text-align:right;
}

.menudescription
{
    font-family: Times New Roman , Times, serif;
    font-size: 1.6em;
    font-weight: normal;
    padding: 3px 120px 10px 20px;
    clear:left;
}

div.menuimage 
{
    padding:5px;
    float:left;
    clear:left;
    width:300px;
    text-align:right;
}

img.menuimage 
{
    border: solid 1px gray;
    margin-top:5px;
    padding: 5px;
}

/* Main Menu */
#menu 
{
    margin-top: 80px;
    margin-right: 20px;
    float: right;
}

#menucontainer ul
{
    margin-top:10px;
    list-style: none;
}

#menucontainer li 
{
    float: left;
    text-decoration: none;
    font: bold 1.5em Arial;
    list-style: none;
    padding-right: 20px;
    padding-left: 5px;
    margin: 0 0 1.5em 0;
}

#menucontainer a 
{
    padding: 0 0 0 4px;
    color: #ED6228;
    text-decoration:none;
    border-left: dotted 3px Gray;
}

#menucontainer a:link 
{
}

#menucontainer a:visited
{
    
}

#menucontainer a:active 
{
    
}

#menucontainer a:hover 
{
    color:ThreeDShadow;
    border-left: dotted 3px #ED6228;
}

#main
{
    background: white;
    padding: 10px;
    text-align:left;
    min-height:300px;
}

#footer
{
    background: url('/Content/Images/footer_sm.gif') no-repeat center top;
    height:55px;
    width:1024;   
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
    padding-left:10px;
    margin: 0 30px 0 40px;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

p {
    font-size: 2em;
}

.form li
{
    list-style: none;
    margin-top: 10px;
}

.form label 
{
    font-size:1.5em;
    color: Maroon;
    float: left;
    text-align: right;
    margin-right: 5px;
    display: block;
    width: 100px;
    clear:both;
}

.form input
{
    margin-left: 4.5em;
    width: 350px;
    height: 20px;
} 

.form textarea 
{
    margin-left: 4.5em;
    width:350px;
    height:300px;
}

.form label.error  
{
    font: 1.2em bold;
    color: Red;
    width: 200px;
    float:right;
    padding-right:50px;
}

input#submit 
{
    padding: 5px;
    background-color: Maroon;
    color: Silver;
    font-size: 1.5em;
    height:35px;
}

input.customcheckbox 
{
    width: 20px;
    height: 20px;
    margin-bottom:5px;
    clear:both;
}

.cornerboxlabel 
{
    color: White;
    background-color:Maroon;
}

#outerbox 
{
    background-color:Maroon;
    padding-bottom:5px;
    clear:both;
}

/* contact form */
.contactitemframe 
{
   border-top: dotted 2px silver;
   margin: 25px 0 25px 10px;
   padding: 5px 0 25px 0;
   display: block;
}

.contactlabel 
{
   float: left;
   width:140px;
   font-family: Calibri, Arial, Sans-Serif;
   font-weight: bold;
   font-size: 1.8em;
   clear: left;
}

.contactinfo 
{
   font-size: 1.4em;
   margin-left: 140px;
}

.contactinfo  label
{
    font-size: 1.2em;
    font-style: italic;
    font-family: Times New Roman , Times, serif;
    width:60px;   
    text-align: right;
    padding: 0 5px 0 0;    
}


.contactinfo form ol lo input .submit 
{
    font-size: .8em;
    height: 25px;
}