/*resets*/
* { margin: 0; padding: 0 }
img { border: 0 }
table { border-collapse: collapse }

/*generic*/
.ac { text-align: center }
.al { text-align: left }
.am { vertical-align: middle }
.ar { text-align: right }
.auto { width: auto }
.b, b, strong { font-weight: bold }
.i, i { font-style: italic }
.u, u { text-decoration: underline }
.c { clear: both }
.fl { float: left }
.fr { float: right }
.hidden { display: none }
.mb5 { margin-bottom: 5px }
.mt15 { padding-top: 15px }
.padTop10 { padding-top: 10px }
.tc { display: table-cell }
.gray { color: #777 }
.white { color: #fff }
.red { color: red }
.zero { margin: 0; padding: 0 }




* { font: 13px sans-serif }
body { overflow: scroll; background: #f8b066 }

/*headers*/
h1, h2, h3, h4, h5 { color: #000078 }
h1 { font-size: 26px; }
h2 { font-size: 1.4em }
h3, h4 { font-size: 1.2em }
h5 { font-size: 1.1em; color: #222 }

/*data tables*/
table { width: 100% }
th { text-align: left }
td { vertical-align: top }
th, td { padding: 3px }

/*lists*/
ul, ol { padding: 0 25px }
li { padding: 5px }
ul.none, ol.none { list-style: none; padding: 0; margin: 0 0 20px 0 }
ul.smallList, ol.smallList { padding: 0 20px }
ul.smallList li, ol.smallList li { padding: 2px }

/*baseline*/
h1,h2,h3,h5,h6,p,ul,ol,.baseline { margin-bottom: 20px }

/*fonts*/
a, a:visited, a.link { color: #6166af }
a:hover, a.link:hover { color: #000078 /*#f8b066*/ }
.light { color: #f8b066 }
.small { font-size: 11px }
.big { font-size: 15px }
.highlight { border-color: #FFCC33; background: #FFECB3; color: #990000 }
sup { font-size: .85em }
h1 sup, h2 sup { font-size: .50em }
h2 sup, h3 sup, h4 sup { font-size: .70em }

/*template*/
#topLogo { margin: 10px 0 0 0; float: left }
#topImages { float: right; text-align: right; padding: 10px 0 }
.container { width: 1000px; margin: 0 auto }
.pad { padding: 10px }
#header { background: #6166af url(/content/images/glass.bg.png) }
#side { width: 170px; float: left; padding: 15px 15px 15px 0 }
#crumb { float: right }
#crumb, #crumb a { font-size: 11px }
#main { width: 785px; float: left; background: #fff; padding: 15px 15px 15px 15px; min-height: 600px }
#googleSearchBox { padding: 5px; width: 160px; color: #888; border: 1px solid #e2e2e2 }
#footer { background: #fff; clear: both; border-top: 4px solid #6166af }
#footer div, #footer a { font-size: 11px }
#bbbSeal { float: right; margin: 20px 0 0 0 }
.searchArea { margin-bottom: 15px }
#side h5 { margin-bottom: 5px; color: #43438b; font-size: 20px }
#sphoneNumber { margin: 15px 0 }

/*content*/
div.imageRight { float: right; padding: 15px 0 15px 15px; text-align: center }
div.imageCaption { font-size: 11px; padding: 4px 0 }
div.quickBox { width: 200px; -moz-border-radius:8px; border-radius: 8px; background: #efefef; padding: 8px 4px; margin: 15px 0 0 0 }
div.quickBox h3, div.quickBox p { padding: 0; margin: 0 0 5px 0 }
div.label { float: left; width: 150px; clear: both; padding: 3px 0; font-weight: bold; background: #f5f5f5; margin: 2px }
div.value { float: left; padding: 3px 0; margin: 2px }
div.sideBySide { background: #efefef; -moz-border-radius: 8px; border-radius: 8px; padding: 8px; width: 46%; margin: 5px 0 15px 0; float: left }

div.quickboxes { float: right; padding: 0 0 15px 15px }
div.quickbox2 { width: 230px; background: #efefef; -moz-border-radius: 8px; border-radius: 8px; 
                margin: 0 0 15px 0; padding-bottom: 5px }
div.quickbox2 p, div.quickbox2 ul { padding: 4px 8px; margin: 0 }
div.quickbox2 h3 { border: 1px solid #acdd4a; background: #6eac2c url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/start/images/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff;
                   -moz-border-radius: 8px; border-radius: 8px; padding: 8px; margin: 0 }
div.quickbox2 p, div.quickbox2 ul,  div.quickbox2 h3 { margin-bottom: 5px }
p.item { border-bottom: 1px solid #e2e2e2 }

/*forms*/
label { display: block; font-size: 12px; padding: 1px 0; color: #777 }
.text, .button, select, textarea { color: #444; padding: 4px }
textarea { height: 100px }
label span { color: #888; font-size: 11px }
.button { padding: 4px; width: 120px }
.error { color: red }
input.error { background: #FFE5E5 }
input.full { width: 400px }
div.checkbox { padding: 5px 0; vertical-align: middle }
h3.modal { clear: both; font-size: 16px; margin: 10px 0 }
.fullField { width: 600px; padding: 0 12px 13px 0; clear: both }
.fullField input.text, .fullField select, .fullField textarea { width: 605px; margin-bottom: 2px }
.fullField select { width: 608px }
.halfField { width: 300px; float: left; margin: 0 10px 13px 0 }
.halfField input.text, .halfField select, .halfField textarea { width: 294px; margin-bottom: 2px }
.halfField select { width: 304px }
.thirdField { width: 200px; float: left; padding: 0 6px 13px 0 }
.thirdField input.text, .thirdField select, .thirdField textarea { width: 192px; margin-bottom: 2px }
.thirdField select { width: 204px }
ul.options { padding: 5px 0; list-style: none; }

/*find a rolfer*/
.fr_searchArea { -moz-border-radius: 12px; border-radius: 12px; background: #efefef; padding: 12px; width: 360px; float: left;  
                 margin-bottom: 15px; min-height: 300px }
.fr_searchArea .text { width: 320px }
.fr_searchArea select { width: 329px }
.fr_searchArea .field { margin-bottom: 15px }

.fr_result { border: 1px solid #d7d7d7; margin: 10px 0; padding: 5px; border-left: 5px solid silver;
             cursor: pointer }
.fr_result:hover { background: #efefef }
.fr_resultName { padding: 2px 0 }
.fr_resultName a { font-size: 16px }
.fr_resultDistance { color: green; font-weight: bold }
div.half { float: left; width: 50% }


.fr_profileArea h3, .contactInfoTbl caption, h3.modal, .contactInfoHeader
{
    padding: 10px 5px; 
    background: #e6e6e6 url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; 
    border: 1px solid #d3d3d3; -moz-border-radius: 5px; border-radius: 5px; color: #555
}

.fr_profileArea h3 { margin-bottom: 8px; }
ul.profileList { padding: 0 8px; list-style: none }
ul.profileList li { margin: 5px 0px; border-bottom: 1px solid #efefef }

/*menu bar*/
.menu, .menu ul { padding: 0 }
.menu li { padding: 0 5px }
.menu { width: 100%; line-height: 1.0 }
.menu, .menu ul { list-style: none }
.menu a { display: block; padding: 5px 2px; text-decoration: none; color: #43438b; border-bottom: 1px solid #f8b774 }
.menu a:hover { color: #43438b }
.menu li { display: block }
.menu li:hover { background: #f8b774 }
.menu li ul { display: none; position: absolute; top: 0; background: #fff; border: 1px solid silver; min-width: 150px }
.menu li:hover ul { display: block }
.menu li:hover ul a { padding: 5px; border-bottom: 1px solid #efefef }
.menu li:hover ul li:hover { background: #efefef }
.menu li.arrow a { background: url(/content/images/arrows-ffffff.png) no-repeat 157px 8px }

/*contact info area*/
.contactInfoTbl { margin-bottom: 25px }
.contactInfoHeader { padding: 0 }
.contactInfoHeader .Title { float: left; font-size: 16px; text-align: left; width: 200px;
                              padding: 7px; color: #000078 }
.contactInfoHeader a { float: right; padding: 7px }
.contactInfoHeader a:hover { background: #d7d7d7; -moz-border-radius: 5px; border-radius: 5px }
.contactInfoTbl tr:hover { background: #f5f5f5 }
.contactInfoTbl td { border-bottom: 1px solid #efefef; padding: 7px 7px; vertical-align: middle }
.contactInfoTbl .mainCol { width: 75% }
.contactInfoTbl .linksCol { width: 15%; text-align: right }
.contactInfoTbl .linksCol a { margin: 0 5px 0 0 }

/*growl box*/
.growl {padding: 40px;color: #fff;background: #5BCA3F;position: fixed;text-align: center;bottom: 0;right: 0;display: none;font-size:16px}

/*jquery UI*/
.ui-dialog-title { font-size: 18px }
.ui-widget-overlay { opacity: .7; filter:Alpha(Opacity=70); background: #000 }

/*light html editor*/
.lightHtml_editArea { width: 610px; border: 1px solid silver; height: 250px; padding: 5px; overflow: scroll }
.lightHtml_toolBar img { padding: 5px; border: 1px solid #e2e2e2; cursor: pointer }
.lightHtml_toolBar img:hover { border: 1px solid silver }

/*members*/
.memberButton { padding: 4px; background: navy; color: #fff; font-weight: bold }