body {background: #3377cc;margin:0;padding:0}

#pagewrap {width:770px;margin: 0 auto;background: #ccddff;}
#headerwrap {width:100%;}
#footerwrap {width:100%;text-align:center;background:#3377cc;clear:both;}


.main {
  font-family: arial, sans;
  font-size: 16px;
  color: #000055;
  padding: 20px 10px;
    }
    
a {
text-decoration:underline;
color:#000055;
}
a:active {
color:#000055;
}
a:visited {
color:#000055;
}
a:hover {
text-decoration:none;
color:#000055;
}

.top_left_right {
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}

.bot {
border-bottom:1px solid #ffffff;
}

.bot_right {
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
}

#nav {background:#3377cc;height:27px;}

#nav ul {list-style:none;padding:0;margin:0;width:100%;background:#3377cc;}

#nav li {display:inline;}

#nav a {float:left; text-align:center; font:16px David; color:#fff; text-decoration:none; line-height:27px; width:127px;}
#rtl #nav a {float:right;}

#nav a:hover {color: #ffcc88;background: url(/images/nav_pointer.gif) bottom center no-repeat;}

#nav a:active {color: red;}

.right {float:right;}
#rtl .right {float:left;}

.left {float:left;}
#rtl .left {float:right;}

.clear {clear:both;}

.center {text-align:center;}

img.left, img.right {padding:10px;}

form {margin:0;}

h1, h2 {text-align:center;}

li {padding-bottom:7px;}

.leftcolumn {font-family: arial, sans; font-size: 14px; text-align: center; color: #ffffff; background:#3366aa;width:25%; float:left;margin:3px;}
#rtl .leftcolumn {float:right;}

.leftcolumn a {display:block; width:100%; height:100%; text-decoration:none; color:white;}

.leftcolumn a:hover {background:#3377ee;}

#ltr #innerwrap {margin:0 0 0 25%;}
#rtl #innerwrap {margin:0 25% 0 0;}

#scrolling {
  width:95%;
  margin:auto;
  border:2px solid #ccccdd;
  font:bold 17px verdanna;
  color: #338800;
  background: #eeeeee;
  }

#ednapic {background: #ffffff;color:black;border: solid #3366aa;}

.rcolumn {font-family: arial, sans; font-size: 15px;text-align: center; color: #000000;width:190px;float:right;margin:3px;}
#rtl .rcolumn {float:left;}

.rcolumn a {text-decoration:none; color:#000000; display:block; width:100%; height:100%;}

.rcolumn .rbox, .rcolumn img, .rcolumn form {background: #ccccdd; border: solid #3366aa; padding:3px;}
.rcolumn img {padding:0;}

.spacer {line-height:10px;}

.groups a {text-decoration:none;}

div.smile {width:600px;}
.smile li {list-style-image:url(/images/smile.gif);padding: 5px;}

.imgs_header {margin:0 20px;}
.imgs_header img { padding:4px 20px;}

.tr {background: url(/images/tr.gif) top right no-repeat;}
.br {background: url(/images/br.gif) bottom right no-repeat;}
.tl {background: url(/images/tl.gif) top left no-repeat;}
.bl {background: url(/images/bl.gif) bottom left no-repeat;}