/* -------------- Resets ------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; }  table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }


/* -------------- Clearfix ------------------ */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}


/* -------------- Global Elements ------------------ */

html { font: 62.5% arial, tahoma, arial, helvetica;}
body	{ background: url('../images/bg.gif') #fff top center repeat-y;  color:#555; margin:0; padding:0; font-size: 1.2em; line-height: 1.8em; text-align: center;}


/* -------------- Common Template Elements ------------------ */

/* Default Form Style */
input, textarea, select { border: 1px solid #555; background: #fff; color: #3a3e34;}	

/* GoogleMap*/
.googleMap { margin: 15px 0 0; height: 370px; width: 500px;}  
#googlePopUp{ font-family: georgia; color: #000; }
#googlePopUp input { background: #c5c5c6; color: #000; border: 1pc solid #000;}

/* Default Link Style */
a:link a:visited { color: #6e9fb5; text-decoration: none;}
a:hover { color: #bb5f5f; text-decoration: underline;}

/* Default Header Style*/
h1 { font-size: 1.6em; color:#000; background: transparent; font-weight: normal;}
h2 { font-size: 1.4em; color:#000; background: transparent; font-weight: normal;}
h3 { font-size: 1.2em; color:#000; background: transparent; font-weight: normal;}
h4 { font-size: 1.2em; color:#000; background: transparent; font-weight: normal;}
h5 { font-size: 1.2em; color:#000; background: transparent; font-weight: normal;}
h6 { font-size: 1.2em; color:#000; background: transparent; font-weight: normal;}

/* Header Substyle */
span.boldGreen { font-weight: bold; color: #92b9a3;}
span.boldRed { font-weight: bold; color: red;}

/* Default Paragraph Style */
p { margin: .5em 0;}

/* Default Image Style */
img { border: none; vertical-align: bottom;}

/* Default Link Color */
a:link, a:visited { color: #6e9fb5; text-decoration: none;}
a:hover { color: #c75f5f;}

/* -------------- Layout ------------------ */

/* Header */
#headerContainer { width: 100%; min-width: 950px; background: #464646;}
#header { width: 950px; background: url('../images/headerBg.jpg') no-repeat; height: 110px; margin: 0 auto; }

/* PageTop */
#pageTopContainer { width: 100%; min-width: 950px; background: url('../images/blueGradientBg.jpg') repeat-x bottom left #d1dfeb;}
#pageTop { width: 950px; background: url('../images/pageTopBg.jpg') no-repeat bottom left; margin: 0 auto; text-align: left; min-height: 25px; height: auto;}
* html #pageTop { height: 25px;}

/* Column Container */
#pageBody { width: 880px; padding: 35px 35px 0 35px; margin: 0 auto; text-align: justify;}

/* Main Column */
#mainColumn { float: left; width: 570px;}
#mainColumn h2 { font: 1.5em/1.6em tahoma, arial, helvetica; color: #3a3e34; border-bottom: 1px solid #dedede;}
#mainColumn h2.boldGreen { font-weight: bold; color: #92b9a3;}

/* Side Column */
#sideColumn { float: left; width: 265px; margin-left: 40px; }
#sideColumn h2 { font: 1.5em/1.6em tahoma, arial, helvetica; color: #3a3e34; border-bottom: 1px solid #dedede;}

/* Footer */
#footer { width: 855px; padding: 5px 10px 20px; margin: 50px 40px 0 35px; border-top: 1px solid #dedede; color: #2583ad; font-size: .8em;}







/* -------------- Navigation ------------------ */

/* Feature Boxes */
#features { width: 915px; float: left; margin: 20px 0 0 35px; padding: 0 0 25px;}
* html #features { display: inline; margin-right: -3px;}
#features a.sluggerInfo { display: block; float: left; width: 276px; height: 86px; text-indent: -9999px; margin-right: 25px; background: url('../images/sluggerInfo.jpg') no-repeat bottom left;}
#features a.sluggerInfo:hover { background-position: top left;}
#features a.sluggerFeatures { display: block; float: left; width: 276px; height: 86px; text-indent: -9999px; margin-right: 25px; background: url('../images/sluggerFeatures.jpg') no-repeat bottom left;}
#features a.sluggerFeatures:hover { background-position: top left;}
#features a.exampleWebsites { display: block; float: left; width: 276px; height: 86px; text-indent: -9999px; background: url('../images/exampleWebsites.jpg') no-repeat bottom left;}
#features a.exampleWebsites:hover { background-position: top left;}

/* Main Nav */
ul#mainNav { margin-left: 20px; width: 920px; margin: 0 5px; padding: 2px 0 0 20px; float: left;}
body.home ul#mainNav { background: url('../images/mainNavBg.jpg') repeat-y top right;}
* html ul#mainNav { display: inline;}
ul#mainNav li { display: inline; float: left; background: url('../images/minorNavDivider.jpg') no-repeat center right;}
ul#mainNav li.last { background: none;}
ul#mainNav li a { color: #555; font-weight: bold; float: left; padding: 0 10px;}
ul#mainNav li a:hover, ul#mainNav li a.currentPage { color: #bb5f5f;}

/* MinorNav */
ul#minorNav {float: right;}
ul#minorNav li { float: left; display: inline; background: url('../images/minorNavDivider.jpg') no-repeat center right;}
ul#minorNav li.last { background: none;}
ul#minorNav li a {float: left; padding: 0 6px; color: #2583ad; text-decoration: none;}
ul#minorNav li a:hover, ul#minorNav li a.currentPage { color: #bb5f5f;}

ul#valid {float: left;}
ul#valid li { float: left; display: inline; background: url('../images/minorNavDivider.jpg') no-repeat center right;}
ul#valid li.last { background: none;}
ul#valid li a {float: left; padding: 0 6px; color: #2583ad; text-decoration: none;}
ul#valid li a:hover, ul#copyright li a.currentPage { color: #bb5f5f;}




/* -------------- Content ------------------ */

/* header */
#header img#sluggerLogo { float: left; margin: 22px 0 0 20px;}
#header img#tagline { float: right; margin: 30px 20px 0 0;}

/* Intro */
#intro { float: left; margin: 30px 0 0 50px; width: 534px; text-align: justify; color: #3a3e34; font: 1.2em/1.5em tahoma, arial, helvetica;}
* html #intro { display: inline;}
#intro h1 { font: 1.7em/1.7em tahoma, arial, helvetica; color: #3a3e34; padding-bottom: 10px;}
#intro h1 span.boldBlue { font-weight: bold; color: #688a99;}

/* Latest News */
#news { width: 283px; float: right; margin: 0px 4px 0 0; padding: 60px 0 95px 20px; text-align: left; background: url('../images/newsBg.jpg') no-repeat bottom left;}
* html #news { display: inline;}
#news h2 { color: #3a3e34; padding-bottom: 8px;}
#news a { display: block; padding-left: 25px; background: url('../images/newsArrow.jpg') no-repeat center left; color: #555; text-decoration: none;}
#news a:hover { color: #bb5f5f;}

/* News Listing */
.newsLink { padding-left: 25px; background: url('../images/arrow.jpg') no-repeat center left; color: #555; text-decoration: none; line-height: 1.2em; font-weight: bold;}
.newsAbstract { line-height: 1.2em; margin-bottom: 15px;}


/* News Listing Page Group */


/* Features List*/
#featuresPageGroup { line-height: 1.2em; width: 530px; padding-top: 20px; float: left;}
.featuresPageGroupArticle0, .featuresPageGroupArticle2, .featuresPageGroupArticle4, .featuresPageGroupArticle6, .featuresPageGroupArticle8, .featuresPageGroupArticle10, .featuresPageGroupArticle12, .featuresPageGroupArticle14, .featuresPageGroupArticle16 { float: left; width: 230px;}
.featuresPageGroupArticle1, .featuresPageGroupArticle3, .featuresPageGroupArticle5, .featuresPageGroupArticle7, .featuresPageGroupArticle9, .featuresPageGroupArticle11, .featuresPageGroupArticle13, .featuresPageGroupArticle15 { float: right; width: 230px;}

/* Features Page Group*/
#featuresPageGroup a { color: #6e9fb5; font-weight: bold; text-decoration: none; background: url('../images/checkMark.jpg') no-repeat center left; padding-left: 23px;}
#featuresPageGroup a:hover { color: #bb5f5f;}
#featuresPageGroup .featuresPageGroupAbstract { margin-bottom: 15px; padding-left: 23px; text-align: left;}
#featuresPageGroup2 { line-height: 1.2em; padding-top: 20px; float: left; width: 265px; margin-left: 40px;}
#featuresPageGroup2 a { color: #6e9fb5; font-weight: bold; text-decoration: none; background: url('../images/checkMark.jpg') no-repeat center left; padding-left: 23px;}
#featuresPageGroup2 a:hover { color: #bb5f5f;}
#featuresPageGroup2 .featuresPageGroupAbstract { margin-bottom: 15px; padding-left: 23px; text-align: left;}

/* Features Page Group on Inner Pages */
#featuresPageGroupInner { line-height: 1.2em; width: 530px; padding-top: 20px; float: left;}
#featuresPageGroupInner a { color: #6e9fb5; font-weight: bold; text-decoration: none; background: url('../images/checkMark.jpg') no-repeat center left; padding-left: 23px;}
#featuresPageGroupInner a:hover { color: #bb5f5f;}
#featuresPageGroupInner .featuresPageGroupAbstract { margin-bottom: 15px; padding-left: 23px; text-align: left;}

/* Example Website Page Group */
.examplesArticle { float: left; margin-bottom: 15px; padding-bottom: 15px; background: url('../images/dotBorder.gif') repeat-x bottom left; width: 100%;}
.examplesPageGroupHeader { font-weight: bold; float: right; width: 375px; font-size: 1.1em; padding: 5px 0;}
.examplesPageGroupThumb {  width: 152px; float: left;}
.examplesPageGroupThumb img { border: 1px solid #9bb4c0;}
.examplesPageGroupAbstract { float: right; width: 370px; padding: 0 5px 7px 0; line-height: 1.2em;}
.examplesPageGroupLink { float: right; width: 375px;}
.examplesPageGroupLink a { font-weight: bold; text-decoration: none;}

/* Logos */
#logos { margin-top: 28px; padding: 0 5px;}
#logos img { border: 1px solid #f5f5f5; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; float: left; margin-bottom: 10px;}
#logos img.logo1 { margin-right: 10px;}
#logos img.logo3 { margin-right: 10px;}
#logos img.logo5 { margin-right: 10px;}
#logos img.logo7 { margin-right: 10px;}

/* Content Text */
#contentText { padding: 10px 10px 0 10px;}

#contentText ul {padding-left:30px;}
#contentText ul li {padding-left:10px; list-style-type :disc;}

#contentText img {border: 1px solid #dedede; display: block; margin-left:auto; margin-right:auto; margin-bottom:15px;}

/* Copyright */
#copyright { float: left;}

/* Contact Us Form */
#contactUsForm { width: 460px;}
#contactUsForm .formField { width: 100%; float: left; margin-bottom: 10px;}
#contactUsForm .formLeft { width: 150px; float: left;}
#contactUsForm .formRight { float: left;}
#contactUsForm input#pgeContent_ctl00_btnSend {  margin-left: 150px;}
#contactUsForm input#pgeContent_ctl00_btnSend:hover { cursor: pointer; background: #eaf3fc;}
#contactUsForm span { display: block; float: left;}

/* Error Page */
p#errorMessage { text-align: center; padding: 100px 0;}


/* -------------- Login Page ------------------ */

.AspNet-Login { padding: 20px 0 70px; width: 300px;}
.AspNet-Login input#Login1_UserName { width: 200px;}
.AspNet-Login input#Login1_Password { width: 200px;}
.AspNet-Login input#Login1_LoginButton { padding: 0px 6px; float: right; margin-top: 2px; margin-right: 5px;}
.AspNet-Login input#Login1_LoginButton:hover { cursor: pointer; background: #eaf3fc;}
* html .AspNet-Login input#Login1_LoginButton { display: inline;}
.AspNet-Login div.AspNet-Login-UserPanel { text-align: right; float: right; margin-bottom: 2px;}
.AspNet-Login div.AspNet-Login-PasswordPanel { text-align: right; margin-top: 2px; float: right;}
.AspNet-Login label { text-decoration: none;}
.AspNet-Login .AspNet-Login-PasswordRecoveryPanel { float: left; text-align: right; margin-top: 10px; width: 300px;}
.AspNet-Login .AspNet-Login-PasswordRecoveryPanel a { color: #6e9fb5; text-decoration: none;}
.AspNet-Login .AspNet-Login-PasswordRecoveryPanel a:hover { color: #bb5f5f;}
.AspNet-Login em { font-style: normal;}
.AspNet-Login-FailurePanel { float: left; color: #ee1313; text-align: left;}