/* Variable definitions
   ====================
<Variable name="mainBgColor" description="Mainpage Background Color" type="color" default="#ffffff" value="#ffffff">
<Variable name="mainTextColor" description="Mainpage Text Color" type="color" default="#333333" value="#333333">
<Variable name="linkColor" description="Link Color" type="color" default="#78B749" value="#78B749">

<Variable name="menuTitleBgColor" description="Menu Title Background Color" type="color" default="#78B749" value="#78B749">
<Variable name="menuTitleTextColor" description="Menu Title Text Color" type="color" default="#000000" value="#000000">
 
<Variable name="bodyFontFamily" description="Body font family" Calibri, 'Lucida Grande', Verdana, Arial, Sans-serif;" value="normal normal 100% Calibri, Verdana, Arial, Sans-serif;">
<Variable name="headerFont" description="Page Header Font" type="font" default="normal normal 210% Calibri, 'Lucida Grande', Verdana, Arial, Sans-serif;" value="normal normal 210% Calibri, 'Lucida Grande', Verdana, Arial, Sans-serif;">

<Variable name="startSide" description="Start side" type="automatic" default="left" value="left">
<Variable name="endSide" description="End side" type="automatic" default="right" value="right">
*/

body {
  	background: $mainBgColor;
  	margin: 0;
  	padding: 0px;
  	font-family: Calibri, 'Lucida Grande', Verdana, Arial, Sans-serif;
  	text-align: $startSide;
  	color: $mainTextColor;
}
a:link {
  	color: $linkColor;
  	text-decoration: none;
}
a:visited {
  	color: $linkColor;
  	text-decoration: none;
}
a:active {
  	color: $linkColor;
  	text-decoration: underline;
}
a:hover {
  	color: $linkColor;
  	text-decoration: underline;
}
a img {
  	border-width: 0;
}

h1 {
	font-family: Calibri, 'Lucida Grande', Verdana, Arial, Sans-serif;
	font-size: 1.1em;
	color: #000000;
	background-color: #78B749;
	margin: .5em .5em 0.1em;
	padding: 5px 10px;
	font-weight: normal;
} 
h1 a, h1 a:visited {
	color: #000000;
	text-decoration: none;
}
h2 {
	font-family: Calibri, 'Lucida Grande', Verdana, Arial, Sans-serif;
	font-size: .9em;
	color: #000000;
	margin: 0em 1.3em;
	font-weight: normal;
} 
h2 a, h2 a:visited {
	color: #000000;
	text-decoration: none;
}
h3 {
	font-family: Calibri, 'Lucida Grande', Verdana, Arial, Sans-serif;
	font-size: 1.1em;
	color: #000000;
	margin: 0.8em 1.3em 1em;
	font-weight: bold;
} 
h3 a, h3 a:visited {
	color: #000000;
	text-decoration: none;
}
h4 {
	font-family: Calibri, 'Lucida Grande', Verdana, Arial, Sans-serif;
	color: #000000;
	margin: 0.8em 1.3em 1em;
	font-weight: bold;
} 
h4 a, h4 a:visited {
	color: #000000;
	text-decoration: none;
}


p {
	font-family: Calibri, 'Lucida Grande', Verdana, Arial, Sans-serifs;
	margin: 0em 1.4em 1em;
}