/* Default Overwrites
*******************************/
BODY {margin:0px; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #777777; background-image:url(pix/SiteBG.gif); background-position:top Left; background-repeat:repeat-x;}
TD {FONT-SIZE: 0.8em; COLOR: #777777;}
H1 { font-family:Arial, Helvetica, sans-serif; FONT-WEIGHT: Bold; FONT-SIZE: 16px; color:#e3027f;  Margin-bottom:12px;}
H2 {MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #e3027f; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left;}
H3 {MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #e3027f; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left;}
A {FONT-SIZE: 100%; COLOR: #e3027f; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A:hover {FONT-SIZE: 100%; COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
FORM{display:inline;}
INPUT {	FONT-SIZE: 12px; MARGIN-BOTTOM: 0px; font-family:Verdana,tahoma,Arial;font-size:10px; }
SELECT {	FONT-SIZE: 90%; MARGIN-BOTTOM: 0px}
SUBMIT {FONT-SIZE: 90%; MARGIN-BOTTOM: 0px}
IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; border:none;}
Img .ThinBorder {Border: 1px Solid #003399; }
.ViewLarge {FONT-SIZE: 0.8em; COLOR: #aaa; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.ViewLarge:hover {FONT-SIZE: 0.8em; COLOR: #aaa; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: Underline}

/* Common Formatters
*******************************/
.inputbutton	{background:#EEEEEE;border-color:#000000;border:1px solid;font-family: tahoma,verdana,arial;	font-size:10px;font-weight:bold;Cursor:Hand;}
.inputBox		{color:#000000;background:white;border:1px solid #bbb; }
.PageHeading {FONT-SIZE: 150%; COLOR: #0053a0; padding-top:12px;}
.Brdr1{ border:1px Solid #555;}
.Hand { cursor:Hand;}
.Bld{ font-weight:bold;}
.Col1 {COLOR: #e3027f;}
.DottedDiv{DISPLAY:block; BACKGROUND: url(pix/NavDiv.gif) no-repeat left center; WIDTH:141px; HEIGHT:60px; border-style:none; clear:both;}
.FL{ float:left;}
.FR{ float:Right;}
.Cntr{ text-align:center;}
.NoMargins{ padding:0px; margin:0px;}
.ImgContainer{ text-align:center; float:left; padding-right:5px; padding-bottom:15px;}
.3PixWrap { margin-top:15px;}
.InlinePixWrap {margin-top: 20px;}
.TitleWrap{ padding-Bottom:15px;}
.AltLink1 {FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.AltLink1:hover {FONT-SIZE: 12px; COLOR: #e3027f; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
.AltLink2 {FONT-SIZE: 12px; COLOR: #e3027f; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.AltLink2:hover {FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
.AltLink3 {FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.AltLink3:hover {FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
.AltLink4 {FONT-SIZE: 12px; COLOR: #e3027f; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.AltLink4:hover {FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
.PicCapt { background-color:#fff; color:#e3027f; font-size:10px; padding:0px; font-weight:bold; width:200px; margin-bottom:15px;}
.GetAdobe{clear:both; text-align:left; padding-top:16px; border: 1px solid #EEEEEE; padding:5px; width:135px;}
.notetxt{ font-size:11px; color:red;}

.w100 { width:100px;}
.w150 { width:150px;}
.w200 { width:200px;}
.w250 { width:250px;}
.w300 { width:300px;}

.BtnPink { color:#FF0066; font-weight:bold; font-size:11px;}


#HdrBase H1 {BACKGROUND: url(pix/HdrBase.gif) no-repeat bottom right; width:352; line-height:24px; text-align:right; font:Arial, Helvetica, sans-serif; color:black; font-size:12px; font-weight:bold; margin:0px; padding:0px; padding-right:40px;}
#HdrBase H1 SPAN {color:white;}


Table.StartList { font-size:12px;}
Table.StartList TD { color:#333;}
Table.StartList TR:hover>td{background:#FEB4FC; cursor:pointer;}
.Even { background:#FCE9FB;}
.Odd { background:#FFF4FF}





/* SITE MAIN CONTAINER
*******************************/
#PageContainer {WIDTH: 709px;float:left;}



/* Banner
*******************************/
#Banner{WIDTH: 709px; height:76px; float:left; background-color:#FFFFFF;position:relative;}
#Banner #Logo{float:left; padding-left:68px; padding-top:16px;position:relative;}
#Banner #Logo A {DISPLAY: block; BACKGROUND: url(pix/Logo.gif) no-repeat left top; MARGIN: 0px; WIDTH: 210px; HEIGHT: 45px; border-style:none;}
#Banner #TagLine{float:left; margin-top:28px; margin-left:17px; font-size:11px; color:#4a4b4f; line-height:12px; z-index:99999;}
#Banner #EronicsMember{float:right; padding-top:15px;position:relative;}
#Banner #EronicsMember A {DISPLAY: block; BACKGROUND: url(pix/EuronicsMember.gif) no-repeat left top; MARGIN: 0px; WIDTH: 191px; HEIGHT: 30px; border-style:none; }


/* ContentWrap Framework
*******************************/

#ContentWrap{background-color:#fff; clear:both;float:left; padding-left:70px;padding-Right:11px;}
#ContentShell{WIDTH:428px;}

#ContentShellWide{WIDTH:709px;}


/* Left Column Framework
*******************************/
#LeftShell{WIDTH: 509px; float:left; background-color:#FFFFFF;}
.DrkContent1{BACKGROUND: url(pix/ContentBG.gif) no-repeat left top; WIDTH:509px; HEIGHT:203px; border-style:none; clear:both; }
.Hdr { width:486px; text-align:right; padding-top:30px;}
.Hdr2 { width:486px; text-align:right; padding-top:20px;}
.HdrWrap{padding-left: 40px;}
.Hdrcontent { width:420px; padding-top:10px; color:#b5b5b5; font-size:11px;}
#PageTxt{ Padding: 20px 30px 20px 40px; }
#PageTxt B,
#PageTxt STRONG {color:#e3027f;}
#PageTxt H1 {color:#e3027f;}
#PageTxt LI { list-style-image:url(pix/bullet01.gif); padding-bottom:5px;}
.EventPix {float:right; padding-left:20px;}
.EventPix IMG { margin-bottom:20px; border:1px Solid #999999;}
.EventPix .WithCaption { margin-bottom:2px; border:1px Solid #999999;}
#CmnSponsorWrap IMG { margin-top:15px; }


UL.StartList{ margin:0 0 0 50px; padding:0px;}
UL.StartList LI {list-style:none; list-style-image:none !important; padding:0px 0px 10px 40px; background:url(pix/IconView.gif) no-repeat 0px 2px; margin:20px 0px; line-height:30px;}

/* Right Column Framework
*******************************/
#RightShell{WIDTH: 200px; float:left; }
#NRLogo{DISPLAY:block; BACKGROUND: url(pix/LogoNorthernRock.gif) no-repeat left top; WIDTH:96px; HEIGHT:96px; border-style:none; margin: 15px 0px 15px 102px;}
#CmnSponsorWrap{ text-align:center; padding-bottom:5px;}

/* Panel
*******************************/
.PanelBox{WIDTH: 200px; float:left;position:relative;font-size:1px; border-top:2px solid #e3027f;}
.PanelBoxTop{DISPLAY:block;BACKGROUND: url(pix/PnlTop.gif) no-repeat left top; MARGIN:0px; WIDTH:200px; HEIGHT:3px; border-style:none;clear:both; line-height:0px; }
.PanelBoxMid{WIDTH:200px; background:url(pix/PnlBG.gif) top left repeat-y; clear:both;}
.PanelBoxBtm{DISPLAY:block; BACKGROUND: url(pix/PnlBtm.gif) no-repeat left top; MARGIN:0px; WIDTH:200px; HEIGHT:2px; border-style:none; clear:both;line-height:0px;}
.PanelInner{Padding:17px 23px 16px 23px;font-size:12px;}
.PanelInner2{Padding:17px 10px 16px 10px;font-size:12px;}

/* Navigation
*******************************/
#Navigation UL {padding-left:6px; margin-left:10px; font-size:11px; margin-top:5px; margin-bottom:10px; padding-bottom:0px;}
#Navigation LI {list-style-image: url(pix/bullet03.gif);margin:0px; padding:0px;}
#Navigation A {FONT-SIZE: 12px; COLOR: #58595b; TEXT-DECORATION: none; font-family:tahoma,sans-serif,Verdana,Helvetica,Arial;}
#Navigation A:Hover{TEXT-DECORATION:underline;}
#Navigation .NavDiv{ list-style:none; list-style-image:none; background:url(pix/NavDiv.gif) no-repeat; left:-16px; position:relative; display:block; height:2px; margin:4px 0px; padding:0px; font-size:0px;}

#SocalNet { padding-top:12px;}
#SocalNet UL {font-size:11px; margin:5px 0 10px 0; padding:0px;}
#SocalNet LI {margin:0; padding:0; list-style:none;}
#SocalNet A Img { margin-right:7px; vertical-align:middle;}
#SocalNet A {FONT-SIZE: 12px; COLOR: #58595b; TEXT-DECORATION: none;}
#SocalNet A:Hover{TEXT-DECORATION:underline;}
#SocalNet .NavDiv{ list-style:none; list-style-image:none; background:url(pix/NavDiv.gif) no-repeat;height:2px; margin:4px 0px; padding:0px; font-size:0px;}


/* Headings
*******************************/
#HeaderNavigation{DISPLAY:block; BACKGROUND: url(pix/HeadEventsInformation.gif) no-repeat left top; MARGIN-bottom:17px; WIDTH:152px; HEIGHT:28px; border-style:none;}
#HeaderLatestNews{DISPLAY:block; BACKGROUND: url(pix/HeadLatestNews.gif) no-repeat left top; MARGIN-bottom:17px; WIDTH:152px; HEIGHT:28px; border-style:none;}
#HeaderMailingList{DISPLAY:block; BACKGROUND: url(pix/HeadMailingList.gif) no-repeat left top; MARGIN-bottom:17px; WIDTH:152px; HEIGHT:28px; border-style:none;}


/* Banners
*******************************/
#BannerHome{DISPLAY:block; BACKGROUND: url(pix/GfkHome.gif) no-repeat left top; WIDTH:509px; HEIGHT:164px; border-style:none;}




/* Footer
*******************************/
#FooterShell{width:700; border-top:4px Solid #4a4b4f; padding-top:3px; color:#7a8186;font-family:tahoma,sans-serif,Verdana,Helvetica,Arial; font-size:11px; line-height:14px; left:67px; clear:both; float:left; margin-left:9px; margin-bottom:20px;}

#FooterShell A {COLOR: #999;FONT-SIZE:11px;}
#FooterShell A:hover {TEXT-DECORATION: Underline;}

#FooterShell Address {Display:inline;}
address {color:#7a8186;font-family:tahoma,sans-serif,Verdana,Helvetica,Arial; font-size:11px; font-style:normal;}
#Copyright {WIDTH: 250px;float:Left;}
#DevSig {Padding-LEFT: 10px;WIDTH: 250px;float:right;text-align: right;}
#FooterLogos{DISPLAY:block; BACKGROUND: url(pix/FooterLogos.gif) no-repeat left top; MARGIN-bottom:10px; WIDTH:700px; HEIGHT:62px; border-style:none;}


/* Links
*******************************/
.FurtherInfo UL {padding-left:6px; margin-left:10px; font-size:11px; margin-top:5px; margin-bottom:0px; padding-bottom:0px;}
.FurtherInfo LI {list-style-image: url(pix/bullet04.gif);margin:0px; padding:0px;}
.FurtherInfo A {FONT-SIZE: 12px; font-weight:bold; COLOR: #e3027f; TEXT-DECORATION: none; font-family:sans-serif,Verdana,Helvetica,Arial;}
.FurtherInfo A:Hover{TEXT-DECORATION:underline;font-family:sans-serif,Verdana,Helvetica,Arial;FONT-SIZE: 12px; TEXT-DECORATION: underline;}


/* Email Offers
*******************************/
#EmailSignupWrap{text-align:right; width:170px; height:150px; float:left;}
#EmailSignupWrap .inputBox		{color:#000000;background:white;border:1px solid #cecece;height:18px; width:130px; margin-bottom:2px;}
#EmailSignupWrap Label		{ margin-right:4px; font-size:11px;}
#FrmEOWrap{ width:170px;text-align:right; margin-bottom:4px; margin-top:10px;float:right;}
#EmailOfferBtn	    {padding:0px; text-align:right; float:right; margin:0px; padding:0px; clear:both;}
#EOfootnote		{FONT-SIZE: 9px; COLOR: #a3a3a3;text-align:left; margin-top:10px; margin-bottom:10px;}



/* Buttons
*******************************/
.Btn1Med {DISPLAY: block; BACKGROUND: url(pix/BtnMedBlue.gif) no-repeat left top; MARGIN: 0px; WIDTH: 78px; HEIGHT: 20px; border-style:none;font-size:12px; color:#FFFFFF; text-decoration:none; text-align:center; padding-top:2px;}
.Btn1Med:hover {text-decoration:none;font-size:12px; color:#FFFFFF;}
.Btn2Med {DISPLAY: block; BACKGROUND: url(pix/BtnMedPink.gif) no-repeat left top; MARGIN: 0px; WIDTH: 78px; HEIGHT: 20px; border-style:none;font-size:12px; color:#FFFFFF; text-decoration:none; text-align:center; padding-top:2px;}
.Btn2Med:hover {text-decoration:none;font-size:12px; color:#FFFFFF;}


/* HomeLayout
*******************************/
#IntroLeazes{WIDTH:169px; HEIGHT:160px; border-style:none; float:left; margin-bottom:1px;}
#IntroCyclone{WIDTH:169px; HEIGHT:160px; border-style:none;  float:left; margin: 0px 1px 1px 1px;}
#IntroBeaumont{WIDTH:169px; HEIGHT:160px; border-style:none;  float:left; margin-bottom:1px;}

#ResultsStrip { margin: 0px; padding:0px; margin-bottom:1px; clear:both;}



#BtmPanelShell {padding-top:40px; padding-left:9px;}
#BtmPanelWrap{width:500px;}
#EmailSignupWrap{padding-left:23px;}
#EmailSignupShell{text-align:right; width:250px; height:160px; float:left;}
#HomePanelLeft {WIDTH: 227px; float:left; border-right:1px Solid #e2e2e2;}
#HomePanelRight{ padding-Left:10px; float:left;}

/* Results Page
*******************************/
#PhotoFinder { margin:20px 0px; width:428px; height:87px; background:url(pix/PhotoFinder.gif) no-repeat top left; color:white;}
#PhotoFinder .Inner { padding: 50px 0px 0px 30px;}
#PhotoFinder form{ display:inline;}
#PhotoFinder #bib { width:50px;}
#PhotoFinder #Search { vertical-align:bottom; margin-bottom:-3px; margin-left:12px;}

/* ContactForm
*******************************/
#ContactFormWrap{}
#ContactForm {width:250px; float:left; margin-right:35px;}
#ContactForm P{ height:22px; margin:0PX;}
#ContactForm #FormLabels{ line-height:22px; float:left; font-size:11px; text-align:right; padding-right:5px; width:65px;}
#ContactForm #FormControls{clear:right; height:220px;}
#ContactForm #Btn{ clear:both;  margin-right:5px;}

#ContactForm #Name { width:180px;}
#ContactForm #Tel { width:180px;}
#ContactForm #EmailAddress { width:180px;}
#ContactForm #Comment { width:180px;clear:both; height:150px; font-family:Arial, Helvetica, sans-serif; font-size:11PX;}

#BranchWrap{ float:left;}
.BranchContainer{ padding-bottom:15px}
.BranchContainer .Hours, .ContactIntro{ font-size:11px;}





/* EventInfo
*******************************/

#EventInfoImg{ float:left; width:190px; text-align:center; }
#EventInfoUI{float:left}
#EventInfoUI ul {padding-left:0px;border:0px;margin:0px;}
#EventInfoUI li {list-style:none; padding-bottom:5px; }
#EventInfoUI2{float:left}
#EventInfoUI2 ul {padding-left:0px;border:0px;margin:0px;}
#EventInfoUI2 li {list-style:none; padding-bottom:1px; }
#EventRegs {padding-top:5px;}

/* PartnerSponsor
*******************************/
.PartnerLogo{float:left; width: 200px; text-align:center; clear:left;}
.PartnerInfo{float:left; width: 239px; }
.PartnerSponsor LI { list-style-image:none;}


/* News
*******************************/
#NewsHeadlineWrap {font-size:10px; width: 150px;}
#NewsHeadlineWrap ul {border:0px; padding:0px; margin:0px;padding-left:12px;}
#NewsHeadlineWrap li {list-style-image:url(pix/Bullet02.gif); padding-left:0px;border:0px;margin:0px; padding-bottom:5px;}
#NewsHeadlineWrap A {color:#747474;font-size:11px;}

#NewsArchiveWrap {font-size:11px; }

/* OEProgress
*******************************/
#OEProgress { text-align:right; padding:20px 0px 30px 0px;}
#OESignUp label { color:#e3027f; font-weight:bold; font-size:11px;}
#OESignUp legend{ color:#000066; font-weight:bold; font-size:12px;padding:4px;}
#OEStep1 Span {color:#e3027f;}

.FeeDue{ font-family:Arial, Helvetica, sans-serif; FONT-WEIGHT: Bold; FONT-SIZE: 22px; color:#003366;  Margin-bottom:12px;}
#EntryFeeTitle { text-align:center; background-color:#e3027f; color:white; font-size:14px; padding:3px; font-weight:bold;}
#EntryFeeAmount { text-align:center; background-color:#FDD6FE; FONT-WEIGHT: Bold; FONT-SIZE: 22px; color:#003366; padding:10px;}
.OnlineEntryGfk{ BACKGROUND: url(pix/cyclone_onlineentry.jpg) no-repeat left top; WIDTH:509px; HEIGHT:203px; border-style:none; clear:both; float:left; margin-bottom: 20px; }


/* Gallery *******************************************************************************************************************************/
#Gallery { float:left; clear:both; width:420px; }
#Gallery H2{ font-weight:normal; font-size:15px; margin-bottom:10px; text-transform:uppercase; float:left; clear:both; }
#Gallery .Comments{ float:left; clear:both; width:420px; margin-bottom:20px; }
#Gallery .GalleryPhotos{float:left;clear:both; padding-bottom:20px;}
#Gallery .GalleryPhotos A{ background:url(pix/BG_PhotoGallery.png) no-repeat top left; width:114px; height:80px; display:block; float:left; margin:0px 19px 15px 0px;}
#Gallery .GalleryPhotos A.Compact {margin:0px 6px 15px 0px;}
#Gallery .GalleryPhotos A IMG { margin:4px 0px 0px 6px;}
#GalleryPhotosBtn {float:left; clear:both; }
#GalleryPhotosBtn A{margin-right:30px;}

#Gallery .GalleryList{float:left;clear:both; padding-bottom:20px;}
#Gallery .GalleryList .GalleryItem{float:left;margin:0px 6px 25px 0px;}
#Gallery .GalleryList .GalleryItem H3 { text-align:center; margin:0; }
#Gallery .GalleryList .GalleryItem .GImgWrap {padding:0px 0px 0px 7px; float:left;}
#Gallery .GalleryList .GalleryItem .GTxtWrap {padding:0px 0px; float:left; clear:both; color:#999; text-align:center; width:120px;}
#Gallery .GalleryList A{ background:url(pix/BG_PhotoGallery.png) no-repeat top left; width:114px; height:80px; display:block; float:left;}
#Gallery .GalleryList A IMG { margin:4px 0px 0px 6px;}