/*
 * Style sheet for rounded corners test
 *
 * (c) 2008 Alex McAllister
 *
 */

body {
   padding: 0;
   margin: 1em auto;
   color: #fff;
   background: #805d4f;
   /* background: url(../images/bg.jpg) repeat-x top; */
   font-size: 100%;
   font-family: Arial, sans-serif;
}

/* Wrapper div for shrinking the window/viewport */
#wrapper {
   width: 53.75em;
   margin: 0 auto;
}

/* Background images for corners */
.cornerdivtop		{ background: url(../images/tr.gif) no-repeat top right; }
.cornerdivtop div	{ background: url(../images/tl.gif) no-repeat top left; }
.cornerdivbottom	{ background: url(../images/br.gif) no-repeat bottom right; }
.cornerdivbottom div{ background: url(../images/bl.gif) no-repeat bottom left; }

/* Height and width for corner divs */
.cornerdivtop,
.cornerdivtop div,
.cornerdivbottom,
.cornerdivbottom div {
	height: 15px;
}

#banner, #footer {
   margin: 0;
   padding: 0;
   color: #fff;
   background: #ff7c2d;
}

#banner { margin-bottom: 1em; }
#banner ul { margin-right: 1em; float: right; }
#banner li { list-style-type: none; }
#banner img { display: block; }

#footer { margin-top: 1em; clear: both; }
#footer p { text-align: center; font-size: 75%; }

#nav {
   float: left;
   width: 10%;
   margin-top: 2em;
}

#nav ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#nav li {
   margin: 0;
   padding: 0;
}

#nav a {
   margin: 0;
   padding: 0.5em 0 0.5em 0.5em;
   display: block;
   color: #fff;
   background-color: #805d4f;
   text-decoration: none;
}

#nav a.current {
   color: #fff;
   background: #ff7c2d;
   background: url(../images/button-small.gif) top right repeat-y;
}

#nav a:hover {
   color: #fff;
   background: #ff7c2d;
   background: url(../images/button-small.gif) top right repeat-y;
}

#contentwrapper {
   margin-left: 10%;
   color: #fff;
   background: #ff7c2d;
}

#content {
   margin: 0;
   padding: 0 20% 0 1em;
}

/* Other style declarations */
.cleardiv { clear: both; }
.rtl { direction: rtl; unicode-bidi: bidi-override; }
.image { text-decoration: none; border: none; }
.link { border: none; }
.floatleft { float: left; }
.floatright { float: right; }
.centre { margin-left: auto; margin-right: auto; }

h1 { border-bottom: 2px solid #805d4f; }
h4 { margin-bottom: 0; }
p { margin-top: 0.5em; }
a { text-decoration: underline; color: #fff }