The CSS is already generated for three different kinds of layouts and three different menu placements. Just change this line:

<tosic:BodyCssClasses runat="server" Layout="Default" Navigation="Right"/>

to whatever you want, for example:

<tosic:BodyCssClasses runat="server" Layout="Full" Navigation="Left"/>

That would then look like this (before/after): layout default nav right layout full nav left-1