/* Applied to all pages */
body {
	text-align: center;
	background: #f3f1ed;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 80%;
	margin: 0;
	padding: 0;
}
/*******************************************************************/
/* This makes page full height but stops other things working..... */
/* html, body { height: 100%; } */
/********************************/
div#main { 
	background-image: url(/tpl/img/bg-main.gif);
	width: 936px; 
	margin: 0 auto; 
	/*clear: both;*/
	height: 100%;
}
div#mainDiv {
	margin: 0px 27px 0px 20px;
	padding: 0px 0px 0px 0px;
	background-position: top left; 
	background-color: white;
	text-align: left;
	height: 92%;
}
/*************************/
/** Primary Nav Styles ** /
/*************************/

div#mainNav { text-align: center; margin-bottom: 2px; }
div#mainNav ul { margin: 0px 0px 0px 0px; padding: 10px 0px 0px 50px; }
div#mainNav ul li ul { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 13px; }
div#mainNav ul li { list-style-image: url(/tpl/img/arrow-mainnav.gif); text-align: left; }
div#mainNav a { color: #ab0066; text-decoration: none; }
div#mainNav a:hover { text-decoration: underline; }
div#mainNav ul li strong.selected a { color: #f85616; font-weight: bold; }
div#mainNav ul li ul li { list-style-image: url(/tpl/img/listicon-insidesubnav.gif); }
div#mainNav ul li ul li a {color: #899fad; font-size: 85%; font-weight: bold; }

/*************************/
/** Footer Area Styles ** /
/*************************/
#maincap { 
	background-image: url(/tpl/img/bg-main.gif);
	background-color: #ecf2f5;
	height: 60px; 
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 
	clear: both; 
	font-size: 80%; 
	color: #15275b;
}
#maincap span#copyrightLinks { float: left; width: 250px; padding-left: 250px; } 
#maincap span#realiseLtd { float: right; width: 150px; text-align: right; margin-right: 40px; }
#maincap span#realiseLtd img { padding-left: 5px; }
#maincap a { color: #15275b; text-decoration: none; }
#maincap a:hover { text-decoration: underline; }

#logoMain { background-image: url(/tpl/img/logo-eating-for-scotland.gif); background-position: top right; background-repeat: no-repeat; }

#highlandspring { position: relative; float: left; top: 5px; left: 40px; }

h2 { border-bottom: 1px solid #cde3f3; color: black; font-weight: normal; }
hr { height: 1px; color: #cde3f3; }
h3.seasonalFoods { color: black; background-color: #cde3f4; padding: 10px 10px 10px 10px; }

#deliciousScotlandSelect { 
	background-image: url(/tpl/img/background-deliciousscotland-select.gif); 
	background-position: left; 
	background-repeat: no-repeat;
	height: 80px;
	padding: 40px 0px 0px 100px;
	font-size: 145%;
}
#recipiesSelect { 
	background-image: url(/tpl/img/background-recipies-select.gif); 
	background-position: left; 
	background-repeat: no-repeat;
	height: 80px;
	padding: 40px 0px 0px 100px;
	font-size: 145%;
}

#selectText { width: 240px; padding: 4px 5px 5px 5px; }
#selectDropdown { width: 125px; padding: 11px 5px 5px 5px; }
	#selectDropdown select { width: 125px; }

#selectTextRec { width: 175px; padding: 4px 5px 5px 5px; }
#selectDropdownRec { width: 235px; padding: 11px 5px 5px 5px; }
	#selectDropdownRec select { width: 225px; }


#deliciousScotlandSelect #selectText, #recipiesSelect #selectTextRec { float: left; }
#deliciousScotlandSelect #selectDropdown, #recipiesSelect #selectDropdownRec { float: left; }

#TwocolLayout { padding-bottom: 25px; }
#TwocolLayoutLeft { float: left; width: 375px; }
#TwocolLayoutRight { float: left; width: 150px; padding-left: 10px; }