body        { text-align:center; background:#FFFFFF; 
                font-family:Arial, Helvetica, Verdana, sans-serif;}

#shell      { margin:0 auto; font-size:11px; line-height:22px; color:#626262; position:relative; text-align:left;}
.lftCol     { width: 685px; float:left;}
.rtCol      { width: 305px; float:right;}
.rtColCont  { width: 305px; float:right; background:url(../images/side-bugIcons.jpg) no-repeat; height:550px;}
#content    { background:url(../images/side-tileGrey.jpg) right repeat-y; min-height:400px;}



/* -- global styles --------------------*/
#shell, #footer, #header, #content, .doubleLine, #topNav { width:990px;}

* { margin:0; padding:0; outline:none;}

.clearAll      { clear:both; font-size:1px; line-height:1px; height:.01em;}
.clearAllRule  { clear:both; font-size:1px; background: url(../images/ico-dot-grey.gif) bottom repeat-x; height:4px; margin-bottom:4px;}
.clearAllSpace { clear:both; font-size:1px; height:4px; margin-bottom:4px;}

h1, h2, h3, h4, h5, p { font-size:12px; line-height:22px; font-weight:normal; color:#575757;}
b, a, ul, ol { font-size:12px;}

p a:link, span a:link, h4 a:link          { color:#188559; text-decoration:underline;}
p a:visited, span a:visited, h4 a:visited {color:#188559; text-decoration:underline;}
p a:hover, span a:hover, h4 a:hover       {color:#415f99; text-decoration:underline;}
p a:active , span a:active, h4 a:active   {color:#415f99; text-decoration:underline;}


ul a:link    { color:#4f648e; text-decoration:underline;}
ul a:visited { color:#4f648e; text-decoration:underline;}
ul a:hover   { color:#a18440; text-decoration:underline;}
ul a:active  { color:#a18440; text-decoration:underline;}

.floatRt {float:right;}
.floatLft {float:left;}

sup  {font-size:.7em;}



/* -- form styles ----*/
input, option, select, textarea { font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#626262; padding:1px 4px;}
textarea    {width:300px; margin:4px 0;}
select      { padding:0 !important; margin-top:4px;}
option      {}

.form         { padding:6px; background:#f6f1de; border:1px solid #eae2c3;}
.form p       { text-align:right; float:left; width:130px; padding:2px 8px !important; line-height:14px;}
.form input, .form select, .form textarea {float:left;}
.form input, .form select {width:200px; margin-bottom:4px;}
.form span    { float:left; margin:0 0 0 10px; padding:0; font-style:italic;}
.form p.col   { float:left; padding:0 0 0 144px !important; width:auto;}
.form p.col input { width:auto;}

.form .btn { width:auto; height:21px; cursor:pointer; color:#FFFFFF; line-height:14px; text-transform:uppercase; background:#123a8c; border:1px solid #b5dece; margin:4px 8px 4px 0;}
.form .btn:hover {background:#2157c7;}




/* -- header --------------------*/
#header      { height:61px; position:relative;}
#hLogo       { width:259px; height:61px; position:absolute; left:0; top:0;}

#hRight      { text-align:right; width:680px; height:40px; position:absolute; right:0; top:0;}
#hRight p    { margin:16px 5px 0 0; float:right; color:#626262; font-size:10px; letter-spacing:.01em; text-transform:uppercase;}
#hRight p a  { padding: 2px 4px;}
#hRight p span { color:#b02929;}

#hRight input.field     { width:110px; border:1px solid #c2c2c2; float:right; text-align:right; display:block; margin:18px 5px 0 0;}
#hRight input.btn       { width:26px; height:21px; cursor:pointer; background:url(../images/btn-go-off.gif) no-repeat; border:none; margin:18px 0 0 0; float:right; display:block;}
#hRight input.btn:hover { background:url(../images/btn-go-on.gif) no-repeat;}

#hRight p a:link , #hRight p a:visited  { color:#626262; text-decoration:none; background:none;}
#hRight p a:hover, #hRight p a:active   { color:#626262; text-decoration:none; background:#f8f1ca;}

#hRight p span a:link, #hRight p span a:visited { color:#b02929; text-decoration:none; background:none;}
#hRight p span a:hover,#hRight p span a:active  { color:#b02929; text-decoration:none; background:#f8f1ca;}




/* -- topnav --------------------*/
#topNav      { height:32px; background:url(../images/topNavBar.gif) 685px 0 no-repeat; position:relative; z-index:1000;}

#topNav ul   { float:left; display:block; background:url(../images/ico-navDots.gif) right 11px no-repeat; padding:8px 6px 6px 4px; position:relative;}
#topNav ul h2 a { display:block; font-size:12px; line-height:14px; letter-spacing:.01em; text-transform:uppercase; padding:2px 8px;}

#topNav ul h2 a:link, #topNav ul h2 a:visited  { color:#626262; text-decoration:none; background:none;}
#topNav ul h2 a:hover, #topNav ul h2 a:active  { color:#626262; text-decoration:none; background:#f8f1ca;}
 
#topNav ul ul 	          { display:none;}
#topNav ul:hover ul       { display:block;left:0; background:#c6a65c; border-left:1px solid #c3bfbf; border-right:1px solid #c3bfbf; position:absolute; z-index:10;
                            border-bottom:1px solid #c3bfbf; padding:2px; margin:6px 0 0 0;}
					  
#topNav ul ul li           { font-size:12px; line-height:13px; list-style:none;}
#topNav ul ul li a         { width:130px; margin:2px; padding:2px 2px; background:#c2a257; display:block;}
#topNav ul ul li a:link    { color:#FFFFFF; text-decoration:none; background:#a18440;}
#topNav ul ul li a:visited { color:#FFFFFF; text-decoration:none; background:#a18440;}
#topNav ul ul li a:hover   { color:#FFFFFF; text-decoration:none; background:#896623;}
#topNav ul ul li a:active  { color:#FFFFFF; text-decoration:none; background:#896623;}

.btn-Train   { float:right;}
.btn-Train a { width:140px; height:32px; display:block;}
.btn-Train a:link, .btn-Train a:visited { background:url(../images/btn-trainingCenter.gif) no-repeat;}
.btn-Train a:hover    { background:url(../images/btn-trainingCenter-on.gif) no-repeat;}
.btn-Train a:active   { background:url(../images/btn-trainingCenter.gif) no-repeat;}




/* -- mast head --------------------*/
#mastImage  { height:264px; border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf; overflow:hidden;}
#mastText   { height:264px; background:#a18440 url(../images/ico-BlueRule.gif) repeat-y; border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf;}
.doubleLine { height:6px; clear:both; background: url(../images/ico-ruleHeader.gif) repeat-x; text-align:right;}

#mastText h2, #mastText h2 span {  font-size:24px; font-family: "Times New Roman", Times, Georgia, serif;}
#mastText h2      { color:#FFFFFF; line-height:36px; padding:25px;}
#mastText h2 span { color:#fcf1b7; line-height:24px; font-style:italic;}




/* -- footer --------------------*/
#footer           { text-align:left; float:left; display:inline; background:url(../images/footerWave.gif) right repeat-y; margin-bottom:30px;}
#footer p         { font-size:10px; letter-spacing:.01em; padding:4px; margin:0; width:610px;}
#footer p a       { padding:0 4px;}
/*#footer .rtCol    { text-align:right; background:url(../images/images/footerWave.gif) repeat-y;}*/
#footer .lftCol p { font-size:10px; color:#9b9b9b; line-height:14px; padding:6px 6px 6px 35px;}

#footer .lftCol p a:link, #footer .lftCol p a:visited { font-size:10px; color:#9b9b9b; text-decoration:underline;}
#footer .lftCol p a:hover, #footer .lftCol p a:active { font-size:10px; color:#a18440; text-decoration:underline;}




/* -- text blocks --------------------*/
.colWide { width:600px; margin:0 0 0 35px; clear:both;}
.colMed  { width:544px; margin:0 0 0 90px; clear:both;}
.colNar  { width:400px; margin:0 0 0 235px; clear:both;}
/*.lftCol > .colWide:first-child { margin:25px 0 0 35px;}*/
.firstH1  { margin-top:25px;}

.lftCol p       { padding:2px 0 18px 0;} 

.lftCol h1      { font-size:20px; color:#a18440; padding:0 0 4px 0; text-transform:uppercase; letter-spacing:.02em;}
.lftCol h1 span { padding:0 0 0 13px; font-size:13px; text-transform:capitalize; background: url(../images/ico-carrotGoldRt.gif) 8px 5px no-repeat;}

.lftCol h2               { background: url(../images/ico-dot-grey.gif) bottom repeat-x;}			  
.lftCol h2,.lftCol h2 a  { font-weight:normal; font-size:16px; line-height:19px; color:#9a7622; 
                            padding:8px 0; clear:both; letter-spacing:.02em;}
.lftCol h2 a:link,.lftCol h2 a:visited { text-decoration:underline;}
.lftCol h2 a:hover       { text-decoration:underline; color:#cd9000;}
.lftCol h2 a:active      { text-decoration:underline; color:#cd9000;}

.lftCol h3      { background: url(../images/ico-dot-grey.gif) bottom repeat-x; display:block; text-transform:uppercase; 
                  padding:0 0 18px 0; margin:25px 0 0 35px; width:600px;}

			 
.lftCol h4      { width:564px; background:#f6f1de; border:1px solid #eae2c3; color:#397056; padding:18px; margin:25px 0 25px 35px;}
.lftCol h4 span { font-size:22px;}

.lftCol ul,.lftCol ol { padding:0 0 18px 0; margin:-8px 0 0 0; color:#a18440; line-height:18px;}
.lftCol ul li         { list-style:none; color:#4f648e; background:url(../images/ico-bulletGreen.gif) 6px 11px no-repeat; padding:4px 0 4px 20px; margin-left:10px;}

.lftCol ul ul    { margin:6px 0 0 0; padding:0 0 10px 0;}
.lftCol ul ul li { padding:3px 0 3px 16px; margin-left:0; background-position:1px 9px; line-height:16px;}

.subCredit      { font-size:11px; font-style:italic; color:#a18440;}

.pic       { position:absolute; width:200px; left:0; background: url(../images/ico-dot-grey.gif) top repeat-x; text-align:right; padding:10px 5px 0 5px; margin-top:8px;}
.pic p     { color:#9a7622; width:175px; font-size:10px; line-height:13px; font-style:italic; background: url(../images/ico-dot-grey.gif) bottom repeat-x; margin:0; padding:3px 5px 10px 20px;}
.pic img   { border:1px solid #9a7622;}

.disclaimer, .disclaimer a { font-size:10px; line-height:12px;}
p.disclaimer     { padding:8px 0 10px 0; clear:both;}
.disclaimer img {float:left; margin:0 6px 4px 0;}
 
 
 
 
 /* -- two column layout in content area ----*/
.twoColLft, .twoColRt   { width:285px; display: inline;}	
.twoColLft              { float:left; margin:0 0 0 35px;}
.twoColRt, .twoColMedRt { float:right; margin:0 53px 0 0;}
.twoColMedLft           { float:left; margin:0 0 0 90px;}
.twoColMedLft, .twoColMedRt { width:262px; display: inline;}	

 /* -- full width collumn no sidebar ----*/
.colFull       { width:920px; margin:0 0 0 35px; position:relative;}


 /* -- lists and tables ----*/
.listMe p, .listMe span { padding:4px; background: url(../images/ico-dot-grey.gif) bottom repeat-x;}
.listMe p      { float:left; width:140px; text-align:right;}
.listMe span   { display:block; float:left; width:70%;}

table       { width:100%;}
td          { width:33%; background:url(../images/ico-dot-grey.gif) left repeat-y; vertical-align:top;}
td p        {  padding:0 6px  !important;}
/*td hr       { border:1px solid #CCCCCC; width:100%; padding:0; margin:4px 0;}*/
tr > td:first-child { background:none;}
.tdBackOn   { background-color:#f6f1de;}


/* -- 3 box's home page --------------------*/
.boxs              { float:left; border:1px solid #b5dece; margin:25px 6px 10px 34px; display: inline;}
.boxs img       { border-bottom:1px solid #b5dece;}
.boxs span      { display:block; padding:6px 0 0 30px;}
.boxs a         { width:172px; height:125px; display:block; color:#FFFFFF; line-height:14px; text-transform:uppercase;}	 
.boxs a:link, .boxs a:visited { text-decoration:none; background:#123a8c url(../images/box-arrowOff.gif) bottom left no-repeat;}
.boxs a:hover,.boxs a:active  { text-decoration:none; background:#345aa8 url(../images/box-arrowOn.gif) bottom left no-repeat;}



/* -- sidebar --------------------*/ 
.rtColCont h1 { font-size:13px; line-height:16px; text-align:right; text-transform:uppercase; margin:25px 10px 2px 30px; padding:0 0 8px 0; 
               clear:both; background:url(../images/ico-dot-grey.gif) bottom repeat-x;}
			   
.rtColCont h3 { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; line-height:28px; margin:4px 10px 10px 10px; 
                color:#123a8c; text-align:right; width:230px; float:right;}

.rtColCont .hotp { text-align:right; margin:10px; width:250px; float:right;}
.rtColCont .hotp a { display:inline; padding:0 6px 0 14px; border:1px solid #c3bfbf; margin:1px 0;
                     color:#FFFFFF !important; text-decoration:none !important;}

.rtColCont .hotp a:Link, .rtColCont .hotp a:visited { background:#c2a257 url(../images/ico-btnCarrot-off.gif) 1px 1px no-repeat;}
.rtColCont .hotp a:hover, .rtColCont .hotp a:active { background:#a18440 url(../images/ico-btnCarrot-on.gif) 1px 1px no-repeat;}


.rtColCont h5    { text-align:right; padding:3px 12px 7px 0; margin:0 4px 0 0; background:url(../images/ico-dot-grey.gif) bottom repeat-x; width:260px; float:right; display: inline;}
.rtColCont h5 a  { color:#9a7622; padding:4px 18px; width:230px; display:block; text-decoration:none; background: url(../images/ico-carrotLft.gif) top right no-repeat;}
.rtColCont h5 a:link, .rtColCont h5 a:visited   {}
.rtColCont h5 a:hover, .rtColCont h5 a:active   { background-color:#f8f1ca;}

.rtColContH5 { margin-top:60px;}


/* -- buttons --------------------*/

.blueBtn a         { display:block; width:340px; margin:10px 6px 25px 0; padding:6px 6px 6px 36px; border:1px solid #b5dece; color:#FFFFFF; line-height:14px; 
                     text-transform:uppercase; text-decoration:none; letter-spacing:.02em;}
.blueBtn a:link, .blueBtn a:visited    { background:#123a8c url(../images/box-arrowOff.gif) top left no-repeat;}
.blueBtn a:hover, .blueBtn a:active   { background:#345aa8 url(../images/box-arrowOn.gif) top left no-repeat;}	

.BtnOwnLine { margin:10px 4px 4px 0; display:block;}	
.smallBtn a         { margin:4px 4px 4px 0; padding:2px 6px; font-size:10px; border:1px solid #b5dece; color:#FFFFFF !important; line-height:14px; 
                     text-transform:uppercase; text-decoration:none !important; letter-spacing:.02em;}
.smallBtn a:link, .smallBtn a:visited  { background:#74ac91;}
.smallBtn a:hover, .smallBtn a:active  { background:#345aa8;}	 
		 
.btnNewLine  {margin-top:8px; display:block;}
		 
		 
/* -- products page --------------------*/
.productCol div   { width:215px; float:left; margin-left:20px; margin-top:140px;}
.productCol > div:first-child { margin-left:0;}
.productCol h5       { position:relative; height:10px;}
.productCol h5 img   { position:absolute; bottom:0; border:none;}


/* -- FAQs page --------------------*/
.linkList      {margin:10px 0;}
.linkList h4   { background:url(../images/ico-carrotGoldRt.gif) 0 8px no-repeat; line-height:15px; margin:0; padding:4px 8px; border:none;}

/* -- address layoute --------------------*/
.address p  { padding:8px 0 8px 0;}
.address ul li { padding:0 0 3px 16px; margin-left:0; background-position:1px 2px; line-height:14px;}