/*
Dark brown = #3b2313
Text Green = #b3d235
Gray       = #e7e8e9
*/

*
{
margin :0;
padding :0;
}

body 
{
	font-family : Arial;
	text-align : center;
	background-color : #3b2313;
}
img
{
	border : 0px;
}

#main
{
	margin-left:auto;
	margin-right:auto;
	width:791px;
	background-color : #3b2313;
	text-align : left;
}

#innerMain
{
	margin-left:10px;
	margin-right:10px;
	width:770px;
	background-color : white;
}

#logo
{
	float : left;
}

#logoText
{
	float : right;
	padding-top : 50px;
	padding-right : 30px;
}

#logoTextTop
{
	font-size : 16pt;
	color : #3b2313;
	font-weight : bold;
}

#logoTextBot
{
	font-size : 16pt;
	color : #b3d235;
	font-weight : bold;
}

#menuBarTop
{
	background-repeat : no-repeat;
	background-image : url('../../images/FoodFestival/menuBarTop.gif');
	background-color : #b3d235;
	height : 25px;
	width : 770px;
	text-align : center;
	padding-top : 8px;
}

#menuBarTop a
{
	text-decoration : none;
	color : #3b2313;
	margin-left : 10px;
	margin-right : 10px;
}

#menuBarTop a:hover
{
	text-decoration : underline;
}



#flashContent
{
	background-color : Gray;
	height : 170px;
	width : 770px;
}

#menuBarBot
{
	background-repeat : no-repeat;
	background-image : url('../../images/FoodFestival/menuBarBot.gif');
	background-color : #b3d235;
	height : 10px;
	width :770px;
}

#mainContent
{
	width :730px;
	background-color : White;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-left : 20px;
	margin-right : 20px;
}

#mainContentHome
{
	width :770px;
	background-color : White;
	background-image : url('../../images/FoodFestival/grayBar.gif');
	background-repeat : repeat-y;
	background-position : right;
	margin-top : 10px;
}

#footerBarBot
{
	background-repeat : no-repeat;
	background-image : url('../../images/FoodFestival/menuBarBot.gif');
	background-color : #b3d235;
	height : 10px;
	width :770px;
}

#footer
{
	background-repeat :repeat-x;
	background-image : url('../../images/FoodFestival/footerFade.gif');
	background-color : white;
	height : 30px;
	width :770px;
	text-align : center;
	padding-top : 13px;
}

#footer a
{
	text-decoration : none;
	color : black;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 8pt;
}

#footer a:hover
{
	text-decoration : underline;
}

#col1
{
	float :left;
	width : 273px;
	padding-left : 15px;
	padding-right : 5px;
}
#col2
{
	float : left;
	width : 310px;
	margin-left : 5px;
	margin-right : 5px;
}
#col3
{
	float: left;
	width : 155px;
	text-align : center;
	margin-left : 0px;

}

#homeTitle
{
	background-color : #3b2313;
	width : 273px;
}

#homeIntro
{
	background-color : #b3d235;
	color : White;
	font-weight : bold;
	margin-top : 4px;
	width : 273px;
}
#homeIntro>p
{
	padding : 5px 5px 5px 5px;
}

#homeItem1
{
	background-color : #ea068c;
	color : White;
	margin-top : 6px;
	margin-bottom : 6px;
}
#homeItem2
{
	background-color : #24abe2;
	color : White;
	margin-top : 6px;
	margin-bottom : 6px;
}
#homeItem3
{
	background-color : #faab1a;
	color : White;
	margin-top : 6px;
	margin-bottom : 6px;
}

#homeItem1Title
{
	background-image : url('../../images/FoodFestival/home1.gif');
	background-position :center;
	background-repeat : no-repeat;
	height : 20px;
	width : 310px;
	padding-top : 53px;
}

#homeItem2Title
{
	background-image : url('../../images/FoodFestival/home2.gif');
	background-position :center;
	background-repeat : no-repeat;
	height : 20px;
	width : 310px;
	padding-top : 53px;
}

