* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 /* background: url(images/background.gif) repeat; */
 background: lightblue; 
}

h1 {
 margin: 0;
 padding: 15px 10px 15px 10px;
 font-size: 24px;
 text-align: center;
}

h2#visit-link a {
 padding: 10px;
 font-size: 18px; 
 font-weight: bold;
 color: #003366;
 text-decoration: underline;
}

h2#visit-link-small a {
 padding: 10px;
 font-size: 16px; 
 font-weight: bold;
 color: #003366;
 text-decoration: underline;
}

p {
 margin: 0;
 padding: 10px;
 clear: both;
}

img {
 border: 0;
}

img.icons {
 vertical-align: middle;
}

table {
 margin: 14px 10px 10px 10px;
 width: 800px;
 border-collapse: collapse;
}

tr {
 height: 30px;
}

td {
 padding: 6px 11px 6px 4px;
 border-left: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
 white-space: nowrap;
}

td.pick-top {
 border-top: 4px solid #003366;
 border-right: 4px solid #003366;
 border-bottom: 1px solid #FFFFCC; 
 border-left: 4px solid #003366;
 font-weight: bold;
 background: url(images/top-pick.gif) no-repeat #FFFFCC;
}

td.pick-bottom {
 border-top: 1px solid #FFFFCC; 
 border-right: 4px solid #003366;
 border-bottom: 4px solid #003366;
 border-left: 4px solid #003366;
 font-weight: bold;
 background: #FFFFCC;
}

td.top-product {
 padding: 4px 10px 4px 10px;
 border-top: 0; 
 border-right: 4px solid #003366;
 border-bottom: 1px solid #FFFFCC; 
 border-left: 4px solid #003366; 
 font-weight: bold;
 background: #FFFFCC;
}

td.top-row {
 padding: 4px 10px 4px 10px;
 color: #FFF;
 font-weight: bold;
 background: #003366;
}

td.first {
 padding: 4px 10px 4px 10px;
 color: #333;
 font-weight: bold;
}

td.best {
 font-weight: bold;
 border-right: 4px solid #003366;
 border-left: 4px solid #003366;
 border-bottom: 1px solid #FFFFCC;
 background-color: #FFFFCC;
}

tr.row-a {
 background: #F8F8F8;
}

tr.row-b {
 background: #EFEFEF;		
}


#top { 
 posistion: relative;
 margin: 0 auto;
 margin-top: 20px;
 width: 880px;
 height: 1%;
 padding: 0 10px 0 10px;
}

#header {
 margin: 0;
 padding-top: 10px;
 width: 880px;
 height: 110px;
 background: transparent; 
}

#header h1 {
 float: left;
 margin: 0;
 padding: 10px 10px 0 174px;
 font-size: 30px;
 color: #000;
 clear: both; 
}

#tagline {
 margin: 0;
 padding-left: 174px;
 height: 1%;
 font-size: 14px;
 font-weight: bold;
 color: #000;
 clear: both; 
}

#logo {
 display: inline;
 float: left;
 margin-left: 16px;
 padding-bottom: 10px;
 width: 600px;
 height: 90px;
 background: url(images/logo.gif) no-repeat; /* logo image */
}

#wrapper { 
 posistion: relative;
 margin: 0 auto;
 margin-bottom: 10px;
 width: 880px;
 height: 1%;
 padding: 0 10px 0 10px;
}

#content {
 float: left;
 margin: 0;
 padding: 10px;
 width: 852px;
 height: auto;
 color: #333;
 border: 4px solid #003366;
 background: #FFF;
}

p.button {
 padding: 20px 10px 20px 10px;
 text-align: center;
}

#resource-box {
 margin: 20px auto;
 padding-bottom: 6px;
 width: 430px;
 background: #FFF;
 border: 4px solid #003366;
}

#resource-title {
 padding: 10px;
 font-size: 18px;
 font-weight: bold;
 color: #333;
 text-align: center;
 border-bottom: 0px solid #CCC;
 background: #FFF;
}

ul#resource-list {
 padding: 0;
 list-style-type: none;
 text-align: center;
}

a.resource-link {
 display: block;
 padding: 6px;
 border-top: 0px solid #FFF;
 border-bottom: 0px solid #CCC;
 color: #333;
 background: #FFF;
}

* html ul#resource-list li {
 display: inline;
 height: 1%;
}

#footer { 
 clear: both;
 margin: 0;
 padding: 12px 12px 12px 20px;
 width: auto;
 height: 1%;
 color: #FFF;
 text-align: center;
 border-top: 6px solid #336699; /* top border footer color */
 background: #003366; /* footer color */
}

#footer a {
 color: #FFF;
}