@charset "UTF-8";
/* CSS Document */

body {
background-color: #F1DDAF;
background-image: url(images/bg.jpg);
background-position: top left;
background-repeat:no-repeat;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
padding-left: 0px;
padding-right: 0px;
color: #333333;
margin-bottom: 20px;
line-height:20px;
margin-top: 5px;
}

#wrapper {
text-align: left;
width: 920px;
position: relative;
margin-right: auto;
margin-left: auto;
padding: 0 0px;
}

#header {
	width: 920px;
	height: 40px;
	background: #9eab8d;
	margin-top: 40px;
}

#nav {
float: right;
padding: 0;
	width: 370px;
	background: #9eab8d;
height: 40px;
margin: 0;
}

img.nav {
border: none;
float: left;
text-decoration:none;
}

img.main {
border: none;
float: left;
text-decoration:none;
}

#container {
width: 920px;
height: 278px;
padding: 0;
margin: 0;
}


#footer {
	clear: both;
	background: url(images/footer.jpg) no-repeat;
	height: 173px;
}


.mod {
   position:relative;
   z-index:0;
}
.mod .mod-content{
   position:relative;
   z-index:2;
}
/* x1 = top and left edges; 
   x1a = top right corner; 
   x2 = right and bottom edges; 
   x2a = bottom left corner */
.mod .x1,
.mod .x1a,
.mod .x2,
.mod .x2a {
   display:block;
   background:url(images/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.mod .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.mod .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.mod .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.mod .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}