#homeItem3Title
{
	background-image : url('../../images/FoodFestival/home3.gif');
	background-position :center;
	background-repeat : no-repeat;
	height : 20px;
	width : 310px;
	padding-top : 53px;
}

#relatedMedia
{
	width : 125px;
	background-image : url('../../images/FoodFestival/relatedMediaBack.gif');
	background-repeat : no-repeat;
	background-position : top;
	background-color : #e7e8e9;
	text-align : left;
	padding : 0px 0px 0px 5px;
	margin : 0px 0px 0px 5px;
	font-size : 8pt;
}
#relatedMedia a
{
	color : Black;
	text-decoration : none;
	padding-top : 6px;
	line-height : 22px;
	
}
#relatedMedia a:hover
{
	color : Black;
	text-decoration : underline;
}

#festSponsors
{
	text-align : center;
      padding : 5px 5px; 5px 5px;
}

#festSponsors img
{
	padding : 5px;
}

#galleryBigPic
{
	width : 400px;
      color : gray;
	text-align : left;
}
#galleryBigPic img
{
	text-align : center;

}
#galleryPic
{
	text-align : center;
	width : 400px;

	background-color : #e7e8e9;
	overflow : hidden;
}

#ticketsDetails
{
	width : 380px;
}

h1
{
	margin : 0;
	font-size : 13pt;
	color : #b3d235;
	padding : 5px 5px 5px 5px;
}

h2
{
	margin : 0;
	font-size : 13pt;
	background-color : #e7e8e9;
	color : #b3d235;
	font-weight : bold;
	padding : 2px 2px 2px 2px;
	
}

h3
{
	margin-left : 4px;
	font-size : 14pt;
	color : #b3d235;
	
}

h4
{
	margin : 0;
	padding : 0;
	font-size : 10pt;
	color : black;
	
}
h5
{
	margin : 0;
	padding : 0;
	font-size : 10pt;
	color : #b3d235;
      font-style : italic;	
}
h6
{
	background-color : #b3d235;
	color : #3b2313;
	font : 8pt;
	font-weight : bold;
	padding : 2px 4px 2px 4px;
	margin-right : 8px;
}

h7
{
	margin : 0;
	font-size : 10pt;
	color : #8CC63F;	
	font-weight : bold;
}
h7>p
{
	padding : 2px 15px 2px 15px;
}

h3>p
{
	padding : 2px 15px 2px 15px;

}

hr
{
	border : solid 1px #e7e8e9;
	height : 1px;
}

th
{
	font-size : 9pt;
	color : white;
	background-color : #8cc641;
	vertical-align : top;
	padding : 3px 10px 3px 10px;
}
td
{
	font-size : 9pt;
	font-weight : bold;
	color : gray;
	padding : 3px 10px 3px 10px;
}

td a
{
	color : gray;
	text-decoration : none;
}

td a:hover
{
	color : gray;
	text-decoration : underline;
}


th
{
	border-right:  1px solid white;
	border-bottom: 1px solid white;
}

td
{
	border-right:  1px solid #8cc641;
	border-bottom: 1px solid #8cc641;
}
table
{
	border : 1px solid #8cc641;
	border-collapse: collapse;
	margin-top : 5px;
}

.brownLinks a
{
	color : #3b2313;
      text-decoration : none;
}

.brownLinks a:hover
{
	color : #3b2313;
      text-decoration : underline;
}

.greenBar
{
	background-color:#B3D235;
	background-image:url(../../images/FoodFestival/menuBarBot.gif);
	background-repeat:repeat-y;
}

.clear
{
	clear : both;
}
.flLeft
{
	float : left;
}
.flRight
{
	float : right;
}


.homeText
{
	padding : 2px 6px 2px 6px;
}

.right
{
	text-align : right;
}

.left
{
	text-align : left;
}

.smWhite
{
	color : White;
	font-size : 9pt;
}

.greenTitle
{
	background-color : #b3d235;
	color : #3b2313;
	font : 9pt;
	font-weight : bold;
	margin-top : 5px;

}

.greenTitle>p
{
	padding : 2px 4px 2px 4px;
}

