﻿/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#c9c9c9; color:#000000; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }


/* ----- IDS ----- */
#container { width:900px; margin:0 auto; text-align:left; font-size:120%; } 
#container #pageTop { width:900px; height:20px; background:url(../images/pageBgTop.gif) no-repeat;}
#container #pageBody { width:883px; padding-left:17px; background:url(../images/pageBgBody.gif) repeat-y;}
#container #pageBody #header { position:relative; width:866px; height:125px; background:#eeeeee; margin-bottom:6px;}
#container #pageBody #header #logo { position:absolute; top:6px; left:10px;}
#container #pageBody #header #tel { position:absolute; top:62px; right:10px;}
#container #pageBody #header #email { position:absolute; top:82px; right:10px;}
#container #pageBody #header #textSize { position:absolute; top:102px; right:10px; color:#018341;}
#container #pageBody #header #textSize a { color:#018341; text-decoration:none;}
#container #pageBody #header #textSize a:hover { text-decoration:underline;}
#container #pageBody #contentContainer { width:866px; margin-bottom:6px;}
#container #pageBody #contentContainer #leftCol { float:left; width:200px;}
#container #pageBody #contentContainer #leftCol #joinBox { width:200px; margin-bottom:10px;}
#container #pageBody #contentContainer #leftCol #joinBox .title { width:180px; height:28px; padding:0 10px; background:url(../images/titleBg.gif) top left repeat-x; color:#FFFFFF; font-weight:bold; line-height:28px; margin-bottom:6px;}
#container #pageBody #contentContainer #leftCol #joinBox .boxImage { margin-bottom:6px;}
#container #pageBody #contentContainer #leftCol #joinBox .content { width:180px; background:#eeeeee; padding:10px;}
#container #pageBody #contentContainer #leftCol #joinBox .content p { padding:0; line-height:18px;}
#container #pageBody #contentContainer #leftCol #joinBox a { float:right; color:#018341; text-decoration:none;margin-top:5px;}
#container #pageBody #contentContainer #leftCol #joinBox a:hover { text-decoration:underline;}
#container #pageBody #contentContainer #leftCol #newsBox { width:200px; margin-bottom:10px;}
#container #pageBody #contentContainer #leftCol #newsBox .title { width:180px; height:28px; padding:0 10px; background:url(../images/titleBg.gif) top left repeat-x; color:#FFFFFF; font-weight:bold; line-height:28px; margin-bottom:6px;}
#container #pageBody #contentContainer #leftCol #newsBox .boxImage { margin-bottom:6px;}
#container #pageBody #contentContainer #leftCol #newsBox .content { width:180px; background:#eeeeee; padding:10px;}
#container #pageBody #contentContainer #leftCol #newsBox .content p { padding:0; line-height:18px;}
#container #pageBody #contentContainer #leftCol #newsBox a { float:right; color:#018341; text-decoration:none; margin-top:5px;}
#container #pageBody #contentContainer #leftCol #newsBox a:hover { text-decoration:underline;}
#container #pageBody #contentContainer #rightCol { float:right; width:656px;}
#container #pageBody #contentContainer #rightCol .title { color:#018341; font-size:140%; padding:5px 0 5px 0;}
#container #pageBody #contentContainer #rightCol p { padding:0 0 5px 0;}
#container #pageBody #contentContainer #rightCol a {  color:#018341; text-decoration:none;}
#container #pageBody #contentContainer #rightCol a:hover { text-decoration:underline;}
#container #pageBottom { width:900px; height:20px; background:url(../images/pageBgBottom.gif) no-repeat;}


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}


/* ----- TOP NAVIGATION ----- */
#topNav { width:866px; height:28px; background:url(../images/navBg.gif) top left repeat-x; margin-bottom:6px;}
#topNav ul { list-style:none; padding:0; margin:0;}
#topNav li { display:block; float:left; padding:0;}
#topNav li a { display:block; float:left; padding:4px 20px; color:#FFFFFF; text-decoration:none;}
#topNav li a:hover { text-decoration:underline;}
#topNav li a.first { padding:4px 21px 4px 10px;}  


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}


/* ----- FOOTER ----- */
#footer { width:846px; color:#FFFFFF; font-size:95%; background:#288939; padding:6px 10px;}
#footer a { font-weight:bold; text-decoration:none; outline:none; color:#FFFFFF;}
#footer a:hover { text-decoration:underline;}
#footer p { padding:0;}


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 20px 0; margin:0; font-size:160%; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }


/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }