/* css browser reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%; font-family:"Trebuchet MS", Verdana,Arial, Helvetica, sans-serif; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color:#000000;background:#ffffff;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/** general layout **/
body {background:#f1f1f1;  font-size:13px;}
#wrapper {background:url(images/fill.png) repeat-y #ffffff; width:820px; margin:0px auto 0px auto;}
#logo {background:url(images/header.png); width:820px; height:82px;}
#navigation {background:url(images/nav-bar.png); width:820px; height:26px;}
#branding {background:url(images/branding.png); width:820px; height:212px; margin-bottom:15px;}
#container {background-color:#ffffff;}
#footer {background:url(images/footer.png); width:820px; height:57px; clear:both;}


/** content column layout **/
/*left-clm*/
#left-clm{width:185px; float:left; margin-left:24px; padding-bottom:13px; }
.top-middle{background:url(images/left-reviews.png) no-repeat; height:28px; color:#ffffff; letter-spacing:-.05em;}
.left-middle{border:1px solid #cccccc; margin-bottom:13px; }



/*right-clm*/
#right-clm{width:535px; float:left; margin-left:4px; padding:0 30px; }

/* Begin Comments*/
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li {margin-right: -5px; margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {margin: 0; display: block;}

/** hr tags **/
.hrline{background:url(images/hr.png) no-repeat; width:508px; height:9px; border:none; margin:15px 0 15px 0;}

/** h tags **/
h1{font-size:20px; margin:10px 0 5px 0;  font-weight:bold;}
h1#intro{font-size:20px; margin:10px 0 5px 0; color:#F00; text-align:center; line-height:35px;font-weight:bold;}
#left-clm h1{border-bottom:none; font-weight:normal; font-size:10px; font-weight:bold; font-style:normal;}
#left-clm .top-middle h1{padding-top:5px; }
h2{font-size:17px; padding:5px 0 5px 0; color:#1e61a6;}
h3{font-size:14px; font-weight:bold; margin:10px 0;}
#left-clm h1{font-size:16px; padding-left:7px;}
#right-clm h2{clear:right; padding-top:10px;}
#right-clm h3{float:left;}

/** p tags **/
p {padding:5px 0 5px 0; line-height:19px;}
#left-clm p{font-size:11px; line-height:14px;}
p.fivestars{background:url(images/5stars.png) no-repeat right; vertical-align:middle; padding:0 92px 5px 0; height:14px}
p.fourhalfstars{background:url(images/4halfstars.png) no-repeat right; vertical-align:middle; padding:0 92px 5px 0; height:14px}

/*form tags*/
form#email_form{margin-left:45px;}
form#email_form input{width:80%;}
form#email_form input#submit{width:100px; display:block;}
form#email_form label{display:block; font-size:14px; margin-bottom:3px;}
form#email_form textarea{width:90%; height:100px; margin-bottom:10px;}

/** img tags **/
img { border:none;}
.left-middle img{margin:0 0 10px 10px;}
#right-clm img{float:left;padding:10px;}

/** list tags **/
ul li {display:inline; }
ul li a {text-decoration:none; border:none;}
ul li a.last {border-right:none;}
ul li a:hover {color:#000000;}
#left-clm ul{padding:10px;}
#left-clm #review-list ul{padding:0px;}
#right-clm ul {margin:15px;}
#left-clm ul li { background:url(images/check.png) no-repeat;display:block; padding-left:15px; line-height:18px; font-size:12px;}
#right-clm ul li {display:block; line-height:22px; font-size:14px;}
#review-list ul li {background-image:none;}
#review-list ul li.graybg {background-color:#f1f1f1; margin:0}
#criteria-list{margin-left:40px;}
#criteria-list ul {float:left; font-weight:bold; margin:10px 15px;}

#footer ul {padding:5px 0 0 355px;}

/** a tags **/
a:visited {color:#0000ff}
#left-clm .left-middle ul li a {margin:2px 0 2px 0; font-size:11px; color:#0000ff; line-height:18px; vertical-align:middle;}

#left-clm a:hover {text-decoration:underline; color:#006633;}
#left-clm #review-list a:hover {text-decoration:underline; color:#006633; padding-left:2px;}

#right-clm a {text-decoration:underline; font-weight:bold; color:#57b4f5; line-height:10px;}
#right-clm a:hover {text-decoration:underline; color:#006633;}

/** iframe **/
iframe {height:1100px; width:100%;}

/** criteria **/
div#criteria {}

/* sponsor results */
div#sponsors{border:1px solid #aaddfc; padding:15px; width:500px; margin-left:145px; height:100px; margin-bottom:15px;}
div#sponsors h1{text-align:right; font-size:12px; line-height:12px; color:#666; margin-bottom:10px;}
div#sponsors ul{text-align:center; list-style:none; width:200px; float:left; margin:0 25px;}
div#sponsors ul li.text{font-size:10px; line-height:13px; margin-bottom:5px;}
div#sponsors ul li.website{font-size:10px; color:#025b19; text-decoration:underline; margin-bottom:15px;}

/** general classes **/
.red{color:#ff0000;}
.blue{color:#2164a9;}
.graybg{background-color:#cccccc;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.clear-left{clear:left;}
.underline{text-decoration:underline;}
.spacer{line-height:40px;}
.bgyellow{background:#FF0;}
.float-left {float:left;}
small{font-size:9px;}