body, h1, h2, h3, h4, h5, h6, form, ul, ol, li, p { margin: 0; padding: 0; }

body { font-family: Arial, Helvetica, sans-serif; text-align: center; color: #3B3B3B; padding: 0 0 20px 0; background: url(/img/bg.jpg); }

h1 { font-size: 16px; color: #008AA3; margin: 10px; }
h2 { font-size: 14px; color: #008AA3; margin: 10px; }
h3 { font-size: 12px; color: #008AA3; margin: 10px; }
p { font-size: 14px; margin: 0 10px 10px 10px; }
label { font-size: 12px; font-weight: bold; }
label.chk { font-size: 12px; font-weight: normal; }

a { color: #008AA3; }

img { display: block; }

#outer { width: 742px; background-color: #008AA3; margin: 15px auto 0 auto; padding: 10px 10px 10px 10px; } 
#container { background-color: #ffffff; text-align: left; margin: 0 auto; background: url(/img/main_bg.gif) 0 0 no-repeat; } 

#header_h1 { display: block; margin: 0; height: 42px; font-size: 11px; text-indent: -100em; color: #ffffff; background: url(/img/header_h1.gif) 0 0 no-repeat; }
#header_h2 { display: block; margin: 0; height: 30px; font-size: 11px; text-indent: -100em; color: #ffffff; background: url(/img/header_h2.gif) 0 0 no-repeat; }

#timeline { width: 742px; height: 158px; background-color: #e0e0e0; clear: both; }
#timeline h2 { padding: 15px 15px 0 15px; margin: 0; }
#timeline p { padding: 10px 15px 0 15px; margin: 0; }

#quoteticker { background-color: #008AA3; width: 742px; height: 30px; margin: 2px 0 0 0; text-align: left; }
#quoteticker p { margin: 0 0; line-height: 20px; }

#quickshop { width: 162px; float: left; }
h1.hi, #quickshop h1.hi { color: #008A5C; }
#quickshop ul { list-style-type: none; border-top: dashed 1px #008AA3; margin: 10px; }
#quickshop ul li { font-size: 11px; border-bottom: dashed 1px #008AA3; padding: 0 0; }
#quickshop ul li a { font-size: 11px; color: #3B3B3B; text-decoration: none; display: block; width: 100%; padding: 7px 0; background: url(/img/buy_qs.gif) 100px bottom no-repeat; }
#quickshop ul li span { font-size: 14px; font-weight: bold; display: block; }
#quickshop ul li span.qsoffer { font-size: 12px; font-weight: bold; display: block; color: #ff0000; }

#quickshop form h2 { font-size: 12px; margin: 5px 10px 0 10px; }
#quickshop form p, #quickshop form input, #quickshop form label { font-size: 11px; }
#quickshop form p { margin: 2px 10px 0 10px; }

#confirmshop { list-style-type: none; border-top: dashed 1px #008AA3; margin: 10px 0 10px 10px; }
#confirmshop li { font-size: 11px; border-bottom: dashed 1px #008AA3; padding: 0 0; }
#confirmshop li a { font-size: 11px; color: #3B3B3B; text-decoration: none; display: block; width: 100%; padding: 7px 0; }
#confirmshop li span { font-size: 14px; font-weight: bold; display: block; }
#confirmshop li span.qsoffer { font-size: 12px; font-weight: bold; display: block; color: #ff0000; }

#orderprogress { width: 162px; float: left; }
#orderprogress ul { list-style-type: none; margin: 10px 0; }
#orderprogress ul li { font-size: 12px; padding: 7px 10px; }
#orderprogress ul li#current { background-color: #C6E9E6; font-weight: bold; }

#bodycontent { width: 580px; float: right; }

#clr { width: 742px; clear: both; height: 10px; overflow: hidden; }

#nav { background-color: #C2E8E4; line-height: 28px; width: 580px; margin: 0 0 0 9px; }
#nav li { display: inline; font-size: 12px; }
#nav li a { text-decoration: none; color: #008AA3; background-color: #C2E8E4; font-weight: bold; display: block; float: left; }
#nav li a:hover { text-decoration: none; color: #008AA3; background-color: #ffffff; font-weight: bold; }
#nav li a span { display: block; padding: 0 7px; background: url(/img/dash.gif) left center no-repeat; }
#nav .lft a span { background: none; }

p#telorders { font-size: 12px; }
p#telorders span { font-weight: normal; font-size: 14px; }
p#telorders #altnums { color: #008A5C; font-size: 12px; }

#home #bodycontent p { margin: 0 164px 10px 10px; }
#home #bodycontent p#telorders { display: inline; width: 134px; margin: 0 10px 10px 0; float: right; clear: right; }

#home #bodycontent h1 { width: 400px; }

#shoplink img { float: right; display: inline; margin: 14px 12px 10px 0; border: none; }
#shopbutton img { float: right; display: inline; margin: 0 2px 10px 0; border: none; }

#webcamlink img { clear: right; float: right; display: inline; margin: 14px 12px 10px 0; border: none; }
#videolink img { clear: right; float: right; display: inline; margin: 0 12px 10px 0; border: none; }

#boxouts { clear: both; margin: 10px 10px 0 10px; }
#boxouts div { width: 132px; height: 242px; margin: 10px 0 0 10px; background-color: #ffffff; float: left; display: inline; }
#boxouts .lft { margin: 10px 0 10px 0; }
#boxouts div h2 { font-size: 12px; margin: 0 6px; }
#boxouts div img { margin: 6px 6px 3px 6px; }
#home #bodycontent #boxouts div p { font-size: 11px; margin: 3px 6px 6px 6px; }

#gallerythumbs { clear: both; margin: 10px 10px 0 0; }
#gallerythumbs div { width: 132px; height: 200px; margin: 10px 0 0 10px; background-color: #ffffff; float: left; display: inline; }
#gallerythumbs .lft { margin: 10px 0 10px 0; }
#gallerythumbs div img { margin: 6px 6px 3px 6px; border: none; }
#gallerythumbs div p { font-size: 11px; margin: 3px 6px 6px 6px; }

#viewer { width: 500px; margin: 20px auto; text-align: center; }
#viewer img { display: inline; }
#viewer p { margin: 5px 0 0 0; }

#twocol #col1 { float: left; display: inline; width: 426px; margin: 0 0 0 10px; }
#twocol #col2 { float: right; display: inline; width: 134px; margin: 0 10px 0 0; }

#news #col1 { float: left; display: inline; width: 416px; margin: 0 0 0 0; }
#news #col2 { float: right; display: inline; width: 144px; margin: 0 0 0 0; }
#news #col2 h1 { margin-left: 0; }
#news #col2 ul { margin: 0 15px 0 15px; list-style-type: square; }
#news #col2 ul li { font-size: 12px; }
#news #bodycontent p#telorders { display: inline; width: 134px; margin: 10px 10px 10px 0; float: right; clear: right; }
#news #shopbutton img { margin: 0; float: none; border: none; }

#employment #col1 { float: left; display: inline; width: 416px; margin: 0 0 0 0; }
#employment #col1 img { display: inline; }
#employment #col1 h2 { margin-top: 0; }
#employment #col2 { float: right; display: inline; width: 144px; margin: 0 0 0 0; }
#employment #col2 h1 { margin-left: 0; }
#employment #col2 ul { margin: 0 15px 0 15px; list-style-type: square; }
#employment #col2 ul li { font-size: 12px; }

#orderprocess #col1 { float: left; display: inline; width: 406px; margin: 0 0 0 10px; }
#orderprocess #col2 { float: right; display: inline; width: 144px; margin: 0 10px 0 0; }

#orderprocess #col1 h1 { margin: 10px 10px 10px 0; }

#info #col1 { float: left; display: inline; margin: 0 0 0 10px; }
#info #col1 h2 { margin: 0 10px 10px 0; }
#info #col1 p { margin: 0 10px 10px 0; }

#orderprocess #col1 h1 { margin: 10px 10px 10px 0; }

#threecol #col1 { float: left; display: inline; width: 213px; margin: 0 0 0 10px; }
#threecol #col1 img { margin: 0 10px 0 0; display: block; }
#threecol #col2 { float: left; display: inline; width: 213px; margin: 0 0 0 0; }
#threecol #col2 img { float: left; display: inline; margin: 0 10px 10px 0; }
#threecol #col2 img.r { float: left; display: inline; margin: 0 0 10px 0; }
#threecol #col3 { float: right; display: inline; width: 134px; margin: 0 10px 0 0; }
#threecol #col3 #telorders { margin-left: 0;  }

.formboxout { background-color: #ffffff; border: solid 1px #008AA3; margin: 0 0 10px 0; }
.formboxout p { font-size: 12px; }
.formboxout form, .formboxout div { padding: 0 0 10px 0; }
.formboxout label { float: left; clear: left; width: 90px; line-height: 22px; }
.formboxout input.chk { width: 13px; height: 13px; margin: 0 3px 0 0; padding: 0; vertical-align: middle; }
.formboxout label.chk { float: none; clear: left; width: auto; }
.formboxout form p, .formboxout div p { margin: 0 10px 2px 10px; }

.noshow { visibility: hidden; }
.error { font-weight: bold; color: #cc0000; }
.success { font-weight: bold; color: #008A5C; }

.address { }
.address p { font-size: 11px; }
.address h3 { font-size: 12px; color: #008AA3; margin: 0 10px; }
.action { font-weight: bold; font-size: 16px; margin-top: 10px; font-family: Arial, Helvetica, sans-serif; }

#cart { border: solid 1px #008AA3; background-color: #ffffff; width: 406px; margin: 0 0 10px 0; border-collapse: collapse; }
#cart th, #cart td { border: solid 1px #008AA3; font-size: 11px; text-align: left; padding: 10px; vertical-align: top; }

#photoviewer { position: absolute; top: 0; left: 0; display: none; background: url(/img/arrow_bl.gif) bottom left no-repeat; z-index: 9999; }
#photoloader { background: url(../img/loading.gif) center center no-repeat; background-color: #ffffff; margin-bottom: 25px; margin-left: 25px; border: solid 2px #008AA3; }
#photo { display: block; }

#thumbs li { list-style: none; display: inline; margin: 10px 0 0 10px; float: left; width: 270px; height: 120px; background-position: 0 0; background-repeat: no-repeat; font-size: 13px; }
#thumbs li img { border: none; float: left; margin: 0 10px 0 0; }
#thumbs li a { text-decoration: none; font-weight: bold; font-size: 14px; color: #008AA3; }
#thumbs li p { padding: 5px 0 8px 0; margin: 0; color: #000000; font-size: 11px; font-weight: normal; }
#thumbs li a span.offer { color: #ff0000; padding: 0 0 0 0; font-weight: bold; font-size: 12px; }
#thumbs li a img { vertical-align: middle; }
#thumbs li a span.sprice { color: #000000; padding: 0 0 0 0; margin: 0; font-weight: bold; font-size: 11px; display: block; float: left; }


#headlines { margin-bottom: 10px; }
#headlines li { list-style: none; margin: 10px 10px 0 10px; background-position: 0 0; background-repeat: no-repeat; font-size: 13px; }
#headlines li a { text-decoration: none; display: block; font-weight: bold; font-size: 14px; padding: 0 20px 0 130px; height: 118px; color: #008AA3; }
#headlines li a span { display: block; padding: 5px 0 0 0; margin: 0; color: #000000; font-size: 12px; font-weight: normal; }
#headlines li a span.offer { color: #ff0000; padding: 0 0 0 0; font-weight: bold; font-size: 12px; }

.newsimage { float: right; clear: right; display: inline; margin: 0 10px 10px 15px; border: solid 1px #008AA3; width: 250px; }
.newsimage p { margin: 0; padding: 5px; background-color: #008AA3; color: #ffffff; font-size: 11px; } 

.productimage { margin: 0 10px 10px 10px; display: inline; border: none; float: left; }

.cartoffer { font-weight: bold; color: #ff0000; }

#calendar table { border: solid 1px #008AA3; border-collapse: collapse; }

#calendar table th { border: solid 1px #008AA3; font-size: 11px; padding: 4px 7px 3px 6px; }
#calendar table th.monthname { border: none; background-color: #008AA3; color: #ffffff; font-size: 14px; text-align: center; vertical-align: middle; }
#calendar table th.monthname a { font-size: 12px; text-decoration: none; color: #FFE1B3; }

#calendar table td { background-color: #e0e0e0; border: solid 1px #008AA3; text-align: center; vertical-align: middle; font-size: 14px; font-weight: bold; padding: 0; }
#calendar table td a { background-color: #ffffff; cursor: default; padding: 0; display: block; width: 39px; height: 39px; line-height: 39px; } 
#calendar table td a.blnk { background-color: #e0e0e0; cursor: default; } 

.req { vertical-align: middle; color: #FF4E00; font-size: 15px; font-weight: bold; }
.aname { color: #008A5C; }
.edit { font-size: 11px; }

#docs { float: right; clear: right; display: inline; margin: 0 10px 10px 15px; width: 250px; }

.stdlist { margin: 0 0 0 30px; }
.stdlist a { text-decoration: none; font-weight: bold; font-size: 14px; color: #008AA3; }

#reminderlist { border-collapse: collapse; border: solid 1px #999999; margin: 0 0 0 10px; width: 380px; }
#reminderlist th { border: solid 1px #999999; font-size: 12px; padding: 2px 4px; }
#reminderlist td { border: solid 1px #999999; font-size: 12px; padding: 2px 4px; }

.fllist { list-style: none; margin: 0 20px 0 10px; }
.fllist li { font-size: 14px; background: url(/img/li.gif) 0 2px no-repeat; margin: 0 0 5px 0; padding: 0 0 0 25px; }
.fllist a { text-decoration: none; font-weight: bold; font-size: 14px; color: #008AA3; }

.time { color: #008AA3; font-weight: bold; }
.fl { float: left; margin: 10px 10px 10px 0; }
.fr { float: right; margin: 10px 0 10px 10px; }

.article img { clear: left; float: left; margin: 0 10px 10px 10px; display: inline; }

#credit { width: 748px; text-align: right; margin: 5px auto; font-size: 10px; }

#home #bodycontent p#camrefresh { width: 390px; font-size: 12px; background-color: #000000; color: #ffffff; margin: 0 0 15px 10px; padding: 5px 10px; }
#home #bodycontent p#camrefresh span { font-weight: bold; }

#webcamimg { margin: 0 0 0 10px; }

.clr { clear: both; height: 1px; overflow: hidden; }