* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
blockquote {
margin:1em;
padding:.5em;
font-size:.9em;
background-color:#F3F2ED;
border-top:1px solid #000066;
border-bottom:1px solid #000066;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 0px 0px;
 background-color:#F3F2ED;
}
#leftcolumn { 
 color: #333;
 border-right: 0px dashed #000066;
 background:#FFFFFF;
 margin: 10px 0px 0px 0px;
 padding: 10px;
 height: 650px;
 width: 190px;
 float: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 }
#content { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background:#FFFFFF;
 margin: 10px 0px 0px 0px;
 padding: 10px;
 height: 650px;
 width: 476px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 border-left: 0px dashed #000066;
 background:#FFFFFF;
 margin: 10px 0px 0px 0px;
 padding: 10px;
 height: 650px;
 width: 190px;
 float: left;
 position: relative;
}
.shadow {
    background:#CCCCCC; /* shadow color */
    border:1px solid #DDDDDD; /* darker border color */
    margin: 5px;
    position: relative;
  }

  .frame {
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #000066; /* lighter border color */
    position: relative;
    padding: 2px;
    left:-4px; /* you can change this to change the amount of shadow */
    top:-4px; /* you can change this to change the amount of shadow */
  } 
  
  .arrowlistmenu{
width: 450px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: dark grey;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: dark blue;
background: url(../images/arrowbullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #663366;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 175px;
}

.curlycontainer .innerdiv{
background: transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}



.search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	width: 120px;
	}

.beige-box{display:block}
.beige *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#cccc99}
.beige1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e9e9d3;
  border-right:1px solid #e9e9d3;
  background:#d8d8b2}
.beige2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9f9f4;
  border-right:1px solid #f9f9f4;
  background:#d5d5ac}
.beige3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d5d5ac;
  border-right:1px solid #d5d5ac;}
.beige4{
  border-left:1px solid #e9e9d3;
  border-right:1px solid #e9e9d3}
.beige5{
  border-left:1px solid #d8d8b2;
  border-right:1px solid #d8d8b2}
.beigefg{
  background:#cccc99}
  
  .blue-box{display:block}
.blue *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#3333CC}
.blue1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a7a7e9;
  border-right:1px solid #a7a7e9;
  background:#6666d8}
.blue2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eaeaf9;
  border-right:1px solid #eaeaf9;
  background:#5959d5}
.blue3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #5959d5;
  border-right:1px solid #5959d5;}
.blue4{
  border-left:1px solid #a7a7e9;
  border-right:1px solid #a7a7e9}
.blue5{
  border-left:1px solid #6666d8;
  border-right:1px solid #6666d8}
.bluefg{
  background:#3333CC}
  
  
.orange-box{display:block}
.orange *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#cc6600}
.orange1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e9bd91;
  border-right:1px solid #e9bd91;
  background:#d88c3f}
.orange2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9efe5;
  border-right:1px solid #f9efe5;
  background:#d58330}
.orange3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d58330;
  border-right:1px solid #d58330;}
.orange4{
  border-left:1px solid #e9bd91;
  border-right:1px solid #e9bd91}
.orange5{
  border-left:1px solid #d88c3f;
  border-right:1px solid #d88c3f}
.orangefg{
  background:#cc6600}
  
  
.red-box{display:block}
.red *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#b20000}
.red1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #dd9191;
  border-right:1px solid #dd9191;
  background:#c53f3f}
.red2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f7e5e5;
  border-right:1px solid #f7e5e5;
  background:#c03030}
.red3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c03030;
  border-right:1px solid #c03030;}
.red4{
  border-left:1px solid #dd9191;
  border-right:1px solid #dd9191}
.red5{
  border-left:1px solid #c53f3f;
  border-right:1px solid #c53f3f}
.redfg{
  background:#b20000}