/* <![CDATA[ */

html { font-family:Arial, sans-serif; background: #ededcd; color:#ddd; }
/* #ededcd -main theme color -light olive; #ddd -text color */
html, body { margin:0; padding:0; }
p { margin:5px 0; }
.headfoot { text-align:right; padding:10px; margin:0; position:relative; }
.headfoot h1 { font-size:1.3em; padding:0; margin:0; }
.headfoot a { color:#fff; }

/* RZ: background:url(back.jpg); */
#content { padding:10px 0; }
* html #content { posititon:relative; }

/* For the first shadowed border */
#shadowed-border { padding:20px; width:80%; margin:20px auto; color:#660; }
#shadowed-border, #shadowed-border .sb-inner { background:#fff url(grad-gray.png) repeat-x; }

/* The split heading/content element */
#split { margin:20px auto; width:33%; }
#split h3 { padding:4px; text-align:center; margin:0; color:#fff; }
#split h3, #split h3 .sb-inner { background:#222 url(grad2.png) repeat-x; }
#split .content { padding:4px 10px; color:#444; }
#split .content, #split .content .sb-inner { background:#ddd url(grad3.png) repeat-x; }

/* looks ugly on a bottom! */
#trans-border { width:280px; margin:20px auto; padding:14px 20px; background:#444; color:#222; }
#trans-border .sb-border { background:#000; }

/* Partial stuff */
ul#partial { overflow:hidden; width:490px; margin:20px auto; padding:0; list-style:none; }
* html ul#partial { height:1%; }
ul#partial li { float:left; width:50px; padding:12px 0; text-align:center;
                margin:0 5px; color:#4c2; }
ul#partial li, ul#partial li .sb-inner { background:#444; }
ul#partial li .sb-border { background:#fff; }

/* The tabs */
#tabs { overflow:hidden; padding:0; margin:20px auto 0 auto; width:400px; color:#444; }
* html #tabs { height:1%; }
#tabs li { float:left; color:#000; list-style:none; padding:0; margin:0 0 0 5px; }
* html #tabs li { display:inline-block; }
#tabs li a { display:block; float:left; text-decoration:none; padding:5px; color:#000; }
#tabs li, #tabs li .sb-inner { background:#ccc; }
#tabs li:hover, #tabs li:hover .sb-inner { background:#eee; }
#tabs li.hover, #tabs li.hover .sb-inner { background:#eee; } /* for ie6 */
#tabs li .sb-border { background:#fff; }
#tabs-content { background:#ccc; width:380px; margin:-1px auto 20px auto; padding:10px; 
                border:1px solid #fff; color:#000; }

/* The links */
#links { color:#4c2; padding:20px; margin:20px; width:400px; margin:0 auto; }
#links, #links .sb-inner { background:#898989 url(grad.png) repeat-x; }
#links .sb-border { background:#fff; }
#links .gray { color:#c2c2c2;}
#links a { color:#9f2; }
#links a .sb-shadow { background:transparent; }
#links a:hover .sb-shadow { background:#9b9; }
#links a.hover .sb-shadow { background:#828282; } /* for ie6 */

#borders { color:#4c2; padding:20px; margin:20px; width:250px; margin:0 auto; }
#borders, #borders .sb-inner { background:#898989 url(grad.png) repeat-x; }
#borders .sb-border { background:#fff; }
#borders .gray { color:#c2c2c2;}
#borders a { color:#9f2; }
#borders a .sb-shadow { background:transparent; }
#borders a:hover .sb-shadow { background:#9b9; }
#borders a.hover .sb-shadow { background:#828282; } /* for ie6 */

#change-border { color:#fff; padding:20px; margin:20px auto; width:300px; }
.change-border0, .change-border0 .sb-inner { background:#444; }
.change-border1, .change-border1 .sb-inner { background:#888; }

.shadow {margin:0px auto; width:750px; filter:shadow; color:#dcd838; font-size:20pt; line-height:200%; font-weight: bold; font-family: Arial, Helvetica, San-serif;} 


/* ]]> */