/*  BASIC HTML TAGS */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; background: #FFF; color: #333; margin: 0; padding: 0; text-align: center;}
h1 {font-size: 1.6em; font-weight: normal;}
h2 {font-size: 1.2em; font-weight: normal;}
h3 {font-size: 1.1em; font-weight: normal; font-style: italic;}
table {border-collapse: collapse; empty-cells: show;}
th, td {border: 1px solid #999;}
table.noborder td, table.noborder th {border: none;}
th {background: #5C73B8; color: #EEE;}
a:hover {color: #5C73B8; background: #FAFAFF;}
img {border: none;}
img.floatright {float: right; margin: 0 0 10px 10px; border: 1px solid #000;}
.alignright {text-align: right;}
.small {font-size: .8em;}
.attention {font-weight: bold; color: #FF6600;}
.usertable td, .usertable th {font-size: .8em;}
.usertable th a {color: #FFF;}
.usertable th a:hover {color: #5C73B8; background: #EEE;}
.myprofile {float: right; font-size: .8em;}

/* MEMBER RESOURCES */
.resource {margin: 0 20px 2em 20px;}
h2.resource_category {padding-bottom: 3px; border-bottom: 1px solid #999;}

/* TOP BANNER */
#banner {height: 100px; width: 100%; margin: 0; padding: 0px; text-align: left; background-color: #80CAF1;}
#banner img.left {float:left;}
#banner img.right {float: right;}
#banner p {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 2em; color: #405081; font-style: italic; margin: 0 30px 0 150px; padding: .3em 0;}

/* FRONT PAGE */
#news {border: 1px dotted #FF9900; /*background: url(../media/img/littlemeg.jpg) top left no-repeat*/; margin: 0 0 1em 0; padding: 0 10px 10px 110px;}
#news p {font-size: .9em;}
#frontpage {position: relative; width:800px; text-align: center; margin-bottom: 15px; border: 1px solid #999;}
#frontpage h2 a, #frontpage h2 a:visited {color: #FFF; text-decoration: none;}
#frontpage h2 a:hover {background: none; color: #EEE;}
#frontpage img.bullet {vertical-align: middle; float: left; margin: 3px 5px;}
#frontpage #left {float: left; width: 399px; border-right: 1px solid #999;}
#frontpage #right {float: right; width: 400px;}
#frontpage #left .leftside, #frontpage #right .leftside {text-align: left; float: left; width: 200px; border-right: 1px solid #999; height: 300px;}
#frontpage #left .leftside {border-left: 1px solid #999;}
#frontpage #left .rightside, #frontpage #right .rightside {text-align: left; margin-left: 202px; width: 196px; height: 300px;}
#frontpage #right .rightside {border-right: 1px solid #999;}
#frontpage h2 {margin: 0; padding-top: 2px; background-color: #405081; color: #FFF; font-size: 1em; height: 1.2em;}
#frontpage p {margin: 10px; font-size: .8em;}
p.bottom {vertical-align: bottom;}
#frontpage td, #frontpage th {text-align: left; width: 25%; vertical-align: top; border: none; border-left: 1px solid #999; border-right: 1px solid #999;}
#frontpage th  {margin: 0; padding-top: 2px; background-color: #405081; color: #FFF; font-weight: normal; font-size: 1em; height: 1.2em;}
#frontpage th a, #frontpage th a:visited {color: #FFF; text-decoration: none;}
#frontpage th a:hover {background: none; color: #EEE;}

/* MAIN NAVIGATION */
#mainlinks {clear: both; margin: 0; border-top: 1px solid #000; background: #5C73B8; border-bottom: 1px solid #000; padding: 0; text-align: left;}
#mainlinks ul {list-style: none; margin: 0; padding: 0;}
#mainlinks ul li {display: inline; padding: 0 10px; border-right: 1px solid #999;}
#mainlinks ul li a, #mainlinks ul li a:visited {text-decoration: none; color: #FFF}
#mainlinks ul li a:hover {color: #EEE; background: none;}
#mainlinks ul li.last, #pagebottom ul li.last {border: none;}

/* BOTTOM OF PAGE */
#pagebottom {clear: both; margin: 0; border-top: 1px solid #999; border-bottom: 1px solid #999; background: #FAFAFF;}
#pagebottom ul {list-style: none; margin: 0 0 .5em 0; padding: 0;}
#pagebottom ul li {display: inline; padding: 0 10px; border-right: 1px solid #999;}
#pagebottom p, #pagebottom li {font-size: .8em;}
#pagebottom p {margin: .5em 0 0 0;}

/* CONTENT AREA */
#content {margin: 10px auto; width: 800px; text-align: left;}
.warning {color: red; font-weight: bold;}
#admincontent {text-align: left; margin: 10px;}

/* INDEX PAGE */
#latestnews {float: right; width: 250px; border: 1px dotted #999; background: #FAFAFF; margin: 1em 0 10px 10px; padding: 5px 10px 5px;}
#latestnews h3 {margin-top: 0; font-weight: normal;}
#latestnews ul {margin: 0; padding: 0; list-style: none;}
#latestnews ul li {margin-bottom: .75em; margin-left: .5em;}

/*  NAVIGATION */
#topnav {text-align: left; clear: both; margin: 0; border-bottom: 1px solid #999; background: #FAFAFF;}
#topnav p {text-align: left; margin: .25em 15px; font-size: .8em; }

/* ADMIN */
.pageform table {border-collapse: collapse; width: 100%;}
.pageform table td {border: 1px solid #999; vertical-align: top;}
.pageform table td.left {width:200px; text-align: right; }
.pageform img {margin: 2px;}

/* PRODUCTS */
#products img {float: right; margin: 0 10px; border: 1px solid #000;}
#products h2 {border-top: 1px solid #999; margin-top: 1.5em; padding-top: .75em;}
#products p {margin: 0;}
#products ul {margin: .5em 0 1em 0;}
#products ul li {font-size: .8em;}
#products form {display: inline;}
p.shopcart {float: right; font-size: .8em; vertical-align:middle;}
p.shopcart img {vertical-align: middle;}
p.shopcart a, p.shopcart a:visited {text-decoration: none; color: #0000FF;}
p.shopcart a:hover {color: #FF9900; background: #EEE;}
p.shopintro {margin-right: 100px;}
h2.product_category {padding-bottom: 3px; border-bottom: 1px solid #999;}