@charset "utf-8";

/* CSS Document */

* { margin:0px; padding:0px; }

img { border-width:0px; }

body { background:#5d802c url(/images/intro_body_bg.jpg) repeat-x fixed top center; font:14px/16px Arial, Helvetica, sans-serif; color:#ffffff; }

a { color:#ffcc00; }

a:hover { color:#ffffff; }

p, ul, ol { padding-bottom:14px; }

li { padding-bottom:7px; }

h1 { color:#ffcc00; font-size:18px; line-height:22px; padding-bottom:7px; }

h2 { color:#ffffff; font-size:16px; line-height:20px; padding-bottom:7px; }

/* General Styles */

.custom .category { position:absolute; }

.custom .category a { display:block; padding:3px 0px; }

.ylw { color:#ffcc00; }

/* Site Layout */

#site { width:750px; margin:10px auto; background-color:#663366; text-align:center; }

#topNav1 { }

#topNav1 a { margin:0px 5px; line-height:38px; }

#topNav2 { background-color:#9a244d; line-height:24px; font-weight:bold; }

#topNav2 a { margin:0px 4px; line-height:22px; }

#topNav3 { background-color:#000000; }

#topNav3 a { margin:0px 5px; line-height:22px; font-size:11px; }

#pageContent { position:relative; padding:10px 4px; }

.custom #pageContent { background-color:#333333; }

.store #pageContent { background-color:#006633; }

#siteBtm { padding:10px 4px; }

/* Store Pages */
.cat_page, .page { height:auto!important; height:100px; /* Very Wierd IE6 bug, w/o a defined height, float items become invisible, still there, but invisible `BKS */ }

.cat_item { float:left; padding:20px 30px; width:125px; height:150px; }

.new_item .cat_item { display:block; height:170px; }

.new_item .cat_item a { display:block; }

.catLink { display:block; line-height:25px; height:25px; width:185px; float:left; text-align:left; text-indent:10px; }

.newCatLnk { border-left:1px solid #9a244d; border-right:1px solid #9a244d; border-top:1px solid #9a244d; border-bottom:1px solid #333333; display:block; text-decoration:none; color:white; line-height:22px; }

.newCatLnk:hover { border-color:#ffcc00; }

.callout { text-align: left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; border-top-width: 1px; border-bottom-width: 1px; border-top-color: #996; border-right-color: #996; border-bottom-color: #996; border-left-color: #996; border-top-style: solid; border-bottom-style: solid; }

.callout strong { color: #96C; }

.leftaParagraph { text-align: left; padding-right: 25px; padding-left: 25px; }