body {margin: 5px 0; font: normal 76%/1.4 arial, helvetica, verdana, tahoma, sans-serif; background-color: #CCCC9A; }
* {padding:0; margin:0;}/*first zero everything so we're on a level browser playing field*/
.shhh{display:none;}
a {text-decoration:underline; color:#333;}
a:hover{text-decoration:underline; color:#527bb9;}
h1{font-size: 1.6em; color:#8B7355; font-weight:normal;}
h2{font-size:1.2em; color:#8B7355; font-weight:normal;}
h3{color:#333; font-size: 1.1em;}
p {color:#333;}
p.sm{font-size:.78em;}
.str{color:#600; font-weight:bold;}

ul.norm{margin-left: 40px; list-style-type:none}
ul.norm li{background:url(../img/bullet.gif) left 5px no-repeat; padding: 0 0 5px 15px;}
ol{margin-left:40px;}
ol li{margin:4px 0;}
.clear{clear:both; font-size:1px; margin:0; padding:0;}
.r {float:right;}
.l {float:left;}

a.button{text-align:center; width:90px; color:#8B7355; background:#F7F8E0; border:1px solid #8B7355; padding:6px; margin:5px; font-size:1.1em; font-weight:bold; line-height: 1em;text-decoration:none;}
a.button:hover{background-color:#fff; text-decoration:none; border: 1px solid #ccc;}

/*----main structure----*/
#wrapper {background-color:#EDEFBC; margin:0px auto; width:815px; text-align:left; border:1px solid #fff;}
#outterboxindex {padding:0; margin:0; float:right; width:585px;}
#sidebarContainer {float:left; margin:0 0 0 10px; width:216px; /* Hide the following overflow \*/ overflow: hidden; /* from IE5Mac */}
#maincontentbox {padding:5px 5px 5px 0; margin:0;}

/* navigation */
ul.menu {list-style-type:none; text-align:center;height:20px; font-size:.9em; margin: 8px 0;}
ul.menu li {display:block; float:right; padding:3px 0px;}
ul.menu li a {font-weight:bold; width:120px; line-height:20px; height:20px; color:#8B7355; text-decoration:none; border:1px solid #F1B67C; margin:0 5px; padding:5px 10px;}
ul.menu li a:hover, ul.menu li a.current {background-color: #fff;}

.r p.subtitle{font-weight:bold; font-size:.9em; color:#8B7355; margin-top:-45px; padding-left:40px;}

/*css boxes*/
.box1top{background: url(../img/box1top.gif) top left no-repeat; font-size:1px; height:9px; width:284px;}
.box1{border:1px solid #BCB188; border-width:0 1px; background-color:#F8EAD0; width:282px; height:175px;}
.box1 h1{padding: 0 0 5px 5px;}
.box1 p.sm {padding: 0 0 5px 5px; font-size:.9em;}
.box1 table {font-size:1.2em; color:#333; width:100%; margin-left:5px;}
 .box1 table td{width:50%;}
.box1bottom{background: url(../img/box1bottom.gif) bottom left no-repeat; font-size:1px; height:9px; height:9px; width:284px;}

.box2top{background:url(../img/box2top.gif) top left no-repeat; width:580px; height:7px; font-size:1px; margin-top:10px;}
.box2{background:#EDEFBC url(../img/box2bg.jpg) bottom left repeat-x; width:578px; border:1px solid #BCB188; border-width:0 1px;}
 .box2 h1{padding: 0 0 5px 5px;}
 .box2 p {padding: 0 0 5px 5px;}
 .box2 table{padding: 0 0 5px 0;}
 .box2 table td{width:212px; vertical-align:top;}
.box2bottom{background:url(../img/box2bottom.gif) bottom left no-repeat; width:580px; height:7px; font-size:1px;}

#footer {padding:1px 10px; clear:both; text-align:center;}
 #footer p{ color:#c60; }
.center{text-align:center;}
  
p.button{background-color:#fff; text-align:center; width:95px; background:#F7F8E0; border:1px solid #8B7355;  margin:5px; line-height: 1em; padding:8px;}
p.button a {text-decoration:none; color:#8B7355; font-size:1.1em; font-weight:bold;}
p.button a:hover{color:#666;}