﻿/*
	Eagles Lapel Chapter CSS

	Table of Contents:
		layout
		typography
		components (such as the calendar, forms)
		containers
		template containers
*/

/* layout
----------------------------------------------- */

* 
{
	margin:0;
	padding: 0;
}

body {
	background:#7D1013 url('/App_themes/cottonpatch/images/background.jpg') repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
}

body.LTR, body.RTL
{
	background: #7D1013 url('/App_themes/cottonpatch/Images/background.jpg') repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
}

a,img {
	border: 0;
}

p {
	margin: 1em 0 0.8em;
}
p.f
{
	margin: 0 0 .8em 0;
}
p.link{margin:25px 0 0 0}
p.introLink{width:200px;background:url('/App_Themes/cottonpatch/images/arrow.gif') right 3px no-repeat; font-size: .8em}
p a{color:#5181a0; text-decoration:none}

p.testing{margin:0; font-size:.9em; width:440px; line-height:1.6em;}
p.r{ margin: 0 35px 0 25px;font-size:.9em; line-height:1.3em}

.floater
{
	float:left;
}
.rightFloat{float:right; width:170px; background:#77bbe4;}

/* typography
----------------------------------------------- */

h1,
h2, 
h3, 
h4, 
h5, 
h6 {
  	font-family:Georgia, "Times New Roman", Times, serif;
  	color: black;
	font-weight: normal;
}

strong{font-weight:normal; color:#AA0000}

h1{
	font-size:1.8em;
	line-height: 1.4em; width:631px;
	padding: 27px 0 0 15px;
}

h1 strong{color:#aa0000;}

h2{
	width:300px;
	font-size:1.5em;
	line-height: 1.4em; width:631px;
	padding: 0 0 0 15px;
	margin: 20px 0 0 20px;
}

h2.noMarg
{
	margin: 0 0 0 20px;
}


h2 strong{color:#aa0000;}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
    color:#a90100;
    margin:0 0 0 0px;
    padding:0 0 0px 0;
	text-transform:uppercase;
	}
h4
{
	height:15px;
	width:15px;
	text-indent:-990px;
	float:left;
	background:url('/App_Themes/CottonPatch/images/lantern.gif');

}
form label{padding:0; margin: 0; line-height:.5em;}

form input{
     border: 1px solid #ccc;
     background: #f9f9f9;
     width:220px;
     margin:10px 0 0 15px;
}
form input:active{background: #E9F4F8;}
form input:focus{background: #E9F4F8;}

form textarea{
 	 border: 1px solid #ccc;
     background: #f9f9f9;
     width:220px;
     height:140px;
     margin:10px 0 0 15px;
}
form textarea:active{background: #E9F4F8;}
form textarea:focus{background: #E9F4F8;}

div#form2 label{padding:0; margin: 0; line-height:.3em;}
div#form2 p{margin: .3em 0 .5em;}

div#form2 input{
     border: 1px solid #ccc;
     background: #f9f9f9;
     width:280px;
}
div#form2 input:active{background: #E9F4F8;}
div#form2 input:focus{background: #E9F4F8;}

div#form2 textarea{
 	 border: 1px solid #ccc;
     background: #f9f9f9;
     width:280px;
     height:140px;
}
div#form2 textarea:active{background: #E9F4F8;}
div#form2 textarea:focus{background: #E9F4F8;}

div#form2 select{
     border: 1px solid #ccc;
     background: #f9f9f9;
     width:280px;
}

form select:focus{background: #E9F4F8;}

/* components
----------------------------------------------- */

img.fancybox {border: 1px solid #CCC; padding:2px; margin:10px 5px 10px 0;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* photo gallery styles
----------------------------------------------- */

div.photoContainer{ margin-top:25px;}
div.photoNav{float:left; width:200px;}
	div.photoNav .photoUl li{list-style:none;}
	div.photoNav .photoUl a{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: .8em;
	    color:#a90100;
	    margin:0 0 10px 0px;
	    padding:0 0 0px 0;
		text-decoration:underline}
	div.photoNav .photoUl a:link{}
	div.photoNav .photoLi{}
	div.photoNav .photoThumb img{width:120px; margin:10px 0;}
	div.photoStream{float:left; width:700px;}

/* Containters
----------------------------------------------- */

#wrapper{
	width:999px;
	margin:0 auto;
}

#header{ float:left; width:969px; }
	#header .headimg{margin:0 0 0 28px;}

#navigation{ float:left; width:991px; margin:0 0 0 8px;}


#content{}
	
#footer{width:980px; height:126px; margin:0 0 0 8px; background:url('/App_themes/cottonpatch/images/footerbg.gif') no-repeat;}
	#footer a{ text-decoration:underline; color: white}
	#footer .email{float:left; width:225px; padding:45px 0 0 35px; color:white; font-family:Arial, Helvetica, sans-serif; font-size:.8em; line-height:1.4em}
	#footer .employ{float:left; width:215px; padding:45px 0 0 63px;  color:white; font-family:Arial, Helvetica, sans-serif; font-size:.8em; line-height:1.4em}

/* Templates 999px Width
----------------------------------------------- */

#contentHome{width:939px; _height:200px; min-height:200px; border-left:1px white solid; border-right:1px white solid; background:#f5dec5 url('/App_Themes/cottonpatch/images/fullbg.jpg') no-repeat top right; margin:0 0 0 28px;}

p.home{margin:15px 0 0 15px; font-size:.9em; width:510px; line-height:1.4em}

#homeLeft{float:left; width:530px;}
	#homeLeft ul{float:left;margin:10px 0 20px 0; list-style:none); font-size:.8em; width:420px }
	#homeLeft li{list-style:none; padding:0 0 20px 12px;}
	#homeLeft .inspire{float:left; width:40px; margin:10px 0 20px 15px;}

#homeRight{float:left; width: 400px;}
	#homeRight ul{float:left;margin:10px 0 20px 15px; list-style: inside url('/App_Themes/CottonPatch/images/checkbox.gif'); font-size:.8em; width:360px }
	#homeRight li{list-style: inside url('/App_Themes/CottonPatch/images/checkbox.gif');padding:0 0 10px 20px;}
	
	
	#homeRight .inspireR{}



#contentMenu{width:939px; _height:200px; min-height:200px; border-left:1px white solid; border-right:1px white solid; background:#f5dec5; margin:0 0 0 28px;}

#foodMenu{float:left; width:275px;}
	#foodMenu ul{ list-style:none inside;}

#foodDescription {width: 620px; _height:600px; min-height:600px; float:left; margin:0 0 25px 20px; background:#F5DEC5 url('/App_Themes/CottonPatch/images/darkerbgfountain.jpg') no-repeat top right;}
#foodDescription h1{width: 615px; padding-left:0px;}
#foodDescription p{ padding:0 0 10px 0; font-size:.9em;}
#foodDescription ul{list-style-type:none; padding:10px 0 0 0px; float:left;}
#foodDescription ul.bypic{ list-style-type:none; padding:10px 0 0 0px; float:left; _height:203px; min-height:203px;}
#foodDescription li{ padding:0 25px 0 0; float:left; width:280px; min-height:130px; _height:130px;}
ul#largerdesc li{ padding:0 25px 0 0; float:left; width:280px; min-height:160px; _height:160px;}
ul#smallerdesc li{ padding:0 25px 0 0; float:left; width:280px; min-height:100px; _height:100px;}


#foodDescription li.first{ padding:0 0 0 0; width:320px;}
#foodDescription h3{margin:15px 0 0 0; padding:0; line-height:1em;}
#foodDescription p {margin: 0}
#foodDescription h2{margin:10px 0 15px 0; padding:0;}
p#p {font-style:italic; margin:6px 0 0 0;}
p#d { line-height:1.5em; font-size:.8em}
#stamp{width:243px; height:183px; float:right; margin:26px 0 0 0;}

#contentDefault{width:939px; _height:200px; min-height:200px; border-left:1px white solid; border-right:1px white solid; background:#f5dec5 url('/App_Themes/cottonpatch/images/darkerbgbrick.jpg') no-repeat top left; margin:0 0 0 28px;}
#contentDefault p{	margin:15px 0 0 15px; font-size:.9em; width:510px; line-height:1.4em}
#contentDefault .inspire{float:left; margin:10px 0 20px 120px;}

#formpg{margin:20px 0 15px 15px;}	

/* MENU */
.MainMenuCMSMenu
{
width: 900px;
height:38px;
font-weight:bold;
color:white;
/*text-align:center;*/
font-size:14px;
font-family:arial;
/*background-image:url(/App_Themes/Main/images/menubg.jpg);*/
}



.MainMenuCMSMenuItem,
.MainMenuCMSMenuItemMouseDown,
.MainMenuCMSMenuItemMouseUp
{
/*background-color:#EEA814;*/
/*padding: 8px 8px 8px 8px;*/
/*border-bottom: solid 1px #FFFDE9; border-top: solid 1px #FFFDE9;*/
color:white;
height:38px;
padding-left:0px;
padding-right:0px;
}


.MainMenuCMSMenuHighlightedMenuItem,
.MainMenuCMSMenuHighlightedMenuItemMouseDown,
.MainMenuCMSMenuHighlightedMenuItemMouseUp
{
/*background-color:#91151D; #EEA814;*/
/*padding: 8px 8px 8px 8px;*/
/*border-bottom: solid 1px #FFFDE9; border-top: solid 1px #FFFDE9;*/
color:white;
height:38px;
/*background-color:green;*/
padding-left:0px;
padding-right:0px;
}


.MainMenuCMSMenuHighlightedMenuItemMouseOver,
.MainMenuCMSMenuItemMouseOver
{
/*background-color:#91151D;*/
/*padding: 8px 8px 8px 8px;*/
/*border-bottom: solid 1px #FFFDE9; border-top: solid 1px #FFFDE9;*/
/*background-image:url(/App_Themes/EcommerceSite/Images/menu-hover-bg.gif);*/
color:white;
height:38px;
/*background-color:lime;*/
padding-left:0px;
padding-right:0px;
}


.MainMenuSubMenuCMSMenu{color:white;font-weight:bold;font-size:11px;font-family:Verdana;height:24px;text-transform:uppercase;}

.MainMenuSubMenuCMSMenuItem,
.MainMenuSubMenuCMSMenuItemMouseDown,
.MainMenuSubMenuCMSMenuItemMouseUp,
.MainMenuSubMenuCMSMenuHighlightedMenuItem,
.MainMenuSubMenuCMSMenuHighlightedMenuItemMouseDown,
.MainMenuSubMenuCMSMenuHighlightedMenuItemMouseUp
{padding: 6px;border: solid 1px #fffde9;background-color:#759D45;text-align:left;color:white;}

.MainMenuSubMenuCMSMenuHighlightedMenuItemMouseOver,
.MainMenuSubMenuCMSMenuItemMouseOver
{
padding: 6px;
border-bottom: solid 1px #FFFDE9; border-top: solid 1px #FFFDE9;
color:white;
background-color:#027EBE;
text-align:left;
/*
height:24px;
color:white; font-weight:bold; font-family:Verdana; font-size: 11px;
padding: 3px
*/
}


.MainMenuOtherLevelsCMSMenu
{
background-color:#024C90;
/*padding: 10px 10px 10px 10px;*/
}



.MainMenuOtherLevelsCMSMenuItem,
.MainMenuOtherLevelsCMSMenuItemMouseDown,
.MainMenuOtherLevelsCMSMenuItemMouseUp,
.MainMenuOtherLevelsCMSMenuHighlightedMenuItem,
.MainMenuOtherLevelsCMSMenuHighlightedMenuItemMouseDown,
.MainMenuOtherLevelsCMSMenuHighlightedMenuItemMouseUp
{
background-color:#264d88;
/*background-color:#EEA814;*/
padding: 6px;
border-bottom: solid 1px #FFFDE9; border-top: solid 1px #FFFDE9;
}

.MainMenuOtherLevelsCMSMenuHighlightedMenuItemMouseOver,
.MainMenuOtherLevelsCMSMenuItemMouseOver
{
background-color:#027EBE;
/*background-color:#91151D;*/
padding: 6px;
border-bottom: solid 1px #FFFDE9; border-top: solid 1px #FFFDE9;
}


