* { 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: left;

}



h2 {

 margin: 0;

 padding: 15px 10px 15px 10px;

 text-align: left;

}



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

 font-weight: bold;

 color: #003366;

 text-decoration: underline;

}



p {

 margin: 0;

 padding-left:10px;

/* width:750px;

*/

}



ul{

margin:0px;

padding:0px;

padding-left:50px;

height:auto;

clear:both;





}



li{

margin:0px;

padding:0px;

padding-left:10px;



}



img {

 border: 0;

}



img.icons {

 vertical-align: middle;

}






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-left: 4px solid #003366;

*/ border-bottom: 1px solid #FFFFCC; 

 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;		

}





#main{

width:880px;

height:auto;

margin:auto;

margin-right:auto;

margin-left:auto;



}





#main2{

width:880px;

height:auto;

margin:auto;

margin-right:auto;

margin-left:auto;



}



#top { 

 margin-top: 20px;

 width: 880px;

 height: auto;

 float:left;





}



#header {

 margin: 0;

 padding-top: 20px;

 width: 880px;

 background: transparent;

 float:left;

 position:relative;

}



#header h1 {

 margin: 0;

 padding: 10px 20px 0 250px;

 /*font-size: 30px;

 color: #000;*/



}



#wrapper {

 margin: 0;

 padding:0;

 padding-top: 10px;

 padding-bottom:10px;

 width: 880px;

 

}



#content {

 margin: 0;

  padding-top: 25px;

 padding-left:25px; 

 padding-right:25px;

 padding-bottom:10px;



 

}





#content_cols {

 padding-left:25px;

 padding-right:25px;

}

#tagline {

 margin: 0;

 padding-top:17px;

 padding-left: 250px;

 padding-bottom:20px;

/* height: 1%;

 font-size: 14px;

 font-weight: bold;

 color: #000;*/



}



#logo {

  margin-left: 16px;

 padding-bottom: 10px;

width:auto;

 





 /* height: 90px;

 background: url(images/logo.gif) no-repeat; logo image */

}



p.button {

margin:20px;

 padding: 20px 10px 20px 10px;

 text-align: center;

 background-image:url(images/rec_midle.gif);

 background-repeat: repeat-x;

 background-position:center;

 width:450px;

 margin-left:170px;

}



a.buttons {

font-family:Arial, Helvetica, sans-serif;

font-size:20px;

line-height:25px;

color:#ffffff;

font-weight:normal;

text-align:left;

text-decoration:none;

font-style:italic;

padding-left:10px;

}



#resource-box {

 margin: 20px auto;

 width: 430px;

 height:210px;

/* padding-bottom: 6px;

 background: #FFF;

 border: 4px solid #003366;

*/}



#resource-title {

 padding: 10px;

 font-size: 18px;

 font-weight: bold;

 color: #333;

 text-align: center;

/* 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;

}



/*-------------------------------------------------------------*/

font.normal{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

font-weight:normal;

color:#000000;

text-align:left;

text-decoration:none;

}

font.smalltext{

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

font-weight:normal;

color:#cccccc;

text-align:left;

text-decoration:none;

}

font.error{

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

font-weight:normal;

color:#ff0000;

text-align:left;

text-decoration:none;

}

.grey_dark_bg{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

line-height:25px;

color:#333333;

background-color:#efefef;

font-weight:normal;

text-align:left;

}



.grey_light_bg{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

line-height:25px;

color:#333333;

background-color:#f8f8f8;

font-weight:normal;

text-align:left;

}



.grey_light_bg_img{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

line-height:25px;

color:#333333;

background-color:#f8f8f8;

font-weight:normal;

text-align:center;

}



a.text_link {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

line-height:25px;

color:#333333;

font-weight:normal;

text-align:left;

text-decoration:none;

padding-left:10px;

}



a.tilte_top_text {

 padding: 4px 10px 4px 10px;

 color: #000000;

 font-weight: bold;

 text-decoration:none;

}

a.tilte_link_text {

 padding: 4px 10px 4px 10px;

 color: #FFFFFF;

 font-weight: bold;

 text-decoration:none;

}