* { 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 250px;

 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: 880px;

 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;

}