@charset "utf-8";
body.grunge-y { 
font : 11px verdana, tahoma, helvetica, geneva, sans-serif; 
font-size : 11px; 
color : #ffffff; 
background : #000; 
margin : 0; 
padding : 0; 
text-align : right; 
}

.grunge-y #container { 
position : relative; 
float : right; 
width : 950px; 
background-image : url(img/grunge/banner.jpg); 
background-repeat : no-repeat; 
background-position : top right; 
margin : 0 0 0 20px; 
border : 0 solid #000000; 
text-align : right; 
}

.grunge-y #leaf { 
visibility : hidden; 
}

.grunge-y #leaves { 
visibility : hidden; 
}

.grunge-y #header { 
height : 200px; 
width : 950px; 
margin : 0; 
padding : 0; 
}

.grunge-y #menu { 
float : right; 
margin : 30px 0 0 0; 
border : 0 solid #eee; 
width : 100px; 
padding : 15px 10px 15px 20px; 
text-align : left; 
}

.grunge-y #callout { 
font : 18px Verdana; 
color : #ccc; 
visibility : hidden; 
font-style : italic; 
float : left; 
width : 150px; 
padding : 10px 30px 30px 10px; 
}

.grunge-y #mainContent { 
width : 500px; 
height : 100%; 
float : right; 
font : 11px Verdana; 
text-align : justify; 
margin : 50px 0 0 0; 
padding : 20px; 
border : 0 solid #eee; 
}

.grunge-y #footer { 
font : 8px Verdana; 
width : 500px; 
float : right; 
padding : 0 10px 0 20px; 
border : 0 solid #000000; 
}

.grunge-y #footer p { 
font : 8px Verdana; 
text-transform : lowercase; 
text-align : center; 
letter-spacing : 0.25em; 
margin : 0; 
padding : 10px 0; 
}

.grunge-y #footer a { 
font : 8px Verdana; 
text-transform : uppercase; 
text-align : right; 
letter-spacing : 0.25em; 
margin : 0; 
padding : 10px 0; 
}

.grunge-y a { 
color : #ffff99; 
text-transform : lowercase; 
}

.grunge-y a:hover { 
font-style : italic; 
}

.grunge-y a:active { 
color : #ffff00; 
font-weight : bold; 
}

.grunge-y a:visited { 
color : #eee; 
}

body.pretty { 
font : 11px verdana, tahoma, helvetica, geneva, sans-serif; 
font-size : 11px; 
color : #336633; 
background : #c2d1b3; 
background-repeat : no-repeat; 
margin : 0; 
padding : 0; 
text-align : left; 
}

.pretty #container { 
width : 960px; 
height : 100%; 
background-image : url(img/pretty/pretty_bg2.jpg); 
background-repeat : repeat; 
background-position : top center; 
border-right : 1px solid #669966; 
border-bottom : 1px solid #669966; 
margin : 0; 
text-align : left; 
}

.pretty #header { 
width : 960px; 
height : 150px; 
background-image : url(img/pretty/header.png); 
background-repeat : no-repeat; 
padding : 0; 
margin : 0; 
border : 0 solid #000; 
z-index : 100; 
padding : 0; 
}

.pretty a { 
color : #993333; 
font-variant : small-caps; 
}

.pretty a:hover { 
font-style : italic; 
}

.pretty a:active { 
color : #cc6666; 
font-weight : bold; 
}

.pretty a:visited { 
color : #cc6666; 
}

.pretty #leaves { 
background-image : url(img/pretty/callout.png); 
background-repeat : no-repeat; 
width : 169px; 
height : 143px; 
margin : 20px 0 0 30px; 
border : 0 solid #000; 
z-index : 10; 
padding : 0 0 20px 0; 
}

.pretty #leaf { 
position : absolute; 
background-image : url(img/pretty/leaf.png); 
background-repeat : no-repeat; 
width : 110px; 
height : 90px; 
margin : -160px 0 0 600px; 
border : 0 solid #000; 
padding : 0; 
z-index : 100; 
}

.pretty #callout { 
font : 18px Georgia; 
color : #336633; 
font-style : italic; 
font-variant : small-caps; 
visibility : hidden; 
float : left; 
width : 150px; 
background : #fff; 
border : 0 solid #000000; 
padding : 10px 30px 30px 10px; 
}

.pretty #mainContent { 
position : inherit; 
width : 530px; 
font : 12px Georgia; 
border : 0 solid #000; 
margin : -200px 0 0 210px; 
padding : 10px; 
z-index : 1000000; 
}

.pretty #footer { 
width : 600px; 
font : 9px Georgia; 
margin : -28px 0 0 190px; 
padding : 0; 
}

.pretty #footer a { 
color : #336633; 
font-variant : normal; 
}

.pretty #footer a:hover { 
color : #336633; 
font-variant : normal; 
font-style : normal; 
}

.pretty #footer p { 
font : 9px Georgia; 
text-align : center; 
letter-spacing : 0.25em; 
border : 0; 
margin : 0; 
padding : 10px 0; 
}

body.zaftig { 
font : 11px verdana, tahoma, helvetica, geneva, sans-serif; 
font-size : 11px; 
color : #666666; 
background : #666666; 
background-image : url(img/bg.gif); 
background-repeat : repeat; 
margin : 0; 
padding : 0; 
text-align : left; 
}

