/* 
    Document   : main
    Created on : 11/06/2009, 10:52:07 AM
    Author     : cdobbs
    Description:
    Main stylesheet with default layout and styles
*/

body                                    {font-size:11px;font-family:Arial,sans-serif;color: #333333 }



/****************** LINKS ****************************/
a                                       {text-decoration:none;color:#faa014}
a:hover                                 {color:#000}

/****************** HEADERS **************************/
h1                                      {margin:0px;padding:0px;color:#7c478c}
h2                                      {margin:0px;padding:0px;font-size: 18px }
h3                                      {margin:0px;padding:0px; font-size: 14px}
h4                                      {margin:0px;padding:0px}

/****************** MAIN TEMPLATE ********************/
#siteContainer                          {width:980px;margin:0 auto;}
#colLeft				{float: left; width: 246px;  margin-bottom: auto; height: 100%; min-height: 800px; position: relative}
#colRight				{float: left; width: 732px; margin-top: -20px; background-color: #FFFFFF }
#colRight li				{ list-style-image: url( '/template_images/bullet.gif')  }
#colRight li.pdf                                  {list-style-image:url('/zadmin/images/icon-pdf.gif')}
#colRight li.word                                 {list-style-image:url('/zadmin/images/icon-word.gif')}
#contentContainer                       { min-height: 800px; background-image: url('/template_images/column_left_bg.png'); background-repeat: repeat-y; }

#header 				{background-image: url( '/template_images/header.png' ); width: 980px; height: 190px; position: relative; z-index: 1}
#header .logo                           {float:left}
#header .logo img                       {border-width:0px}
#header .banner                         {float:right; }
		
#slogan					{font-size:30px;font-weight:bold;color:#ffffff;position: absolute; left:260px; top: 35px  }
#days					{font-size:10px;font-weight:bold;color:#222222;position: absolute; left:260px; top: 75px  }
#contact				{font-size:10px;font-weight:bold;color:#222222;position: absolute; left:840px; top: 75px  }	
#contact a				{font-size:10px;font-weight:bold;color:#222222; }
#logo					{position: absolute; top: 26px; left: 12px; background-image: url('/template_images/2010_motorhome_etc.png'); width: 245px; height: 215px; z-index: 1; }
#where					{position: absolute; top: 50px; left: 16px; font-size:19px;font-weight:bold;color:#ffffff;}
#where div.dates			{font-size:16px; padding-top: 10px}

#panels					{ position: absolute; top: 220px; left: 10px }
#panels div.panel			{ background-image: url('/template_images/left_panel.png'); display: block; width: 188px; height: 209px; position: relative }
#panels div.title			{font-size:16px;font-weight:bold;top:20px; left:20px; position: absolute }
div.blurb				{font-size:14px;font-weight:normal;margin-right: 15px }
#panels div.blurb			{ top:50px; left:20px; color: #333333; position: absolute }
#panels div.image			{ font-weight:normal; left:90px; position: absolute }
#panels a				{font-size:16px;text-decoration:none;color:#faa014; }
#panels img				{border: none}


#facebook				{position: absolute; top: 645px; left: 19px;}

#footer                                 {text-align:center;}


#footerNav                                 {margin: 0}
#footerNav ul                              {padding:0px;margin:0px}
#footerNav li                              {list-style:none;float:left;}
#footerNav li a                            {display:block;padding:8px 10px 8px 12px;font-size:14px;font-weight:bold;color:#ff9c1e;width: 98px;text-decoration: underline}
#footerNav li a:hover                      {color:#000000;}

#colLeftFooter				{float: left; width: 246px; background-image: url('/template_images/column_left_bg.png'); background-repeat: repeat-y; height: 50px}
#colRightFooter				{float: left; width: 734px; height: 50px}

#topNav                                 {position: absolute;top:100px;left:250px;}
#topNav ul                              {padding:0px;margin:0px}
#topNav li                              {list-style:none;float:left;}
#topNav li a                            {display:block;padding:8px 10px 8px 12px;font-size:14px;font-weight:bold;color:#fff;width: 98px;}
#topNav li a.current_rollover             {background-image: url('/template_images/rollover_bg_click.png');background-repeat:no-repeat;display:block;padding:8px 10px 8px 12px;font-size:14px;font-weight:bold;color:#000000;width: 98px;}
#topNav li a:hover                      {color:#000000;background-image: url('/template_images/rollover_bg.png'); background-repeat:no-repeat;}


#secNav                                 {position: absolute;top:132px;left:250px;}
#secNav ul                              {padding:0px;margin:0px}
#secNav li                              {list-style:none;float:left;}
#secNav li a                            {display:block;padding: 6px 10px 4px 12px;font-size:14px;font-weight:normal;color:#222222;width: 98px;}
#secNav li a.current_rollover           {color:#000000;background-image: url('/template_images/rollover_sec_bg_click.png'); background-repeat:no-repeat;}
#secNav li a:hover                      {color:#000000;background-image: url('/template_images/rollover_sec_bg.png'); background-repeat:no-repeat;}



#sideNav                                {float:left;width:143px;border:1px solid #723983}
#sideNav ul                             {padding:0px;margin:0px}
#sideNav li                             {list-style:none}
#sideNav li a                           {padding:5px;width:133px}

/************************** FORMS *********************************/
.label                                  {float:left;width:100px;margin-top:3px}
.input                                  {float:left;margin-top:3px}
.buttons                                {margin:10px 0px 0px 100px}
.field                                  {margin-top:3px}

input[type=text],
input[type=password]                    {width:160px}
select                                  {width:164px}
input.required,
select.required,
textarea.required                       {color:#b11111}

input.error,
input.validation-failed,
select.validation-failed,
textarea.validation-failed             {border:2px solid #b11111;background-color:#f1bbbb;color:#000}

input.validation-passed,
select.validation-passed,
textarea.validation-passed              {border:2px solid #0F0;}

input.disabled                          {color:#AAA}

.errorMessage                           {border:1px solid #b11111;padding:10px;background-color:#f1bbbb;font-size:10px;}
.validation-advice                      {color:#b11111}
/******************** POPUPS *************************************/
.popupWindow                            {border:1px solid #723983}
.popupWindow h2                         {border-bottom:1px solid #723983;font-size:12px;padding:5px 10px;background-color:#b293b9}
.popupWindow .container                 {padding:10px;background-color:#f3eff5}
.popupWindow .buttons                   {margin:10px 0px 0px 0px;text-align:center}

.content                                {padding: 20px 0px 0px 25px;min-height:450px; z-index: 2}
.contentHome                            {padding: 0px 0px 0px 25px;min-height:450px; z-index: 2}
.mainText				{ font-size:14px; line-height: 1.2em; letter-spacing: 0px }

#homeboxTop				{ min-height: 163px; }
#homeboxBase				{ min-height: 163px; }

//legacy styles for four boxes
#homeboxTopLeft				{ width: 228px; height: 183px; background-image: url('/template_images/home_box_base_right.png'); float: left;  }
#homeboxTopRight			{ width: 228px; height: 183px; background-image: url('/template_images/home_box_base.png'); float: left }
#homeboxBaseLeft			{ width: 228px; height: 183px; background-image: url('/template_images/home_box_right.png'); float: left }
#homeboxBaseRight			{ width: 228px; height: 183px; float: left }

.paddedBox				{ padding: 15px 0px 0px 0px;  }
#homeColumnLeft div.blurb		{font-size:14px;font-weight:normal;margin-right: 5px; }
.paddedBoxLeft				{ padding: 15px 15px 0px 0px }
.paddedBoxRight				{ padding: 15px 0px 0px 15px }

#tickerWrapper				{ width: 700px; height: 30px; overflow-x: hidden; position: relative; }	
#ticker					{ color: #b21920; font-family: times; font-size: 20px; position: absolute; height: 20px; white-space: nowrap }
#homeColumnLeft				{ float: left; width: 462px; min-height: 500px; padding-right: 5px }
#homeColumnLeft a 			{font-size:14px;text-decoration:underline;color:#faa014; }
#homeColumnSeparator			{ float: left; width: 2px; height: 1074px; margin-top: 10px; background-image: url('/template_images/vr_image.png');repeat: repeat-y }
#homeColumnRight			{ float: left; width: 170px; margin-left: 20px }

#news_index				{ margin: 10px 0px 0px 0px }
#news_index h3				{ margin: 0px 0px 0px 0px }
#news_index div.blurb			{ margin: 10px 0px 10px 0px }


#sponsors_index				{ margin: 15px 0px 0px 0px }
#sponsors_index h3			{ margin: 0px 0px 0px 0px }
#sponsors_index div.blurb		{ margin: 10px 0px 10px 0px; width: 550px; float: left }
#sponsors_index div.thumb		{ margin: 10px 0px 10px 0px; width: 80px; float: left }	

#register				{ font-size:14px; line-height: 1.2em; letter-spacing: 0px; position: relative }
#register div.subheading		{ padding: 10px 0px 10px 0px }
#register td.formHeading			{ text-align: right; width: 250px }
#register td.textnormal			{  }
#register input.textlong			{  width: 180px }
#register input.textnormal		{ width: 180px}
#register td.textshort			{ width: 100px }
#register input.textshort		{ width: 70px}
#register input.submit			{ width: 101px; height: 38px;  float: left  }
#register input.reset			{ width: 99px; height: 38px; background-image: url('/images/reset.png'); border: none; background-color: #FFFFFF; float: left  }
#register div.confirm			{ position: absolute; width: 700px; height: 740px; background-color: #FFFFFF; z-index: 1;text-align: center; padding-top: 25px; font-size: 16px; font-weight: bold }

div.clear                               {margin:0px;padding:0px;height:0px;font-size:0px;overflow:hidden;clear:both;  }

div                                     {border-collapse:collapse}
img                                     {border-width:0}

/******************************* MISC ***********************************/
.imgButton                              {cursor:pointer}