@charset "utf-8";

@import "reset.css";

/* Name That Note Card Layout */

/* Colors
Light Yellow: FCFFCA
Gold: C29B20
Brown: 3F120D
Tan: E1CB78
Green: 9DA42D
Coral: E6443A  */

/* General */
body {background:#fff; color:#3F120D; font:12px/17px Verdana, Arial, san serif; text-align:center;}
p {margin:0 0 8px 0;}
ul, ol  {margin:0 0 8px 16px;}
h1 {color:#E6443A; font:bold 20px/25px Georgia, Times, serif; margin-bottom:8px;}
h2 {color:#9DA42D; font:bold 16px/22px Georgia, Times, serif; margin-bottom:8px;}
h3 {color:#C29B20; font:bold 14px/19px Georgia, Times, serif; margin-bottom:8px;}
h4, h5, h6 {color:#3F120D; font:bold 12px/17px Georgia, Times, serif; margin-bottom:8px;}
a:link, a:visited {color:#9DA42D; text-decoration:underline;}
a:hover, a:active {color:#E6443A; text-decoration:underline;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
.sbhd {width:auto; padding:3px 5px; background:#3F120D; color:#E1CB78;}
.lft {float:left;}
.rght {float:right;}
.center {text-align:center;}

/* Containers */
#wrap {width:902px; margin:0 auto;}
#head {clear:both; width:902px; height:324px;}
#cntnt {width:857px; background:#FCFFCA; color:#3F120D; text-align:left; margin:0 auto; padding:10px;}
.smclm {width:200px; float:left; text-align:center;}
.lgclm {width:620px; float:right;}
.medclm {width:300px;}
#nav {width:857px; margin:0 auto; background:#E1CB78;}
#foot {width:857px; clear:both; background:#3F120D; color:#FCFFCA; font:10px/14px Verdana, Arial, san serif; margin:10px auto 0 auto; padding:8px 10px 1px 10px;}

/* Navigation */
ul#nav {list-style:none outside none; margin-bottom:10px;}
ul#nav li {float:left; border-right:1px solid #3F120D; font-weight:bold;}
ul#nav li:last {border-right:0;}
ul#nav li a:link, ul#nav li a:visited {display:block; font:13px/13px Georgia, Times, serif; color:#3F120D; text-decoration:none; padding:5px 8px;}
ul#nav li a:hover, ul#nav li a:active {display:block; font:13px/13px Georgia, Times, serif; color:#FCFFCA; text-decoration:none; padding:5px 8px; background:#E6443A;}
ul#nav li.current {display:block; padding:5px 8px; font:bold 13px/13px Georgia, Times, serif; color:#FCFFCA; background:#3F120D;}

/* Product Table */
table.products {border-top:1px solid #E1CB78; border-right:1px solid #E1CB78; margin:0 0 10px 0;}
table.products tr td img {margin:5px auto;}
table.products tr td {padding:7px; border-bottom:1px solid #E1CB78; border-left:1px solid #E1CB78;}
table.products tr td table tr td {border:0; padding:2px;}

/*-- clear floats without structural markup --*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:block;}
/* hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* end hide from IE-mac */