/* @override http://www.synergiacoaching.co.uk/css/doctextsizer.css */

.xsmallview{ /*CSS for "extra small font" setting*/
font-size: 11px;
}

.smallview{ /*CSS for "small font" setting*/
font-size: 13px;
}

.normalview{ /*CSS to return page to default setting (with no additional CSS rules added)*/
}

.largeview{ /*CSS for "large font" setting*/
font-size: 21px;
}

.xlargeview{ /*CSS for "extra large font" setting*/
font-size: 24px;
}

a.texttoggler{ /*CSS for Text Size Toggler control*/
margin-right: 6px;
}

a.texttoggler img{ /*CSS for Text Size Toggler control*/
border: 1px solid gray;
}

a.texttoggler img:hover{ /*CSS for Text Size Toggler control*/
border: 1px solid red;
}

a.selectedtoggler img{ /*CSS for Selected Text Size Toggler control*/
border: 1px solid red;
}

/* @group body */

.xsmallview, 
.xsmallview .oneColElsCtr #container.all #mainContent p, 
.xsmallview .oneColElsCtr #container.all #mainContent h1, 
.xsmallview .oneColElsCtr #container.all #mainContent a, 
.xsmallview .oneColElsCtr #container.all #left #news ul#list li, 
.xsmallview .oneColElsCtr #container.all #left #event ul#list li, 
.largeview .oneColElsCtr .footer .links ul li, 
.largeview .oneColElsCtr  .footer .links ul li a,
.xsmallview .oneColElsCtr #container.all #left #news h1, 
.xsmallview .oneColElsCtr #container.all #left #event h1, 
.xsmallview .oneColElsCtr #container.all #left #search h1{ /*CSS for "extra small font" setting*/
font-size: 11px;
}

.smallview, 
.smallview .oneColElsCtr #container.all #mainContent p, 
.smallview .oneColElsCtr #container.all #mainContent h1, 
.smallview .oneColElsCtr #container.all #mainContent a, 
.smallview .oneColElsCtr #container.all #left #news ul#list li, 
.smallview .oneColElsCtr #container.all #left #event ul#list li, 
.largeview .oneColElsCtr .footer .links ul li, 
.largeview .oneColElsCtr  .footer .links ul li a,
.smallview .oneColElsCtr #container.all #left #news h1, 
.smallview .oneColElsCtr #container.all #left #event h1, 
.smallview .oneColElsCtr #container.all #left #search h1{ /*CSS for "small font" setting*/
font-size: 12px;
}

.normalview, 
.normalview .oneColElsCtr #container.all #mainContent p, 
.normalview .oneColElsCtr #container.all #mainContent h1, 
.normalview .oneColElsCtr #container.all #mainContent a, 
.normalview .oneColElsCtr #container.all #left #news ul#list li, 
.normalview .oneColElsCtr #container.all #left #event ul#list li,
.largeview .oneColElsCtr .footer .links ul li, 
.largeview .oneColElsCtr  .footer .links ul li a, 
.normalview .oneColElsCtr #container.all #left #news h1, 
.normalview .oneColElsCtr #container.all #left #event h1, 
.normalview .oneColElsCtr #container.all #left #search h1{ /*CSS to return page to default setting (with no additional CSS rules added)*/
}

.largeview, 
.largeview .oneColElsCtr #container.all #mainContent p, 
.largeview .oneColElsCtr #container.all #mainContent h1, 
.largeview .oneColElsCtr #container.all #mainContent a, 
.largeview .oneColElsCtr #container.all #left #news ul#list li, 
.largeview .oneColElsCtr #container.all #left #event ul#list li, 
.largeview .oneColElsCtr .footer .links ul li, 
.largeview .oneColElsCtr  .footer .links ul li a,
.largeview .oneColElsCtr #container.all #left #news h1, 
.largeview .oneColElsCtr #container.all #left #event h1, 
.largeview .oneColElsCtr #container.all #left #search h1{ /*CSS for "large font" setting*/
font-size: 17px;
font-weight: normal;
	font-style: normal;
	overflow: auto;
}

.xlargeview,
.xlargeview .oneColElsCtr #container.all #mainContent p, 
.xlargeview .oneColElsCtr #container.all #mainContent h1, 
.xlargeview .oneColElsCtr #container.all #mainContent a, 
.xlargeview .oneColElsCtr #container.all #left #news ul#list li, 
.xlargeview .oneColElsCtr #container.all #left #event ul#list li,
.largeview .oneColElsCtr .footer .links ul li, 
.largeview .oneColElsCtr  .footer .links ul li a, 
.xlargeview .oneColElsCtr #container.all #left #news h1, 
.xlargeview .oneColElsCtr #container.all #left #event h1, 
.xlargeview .oneColElsCtr #container.all #left #search h1{ /*CSS for "extra large font" setting*/
font-size: 24px;
overflow: auto;
}

a.texttoggler { /*CSS for Text Size Toggler control*/
margin-right: 6px;
}

a.texttoggler img{ /*CSS for Text Size Toggler control*/
border: 1px solid gray;
}

a.texttoggler img:hover{ /*CSS for Text Size Toggler control*/
border: 1px solid red;
}

a.selectedtoggler img{ /*CSS for Selected Text Size Toggler control*/
border: 1px solid red;
}
/* @end */

/* @group fixed-sizes */

#text-sizing p{ 
font-size: 10px;
}

a.home{
	font-size: 12px;
	line-height: 40px;
}

a.home:hover{ 
	color: white;
	cursor: pointer;
}
a.portfolio{
	font-size: 12px;
	line-height: 40px;
}
a.portfolio:hover{
	cursor: pointer;
	color: white;
}
a.services{
	font-size: 12px;
	line-height: 40px;
}
a.services:hover{
	cursor: pointer;
	color: white;
	}
a.contact{
	font-size: 12px;
	line-height: 40px;
}
a.contact:hover{
	cursor: pointer;
	color: white;
	}
/* @end */

