/* Pretty Stuff
================================== */
/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}
body {
  font: 62.5%/1.2 "Myriad Pro", "Myriad Web", "Lucida Grande", "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
  background-color:#d4d4d4;
}
h1 { font-size: 2em; font-weight: bold; margin-top: 0; padding-top: 0; }
h2 {
  font-size: 1.8em;
  font-weight: bold;
}
p, li {
  font-size: 1.5em;
}
.tiny { font-size: 1.2em; }
h2, p {
  margin: 1em 0;
}
.p1 { font-size: 1.5em; margin-top: 0; padding-top: 0; }
.p2 { font-size: 1.4em; line-height: normal; }
#wrapper {
  background-color: #fff;
}
#branding {
  height: 178px;
  background-color:#fff;
}
#branding h1 {
  margin: 0;
}
#mainNav { background-color:#fff; }
#secondaryContent { background-color:#fdf0e0; background-image: url(one_corner.gif); background-repeat: no-repeat; background-position: left top; margin-left: 12px; padding-right: 0; }
#secondaryContent h2 { color: #630; font-size: 1.5em; font-weight: bold; line-height: normal; background-color: #fdf0e0; background-image: none; margin-top: 0; padding-top: 0; padding-right: 4px; }
#secondaryContent p { font-size: 1.2em; }
#secondaryContent ul { background-color: #fdf0e0; margin-right: 8px; margin-left: 8px; padding-right: 8px; padding-bottom: 6px; padding-left: 8px; list-style-image: url(icostar_blue.gif); }
#secondaryContent ul li { font-size: 1.3em; line-height: normal; background-color: #fdf0e0; margin: 0; padding: 0; list-style-image: url(icostar_blue.gif); }
#footer { background-color:#cfe6fd; text-align: center; padding: 1px 20px; }
.first { color: #000080; font-weight: bold; }
/* The Core Technique
================================= */
body {
  text-align: center; 
  min-width: 760px;
}
#wrapper {
  width: 760px; 
  margin: 0 auto; 
  text-align: left; 
}
#mainNav { background-color: #fff; width: 190px; float: left; padding-left: 12px; }
#content { background-color: #fff; width: 540px; float: right; }
#mainContent { 
  width: 540px; 
  margin: 0; 
  float: left; 
}
#mainContent p { padding-right: 24px; }
#mainContent ul { margin-top: 18px; margin-left: 36px; padding: 0; }
#mainContent ul li { margin-bottom: 6px; padding: 0; }
#mainContent h1 { color: #000080; font-weight: bold; line-height: 120%; }
#mainContent .small { font-size: 1.3em; font-style: normal; }
#secondaryContent { width: 180px; float: right; }
#mainContentlft { width: 48%; float: left; margin: 0; padding: 0; }
#mainContentrt { width: 48%; float: right; margin: 0; padding: 0; }
#footer { clear: both; }
#footer p { font-size: 1.3em; }
.lrgspace { padding-right: 6px; padding-left: 6px; }
/* Add some padding
================================== */
#mainNav, #secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}
#mainNav *, #secondaryContent * {
  padding-left: 20px;
  padding-right: 10px;
}
#mainNav * *, #secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}
/*Links look like this*/
a:link { color: #033c7c; font-weight: bold; text-decoration: underline; }
a:visited { color: #033c7c; font-weight: bold; text-decoration: underline; }
a:hover { color: #febc39; text-decoration: underline; }
a:active { color: #febc39; text-decoration: underline; }
/*images*/
img { border-style: none; }
.brdblk { margin: 0; padding: 0; border: solid 1px #000; }
.img_nobrd { border-style: none; }
.brdblk_right { float: right; margin: 0 12px; padding: 0; border: solid 1px #000; display: block; }
.brdblk_left { display: block; margin: 0 12px 0 0; padding: 0; float: left; border: solid 1px #000; }
.leftfloat { float: left; border-style: none; }
.rightfloat { float: right; }
.rightfloatbrd { float: right; border: solid 1px #000; }
#mainContent .caption { width: 180px; float: right; margin-right: 12px; margin-left: 12px; }
#mainContent .caption p { font-size: 1.15em; text-align: right; width: 180px; margin: 0; padding: 0; }