
body { margin:0px; padding:0px; background:#cccccc; }
table { border-spacing:0px; border-collapse:collapse; }
form { margin:0px; padding:0px; }

td { text-align:left; font-family:arial,helvetica; font-size:13px; color:#333333; font-weight:normal; line-height:18px; }

.pageheader { font-family:arial,helvetica; font-size:20px; color:#5184b5; font-weight:bold; line-height:20px; margin-bottom:20px; }
.blue16 { font-family:arial,helvetica; font-size:16px; color:#5184b5; font-weight:bold; line-height:20px; }
.blue16 a:link, .blue16 a:visited { color:#5184b5; text-decoration:underline; }
.blue16 a:active, .blue16 a:hover { color:#5184b5; text-decoration:none; }
.smalltext { font-family:arial,helvetica; font-size:10px; color:#333333; font-weight:normal; line-height:10px; }

ul, ol { margin-top:0px; margin-bottom:0px; }
.photo { float:right; margin:2px 0px 4px 12px; padding:0px; border:1px solid #333333; }
hr {
  border-style:none;
  border-top:1px dotted silver;
  color:white; height:1px;
  margin:15px 0px 0px 0px;
}
hr.tilediv { width:210px; border-top:1px dotted #006699; margin: 6px 0px 4px 0px; }
table.imagetable td { margin:0px; padding:0px; line-height:0px; }
a:link, a:visited { color:blue; text-decoration:underline; }
a:active, a:hover { color:red; text-decoration:none; }


#container { width:1000px; margin:0px auto; padding:0px; position:relative; -webkit-box-shadow:0px 0px 20px 2px rgba(0, 0, 0, .6); box-shadow: 0 10px 0px 0px #ffffff, 0 -10px 0px 0px #ffffff, 0px 0px 20px 2px rgba(0, 0, 0, .6), 0px 0px 20px 2px rgba(0, 0, 0, .6); }
#photos { position:relative; visibility:visible; z-index:1; margin-top:28px; }
#syplogo { position:relative; visibility:visible; left:12px; top:30px; z-index:2; }


table.headertable { width:1000px; border-bottom:1px solid #cccccc; }
table.headertable td { width:500px; vertical-align:middle; background-color:#f0f8fb; }
table.headertable td.logo { text-align:left; padding:30px 0px 30px 30px; line-height:0px; }
table.headertable td.contact-info { padding:6px 30px 0px 0px; line-height:20px; }
h4.header-note { float:right; clear:both; margin:4px 0px 0px 0px; font-size:16px; color:#5184b5; font-weight:normal; font-style:italic; }
h4.header-note a:link, h4.header-note a:visited { color:#5184b5; text-decoration:underline; }
h4.header-note a:active, h4.header-note a:hover { color:#5184b5; text-decoration:none; }


table.maintable td.content { text-align:left; vertical-align:top; padding:30px; font-family:arial,helvetica; font-size:13px; color:#333333; font-weight:normal; line-height:18px; background-color:#ffffff; }

table.maintable td.footer { padding-top:2px; text-align:center; vertical-align:middle; height:30px; font-family:arial,helvetica; font-size:11px; color:#ffffff; font-weight:normal; background-color:#266497; }


a.bluebutton {
  background:transparent url('../pics/blue-button.png') right -52px no-repeat;
  display:block;
  float:left;
  height:26px;
  margin:0px;
  padding:0px 4px 0px 0px;
  font-family:arial,helvetica,sans-serif;
  font-size:14px;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  text-shadow:#013c5f 0 1px 0;
}
a.bluebutton span {
  background:transparent url('../pics/blue-button.png') no-repeat 0 0;
  display:block;
  margin:0px;
  padding:0px 8px 0px 12px;
  color:#ffffff;
  line-height:26px;
}
a:link.bluebutton, a:visited.bluebutton, a:active.bluebutton { color:#ffffff; text-decoration:none; }
a.bluebutton:hover { background-position:right -78px; cursor:pointer; color:#ffffff; text-decoration:none; }
a.bluebutton:hover span { background-position:left -26px; cursor:pointer; color:#ffffff; text-decoration:none; }

a.redbutton {
  background:transparent url('../pics/red-button.png') right -52px no-repeat;
  display:block;
  float:left;
  height:26px;
  margin:0px;
  padding:0px 4px 0px 0px;
  font-family:arial,helvetica,sans-serif;
  font-size:14px;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  text-shadow:#013c5f 0 1px 0;
}
a.redbutton span {
  background:transparent url('../pics/red-button.png') no-repeat 0 0;
  display:block;
  margin:0px;
  padding:0px 8px 0px 12px;
  color:#ffffff;
  line-height:26px;
}
a:link.redbutton, a:visited.redbutton, a:active.redbutton { color:#ffffff; text-decoration:none; }
a.redbutton:hover { background-position:right -78px; cursor:pointer; color:#ffffff; text-decoration:none; }
a.redbutton:hover span { background-position:left -26px; cursor:pointer; color:#ffffff; text-decoration:none; }