.zaftig #container { 
width : 950px; 
background : #ffffff; 
background-image : url(img/banner.jpg); 
background-repeat : no-repeat; 
background-position : top center; 
margin : 0 auto; 
border-left : 1px solid #000000; 
border-right : 1px solid #000000; 
text-align : left; 
}

.zaftig #header { 
height : 200px; 
width : 950px; 
margin : 0; 
padding : 0; 
}

.zaftig #menu { 
float : left; 
width : 80px; 
background : #fff; 
padding : 15px 10px 15px 20px; 
}

.zaftig #callout { 
background-image : url(img/callout.gif); 
background-repeat : no-repeat; 
float : right; 
width : 150px; 
height : 300px; 
border : 0 solid #000000; 
padding : 20px 20px 30px 10px; 
margin : 10px 0 0 0; 
}

.zaftig #mainContent { 
width : 600px; 
height : 100%; 
font : 12px Georgia; 
margin : 0 100px 0 115px; 
padding : 110px 20px 0 20px; 
border-right : 1px solid #000000; 
border-left : 1px solid #000000; 
}

.zaftig #footer { 
padding : 0 10px 0 20px; 
background : #dddddd; 
border-top : 1px solid #000000; 
border-bottom : 1px solid #000000; 
}

.zaftig #footer p { 
font : 8px Tahoma; 
text-transform : uppercase; 
text-align : right; 
letter-spacing : 0.25em; 
margin : 0; 
padding : 10px 0; 
}

.zaftig #footer a { 
font : 8px Tahoma; 
text-transform : uppercase; 
color : #666666; 
}

.zaftig a { 
text-transform : lowercase; 
color : #003366; 
}

.zaftig:hover a { 
color : #336699; 
}

.zaftig:active a { 
color : #336699; 
}

.zaftig:visited a { 
color : #336699; 
}

body.sedate { 
font : 11px verdana, tahoma, helvetica, geneva, sans-serif; 
font-size : 11px; 
color : #666666; 
background : #666666; 
background-image : url(img/bg2.gif); 
background-repeat : repeat; 
margin : 0; 
padding : 0; 
text-align : left; 
}

.sedate a { 
color : #000; 
font : 11px Georgia; 
font-variant : small-caps; 
}

.sedate a:hover { 
font-style : italic; 
}

.sedate a:active { 
color : #ccc; 
font-weight : bold; 
}

.sedate a:visited { 
color : #333; 
}

.sedate #container { 
width : 950px; 
background : #ffffff; 
background-image : url(img/banner2.jpg); 
background-repeat : no-repeat; 
background-position : top left; 
margin : 0 0 0 20px; 
border-left : 1px solid #000000; 
border-right : 1px solid #000000; 
text-align : left; 
}

.sedate #leaf { 
visibility : hidden; 
}

.sedate #leaves { 
visibility : hidden; 
}

.sedate #header { 
height : 200px; 
width : 950px; 
margin : 0; 
padding : 0; 
}

.sedate #menu { 
float : left; 
width : 80px; 
background : #fff; 
padding : 15px 10px 15px 20px; 
}

.sedate #callout { 
background-image : url(img/callout.gif); 
background-repeat : no-repeat; 
float : right; 
width : 150px; 
height : 300px; 
border : 0 solid #000000; 
padding : 20px 20px 30px 10px; 
margin : 10px 0 0 0; 
}

.sedate #mainContent { 
width : 550px; 
height : 100%; 
font : 12px Georgia; 
margin : 0 150px 0 150px; 
padding : 20px 20px 20px 20px; 
border-right : 1px solid #000000; 
border-left : 1px solid #000000; 
}

.sedate #footer { 
font : 8px Verdana; 
padding : 0 10px 0 20px; 
background : #dddddd; 
border-top : 1px solid #000000; 
border-bottom : 1px solid #000000; 
}

.sedate #footer p { 
font : 8px Verdana; 
text-transform : uppercase; 
text-align : right; 
letter-spacing : 0.25em; 
margin : 0; 
padding : 10px 0; 
}

.sedate #footer a { 
font : 8px Verdana; 
text-transform : uppercase; 
text-align : right; 
letter-spacing : 0.25em; 
margin : 0; 
padding : 10px 0; 
}

.fltrt { 
float : right; 
margin-left : 8px; 
}

.fltlft { 
float : left; 
margin-right : 8px; 
}

.clearfloat { 
clear : both; 
height : 0; 
font-size : 1px; 
line-height : 0; 
}

hr { 
height : 1px; 
width : 200px; 
}

p { 
line-height : 1.5em; 
margin-top : 1.5em; 
margin-bottom : 1.5em; 
}

h1 { 
font-size : 14px; 
text-transform : uppercase; 
letter-spacing : 0.5em; 
margin : 0; 
padding : 0; 
}

blockquote { 
margin : 30px; 
line-height : 1.5em; 
margin-top : 1.5em; 
margin-bottom : 1.5em; 
}

small { 
font-size : 7.5pt; 
}

li { 
margin-top : 1em; 
margin-bottom : 1.5em; 
}