.greenBack
{
	margin-top : 5px;	
	margin-bottom : 5px;	
	line-height : 32px;
	padding : 2px;
	background-color : #b3d235;
	display : inline;
	color : #3b2313;
	font : 9pt;
	font-weight : bold;
	margin-top : 5px;

}

.newsItem
{
	background-color : #e7e8e9;
	color : Gray;	
	font-size : 8pt;

}

.whatsOnItem
{
	color : Gray;	
	font-size : 10pt;
	font-style : italic;
	padding : 12px 4px 12px 4px;
}

.newsItem>p
{
	padding : 1px 5px 1px 5px;
}

.leftcol
{
	float : left;
	width : 430px;
}

.rightcol
{
	float : right;
	width : 295px;
	text-align : right;
}

.rightcol>.imageborder
{
	padding-top : 5px;
}

.margin
{
	padding : 2px 4px 2px 4px;
}
.margin>p
{
	padding-top : 5px;
}
.darkBrownLnk a
{
	color : #3b2313;
      text-decoration : none;
      font-style : italic;
}

.darkBrownLnk a:hover
{
      text-decoration : underline;
}

.grayLnk a
{
	color : gray;
      text-decoration : none;
      font-style : italic;
}

.grayLnk a:hover
{
      text-decoration : underline;
}

.whiteLnk a
{
	color : white;
      text-decoration : none;
      font-style : italic;
}

.whiteLnk a:hover
{
      text-decoration : underline;
}

.greenLnk a
{
	color : #b3d235;
      text-decoration : none;
      font-style : italic;
}

.greenLnk a:hover
{
      text-decoration : underline;
}

.gray
{
	color : gray;
	font-size : 8pt;
}

.darkGray
{
	color : #515151;
	font-size : 8pt;
}

.indent
{
	padding : 2px 15px 2px 15px;
}

.brown
{
	color : #3b2313;
	font-size : 8pt;
}

.brownLnk a
{
	color : #3b2313;
      text-decoration : none;
}

.brownLnk a:hover
{
      text-decoration : underline;
}


.brown>b
{
	padding : 3px 4px 3px 4px;
	margin-bottom : 10px;
	margin-left : 5px;
	margin-top : 3px;
	margin-bottom : 3px;
}

.brownb
{
	padding-top : 3px;
	padding-bottom : 3px;
	margin-bottom : 10px;
	margin-left : 5px;
	margin-top : 3px;
	margin-bottom : 3px;
	font-weight : bold;
}
.contact
{
	color : #3b2313;
	font-size : 8pt;
      font-style : bold;
	margin-top : 10px;
}

.green
{
	color : #b3d235;
	font-size : 8pt;
	padding-top : 8px;
	padding-left : 15px;
}

.greenText
{
	color : #b3d235;
	font-size : 8pt;
	padding-top : 8px;
	padding : 2px 15px 2px 15px;
}

.grayText
{
	color : gray;
	font-size : 8pt;
	padding-top : 8px;
	padding : 2px 15px 2px 15px;
}

.labelText
{
	color : #8cc641;
}
.homeText a
{
	text-decoration : none;
	color : white;
	font-weight : bold;
}
.homeText a:hover
{
	text-decoration : underline;
}


.newsItem a
{
	text-decoration : none;
	color : gray;
	font-weight : bold;
}
.newsItem a:hover
{
	text-decoration : underline;
}

.formField
{
	color : #8cc641;
	font-size : 10pt;
}

.formField label
{
    display : inline;
    font-weight : bold;
    clear: left;
    float: left;
    width: 170px;
}

.contactField label
{
    display : inline;
    font-weight : bold;
    clear: left;
    float: left;
    width: 50px;
}

.contactField .validation-advice
{
    padding-left : 0px;
    padding-bottom : 10px;
    font-weight : bold;
}



.validation-advice
{
    padding-left : 180px;
    font-weight : bold;
}

.validation-failed
{
    border : solid 1px gray;
}

.formField
{
    padding-top : 5px;
    padding-bottom : 5px;
}

.bold
{
	font-weight : bold;
}
.indent4
{
	margin-left : 4px;
}
