html, body {
  margin-top: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
  padding-top: 0pt;
  padding-left: 0pt;
  padding-right: 0pt;
  padding-bottom: 0pt;
  border-top: 0pt;
  border-right: 0;
  border-bottom: 0;
  border-left: 0pt;
}

body {
  font-family: Trebuchet MS, tahoma, verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  color: #000;
  margin-top: 0px;
  margin-left: 0pt;
  margin-right: 0pt;
  margin-bottom: 30px;
  background-color: #fff;
}

p  
{
margin:6px 0; 
padding:0 6px;
font-weight:normal;
}

h1, h2, h3, h4 /* sets all headers as centered - avoids repeating in separate tags */ {
  text-align: center;
  margin-top: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
}

h1
{
font-size:23px;
text-align:center;
padding:5px 0;
margin:0;
}

h2 /* makes a text-box with background around the h2 tag */ {
  font-size: 18px;
  color: #ffffff;
  margin-top: 1em;
  margin-left: 20px;
  margin-right: 3em;
  margin-bottom: 10px;
  background-color: #ff0000;
  border-top: 3px #ccc solid;
  border-right: 3px #ddd solid;
  border-bottom: 3px #eee solid;
  border-left: 3px #fff solid;
}

 /* hack for macie */


/*\*/ 
* html h2 {
  height: 1pt;
}

h3
{
color:#70713c;
font-size:16px;}

h4
{
margin:20px 5px 5px;
font-size:14px;
}

img
{border:0;}

.clear 
{ clear:both; }

a, a:visited 
{
text-decoration:underlined dotted; 
font-weight:bold; 
color:#0000ff;
}

a:hover
{
font-weight:bold;
color:#ff0000;
text-decoration:underline;
}

.small 
{font-size: .9em;}

.hilite
{
background-color:#cf1d00;
color:#fff;
font-weight:bold;
}

.red
{color:#c20808;}

.lft
{
float:left;
margin:0;
margin-right:5px;
padding:5px;
padding-right:0;
}

.rgt
{
float:right;
margin:0 20px 0 0;
padding:5px;
padding-left:0;
}

.bold
{font-weight:bold;}

.wide 
{
background:#fff; 
width:100%; 
font-size:1.6em;
font-weight:bold;
color:#70713c;                            
text-align:center;
}

.wide p 
{
margin:0; 
padding:5px; 
position:relative;
}

#header {
  position: relative;
  height: 119px;
  background-repeat: no-repeat;
  width: 100%;
  margin-bottom: 6px;
  background-color: #ffffff;
  background-image:  url(graphics/header-valentines.gif);
}

#header h1, #header h5 {
  font-weight: bold;
  font-family: Verdana, arial, palatino, "trebuchet ms", sans-serif;
  padding-top: 15px;
  padding-bottom: 5px;
  margin-top: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
}

#header h1 {
  position: top;
  text-align: right;
  font-size: 1.75em;
  padding-top: 15px;
  padding-right: 280px;
  color: #e8d9b8;
}

#header h5 {
  position: bottom;
  text-align: right;
  font-size: 1em;
  padding-top: 13px;
  padding-right: 130px;
  color: #fff;
}

#maincol /* deduct 2px from the width of #leftcol div to allow for the left border */ {
  background-color: #fff;
  float: right;
  display: inline;
  position: relative;
  width: 540px;
  border-top: 0pt;
  border-right: 0;
  border-bottom: 0;
  border-left: 0pt;
} 

#leftcol {
  background-color: #fff;
  width: 190px; /* maincol width plus leftcol plus 2px border equals 720px */
  padding-left: 10px;
  float: left;
  position: relative;
}

#wrapper {
  width: 760px;
  text-align: left;
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left:auto; 
  margin-right:auto; 
  background-color: #fff;
  border-top: 1px #fff solid;
  border-right: 1px #fff solid;
  border-bottom: 10px #fff solid;
  border-left: 1px #fff solid;
} 

 
* html .wrapper {
  width: 722px;
  wid\th: 720px;
}

/* styling for curved cutout borders starts here */
.curved {
  width: 90%;
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: transparent;
}

.curved h1, .curved h6 {
  text-align: center;
  margin-top: 0pt;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0pt;
}

.curved h1 {
  font-size: 1.5em;
  color: #000;
  letter-spacing: 1px;
}

.curved h6 {
  font-size: 1em;
  color: #000;
  letter-spacing: 1px;
}

.curved p {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 0pt;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0pt;
}

.curved .top, .curved .bottom {
  display: block;
  font-size: 1px;
  background-color: transparent;
}

.curved .b1, .curved .b2, .curved .b3, .curved .b4 {
  display: block;
  overflow: hidden;
  height: 1px;
}

.curved .b2, .curved .b3, .curved .b4 {
/*  background-color: #92B0D2;*/
  background-color: #ffcccc; 
  border-right: 1px #000 solid;
  border-left: 1px #000 solid;
}

.curved .b1 {
  margin-top: 0pt;
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 0pt;
  background-color: #000;
}

.curved .b2 {
  height: 2px;
  margin-top: 0pt;
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 0pt;
}

.curved .b3 {
  margin-top: 0pt;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 0pt;
}

.curved .b4 {
  height: 1px;
  margin-top: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
  border-top: 0;
  border-right: 3px;
  border-bottom: 0;
  border-left: 3px;
}

.curved .boxcontent {
  display: block;
/*  background-color: #92B0D2;*/
  background-color: #ffcccc; 
  border-top: 0 #000 solid;
  border-right: 1px #000 solid;
  border-bottom: 0 #000 solid;
  border-left: 1px #000 solid;
}

.centered {
  text-align: center;
}

.left 
{
position:relative;
width:152px;
margin-left: -151px;
}

* html .left 
{float:left;}

*>html .left {width:151px;}

.container-left 
{
background:#f2efe8;
width:150px;   
padding-bottom:110px;
color:#000;
}

#menu a, #menu a:visited 
{
background-color:#cf1d00;
text-decoration:none;
text-align:center;
color:#f2efe8;
font-weight:bolder;
display:block; 
width:130px; 
padding:0.2em;
margin:0.5em auto;
border-right:5px double #ff6666;}

#menu a:hover 
{
/* background-color:#70713c; */
background-color:#ff6666;
color:#f2efe8;
border-right:0;
border-left:5px double #cf1d00;
}

/* footer styling starts here */
#footer {
  padding-top: 5px;
  padding-right: 10px;
  height: 20px;
  clear: both;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  text-align: right;
  margin-top: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
  background-color: #ff6666;
} 

/* this is a rule to ensure the columns don't break don't ask me how they figured it out */
.clearfix:after {
  content: ".";
  display: block;
  height: 0pt;
  clear: both;
  visibility: hidden;
}

 
.clearfix {
  display: block;
}
/* end hide from ie-mac */