body {
font:normal 12px verdana, Arial, Helvetica, sans-serif;
background:#C1C1C1;
margin:0;
padding:15px;
color:#555;
}
#container {
width:100%;  /* this will create a container 80% of the browser width */
margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
padding:0;
text-align:left;
min-width:840px;
}
#mainHead {
background:url(img/template/bkg_top.gif) #666 repeat-x;
margin:0;
padding:0;
}
#mainHead .inner {
background:url(img/template/crn_tr.gif) top right no-repeat;
height:30px;
text-align:right;
padding:20px 10px 0 0;
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#FFF;
}
#mainHead .inner a, #mainHead .inner a:visited {
color:#FFF;
text-decoration:none;
}
#mainHead .btn {
background:url(img/template/bkg_btn.jpg) bottom right no-repeat;
height:20px;
text-align:right;
padding:24px 10px 0 0;
font:bold 13px verdana, Arial, Helvetica, sans-serif;
color:#FFF;
}
#mainHead .btn a, #mainHead .btn a:visited {
color:#333;
text-decoration:none;
padding:0 40px 0 10px;
}
#mainHead .btn a:hover {
color:#C00;
}
.mainHeadon {
font-weight:bold !important;
color:#C00 !important;
}
#logo {
background:url(img/template/ohiographics.gif) no-repeat;
width:320px;
height:94px;
float:left;
}
#slogan {
background:url(img/template/bkg_slogan.jpg) repeat-x;
padding:10px 0 0 0;
margin:0;
height:36px;
}
#slogan .content {
padding:0 0 0 10px;
font:bold italic 16px Arial, Helvetica, sans-serif;
color:#FFF;
letter-spacing:3px;
}
#menu {
margin:0;
padding:0;
background:url(img/template/bkg_menu.jpg) #FFF repeat-y;
border-right:1px solid #CCC;
}
#sidebar {
float:left;
width:225px; /* since this element is floated, a width must be given */
padding:0 0 20px 0;
margin:0;
}
#sidebar p {
margin:0;
padding:10px 0 0 0;
}
#sidebarLinks {
padding:12px 12px 12px 20px;
margin:0;
line-height:18px;
}
#sidebarLinks a, #sidebarLinks a:visited {
color:#333;
text-decoration:none;
}
#sidebarLinks a:hover {
color:#C00;
}
.sidebarLinkson {
font-weight:bold !important;
color:#C00 !important;
}
#mainContent {
background:#FFF;
margin:0 0 15px 225px;
padding:10px 10px 0 20px;
}
#mainContent h1 {
font:bold 18px verdana, Arial, Helvetica, sans-serif;
color:#339;
margin:0;
}
#mainContent a, #mainContent a:visited {
color:#339;
text-decoration:none;
}
#mainContent a:hover {
color:#F00;
}
.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0;
}
#footer {
background:url(/img/template/bkg_btm.jpg) #A4A4A4 repeat-x;
height:21px;
padding:5px 0 0 10px;
font:normal 11px Arial, Helvetica, sans-serif;
color:#444;
text-align:left;
}
#footer a, #footer a:visited {
color:#339;
text-decoration:none;
}
#copyright {
margin:0;
padding:5px 0 0 10px;
font:normal 11px Arial, Helvetica, sans-serif;
color:#555;
text-align:right;
}
#related {
font:bold 16px Arial, Helvetica, sans-serif;
color:#390;
padding:5px;
margin:0 0 5px 0;
}
/*END Main Layout Style */
h2, .h2 {
font:bold 16px Arial, Helvetica, sans-serif;
color:#390;
margin:0;
}
h3, .h3 {
font:bold 13px Arial, Helvetica, sans-serif;
color:#390;
}
form {margin:0;}
form p {
margin:4px 0 4px 0;
padding:0;
}
.up {text-transform:uppercase;}
.r {	float:right;margin-left:0;}
.l {	float:left;margin-right:0;}
.dash {
border:1px;
border-bottom-style:dashed;
border-bottom-color:#CCC;
padding:0;
margin:0;
}
.textLt {
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#666;
}
.textWh {
font:normal 12px verdana, Arial, Helvetica, sans-serif;
color:#FFF;
}
.textGreen, h4 {
font:bold italic 16px Arial, Helvetica, sans-serif;
color:#390;
}
.textGreen a, .textGreen a:visited, .textBlue a, .textBlue a:visited {
text-decoration:none;
}
.textBlue {
font:bold italic 16px Arial, Helvetica, sans-serif;
color:#339;
}
.textRedL {
font:bold italic 16px Arial, Helvetica, sans-serif;
color:#C00;
}
.textRed {
font:normal 12px verdana, Arial, Helvetica, sans-serif;
color:#F00;
text-decoration:none;
}
.faqQ {
padding:3px;
margin:0;
background:#dedede;
}
.faqA {
padding:3px;
margin-bottom:5px;
}
/*cartLabel used by commerce*/
.cartLabel {
font:bold 11px verdana, Arial, Helvetica, sans-serif;
color:#333;
}
.formheader {
font:bold 12px Arial, Helvetica, sans-serif;
background:#dedede;
color:#333;
padding:3px;
}
.formheader2 {
font:bold 12px Arial, Helvetica, sans-serif;
background:#e2e2e2;
color:#333;
padding:3px;
}
label {
width:170px;
float:left;
text-align:right;
padding:0;
margin:0 2px 0 0;
display:block;
}
img {border:0;}
.picBdr {
border:1px solid #ccc;
padding:3px;
margin-right:5px;
}
.picR {
padding:3px;
float:right;
}
.picBdrR {
border:1px solid #ccc;
padding:3px;
margin:5px;
float:right;
}
.picL {
padding:2px;
margin-right:10px;
float:left;
}
.picBdrL {
border:1px solid #ccc;
padding:3px;
margin:5px;
float:left;
}
.backbtn {
float:left;
width:65px;
height:15px;
margin:0;
padding:0;
}
.nextbtn {
float:right;
width:65px;
height:15px;
margin:0;
padding:0;
}
ul {
margin:0;
padding:0;
}
ul li {
text-indent:23px;
line-height:16px;
}
.sub {
font:normal 8px Arial, Helvetica, sans-serif;
vertical-align:sub;
}
.super {
font:normal 8px Arial, Helvetica, sans-serif;
vertical-align:super;
}
#myCart {
background:#CCC;
height:20px;
padding:5px 0 0 10px;
margin:0 0 0 225px;
color:#555;
}
#homeLink {
float:left;
width:40%;
}
#homeLink a, #homeLink a:visited {
color:#C00;
text-decoration:none;
}
#homeLink a:hover {
color:#390;
}
#minicart {
float:left;width:59%;
text-align:right;
}
#minicart a, #minicart a:visited {
color:#C00;
text-decoration:none;
}
#minicart a:hover {
color:#390;
}
/* Used on the pg/upload.htm*/
#upPhoto {
margin:0;
padding:0;
float:left;
width:100%;
}
.half {
float:left;
width:44%;
margin:0 10px 0 0;
padding:0 10px 0 0;
border-right:1px solid #CCC;
}
.half ul li {
line-height:20px;
}
.halfr {
float:left;
width:54%;
margin:0;
padding:0;
}
.third {
float:left;
width:30%;
margin:0;
padding:3px;
}
.testimonials {
padding:10px;
margin:0;
}