/*reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
.hidden{display:none}
/*fonts*/
body{font:13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;*font-size:small;*font:x-small; background:#fff;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99%  "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {}
/* IMAGES ---------------------- */
img, a img {border: none;}
/* TABLES ---------------------- */
table {font-size: 1em;}
/* FORMS ----------------------- */
form {margin: 0;}
/* CLEARS n FLOATS ----------------------- */
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.floatleft {float:left;}
.floatright {float:right; margin:0 0 15px 15px; clear:both;}

/* NAV  */
.AspNet-Menu {position: static; height: 1%; width:950px;} /* all list items */
.AspNet-Menu li {margin:0 3px 0 0; margin-top:20px;} /* all list items */
.AspNet-Menu a {padding:10px 11px; margin:0;font-size:15px;font-weight:bold; color:#5B004F; background:#ccc url(../i/back-nav.jpg) repeat-x 0 0;} /* all anchors and spans (nodes with no link) */
.AspNet-Menu a:hover{background:#F8F9F9;}
.AspNet-Menu-Selected a:link, .AspNet-Menu-Selected a:hover, .AspNet-Menu-Selected a:visited, .AspNet-Menu-Selected a:active{background:#5B004F; color:#fff;}
.AspNet-Menu a:link, .AspNet-Menu a:hover, .AspNet-Menu a:visited, .AspNet-Menu a:active{text-decoration:none; float:left;}

/* LAYOUT BLOCKS ----------------------- */

body {background:#989FA4; text-align:center; padding:20px 0; }
#all {  width:990px; margin:0 auto; padding:0;}
#wrapper {  background:#989FA4 url(../i/shadow-sides.jpg) repeat-y 0 0;text-align:left; padding:0 10px;}
#wrapper-inner { float:left; background:#E6EFF1 url(../i/back-wrapper.jpg) repeat-x 0 0; display:block; clear:both; width:950px; padding:0 10px;}
#masthead { height:72px; background:#fff url(../i/logo.gif) no-repeat 0 0;}
#content { background:#E6EFF1 url(../i/back-wrapper-content.jpg) repeat-x 0 0;  margin:0 auto; width:950px; float:left; padding: 0 0 15px 0}
#subnav {  height:48px; background:#5B004F; float:left; width:950px; display:inline;}
#footer {  height:52px; background:url(../i/back-footer.jpg) no-repeat 0 0; text-align:left; padding:0 20px }

/* main columns */
/* #pri_admin { width:920px; float:left; display:inline; margin:0 15px;} */
#pri { width:580px; float:left; display:inline; margin:0 0 0 15px;}
#sec { width:325px; float:left;display:inline; margin:0 0 0 15px;}

/* HOME */
.main-home { background:#fff; line-height:0;}
#subnav p.username { float:left; font-size:12px; color:#FFF; margin:17px; display:inline;}
#subnav p.login { float:right; font-size:12px; color:#FFF; margin:17px; display:inline;}
#subnav p.login a {color:#FFF;}

.teasers { background:#fff; margin-top:15px;}
.teasers-box { width:33%; border-right:#ccc 1px solid; float:left; height:310px; position:relative;}
.teasers-box h3 a { padding:10px 10px 0 10px; font-size:14px; font-weight:bold; color:#FD7F1E; }
.teasers-box p {padding: 10px 10px 10px 10px;  }
.teasers-box p.teaser-link a { position:absolute; bottom:10px; right:10px; color:#666; }

/* newsletter signup */
.newsletter-home { background:#015EAB; margin-top:15px; height:90px;padding:6px;}
.newsletter-home-inner {margin-top:10px; color:#FFFFFF; }
.newsletter-home-inner input { width:220px; height:25px; margin:0 10px;}

/* soccerschool signup */
.banner-ss{ margin-top:10px}
.banner-ss img { float:left; display:block; margin:0; padding:0;}

/* footer */
#footer p {float:left; font-size:12px; color:#666; display:inline; margin:10px; }
#footer ul {float:right; font-size:12px; color:#FFF; display:inline; margin:10px; }
#footer ul li { display:inline; margin:0 0 0 20px; }
#footer ul a { font-size:12px; color:#666;}

/* SECONDARY PAGES */

.main-header { }
.main { background:#fff; padding:15px;min-height:430px;}

/* clients */
.client {border-top:#ccc 1px solid; margin:1em 0; padding:1em 0;}

.interest {padding:15px; background:#D1D7E8;}

/* EVENTS */

.event-main { background:#93B220; padding:6px;}
.event-main-inner { background:#FC9737; color:#FFFFFF;}
.event-main h2, .event-feed h2, .newsletter-home h2 { font-size:20px; color:#FFF; padding:4px 10px; }
.event-main .intro { float:left; font-size:13px; width:130px; margin:10px;}
.password { font-size:11px; padding:10px 0 0 0; float:left; clear:left;}
.event-main-inner input { float:left; height:20px; margin-top:10px;}
.event-main .validation { margin: 10px 0 0 5px; float:left;}
.remember{float:left; width:130px;}
.remember label{float:left; clear:none; margin: 10px 0 0 5px;}
.loginfail{ color:#5B004F; margin:5px 0 0 0; clear:left;}
.loginsubmit { float:left; padding-bottom:10px;}


.event-main ul.learnmore { display:inline; }
.event-main ul.learnmore li { float:left; margin: 0 10px 0 0; }
.event-main li.intro2 { font-size:14px;}

.profile {background:#fff; color:#333;}
.profile ul { font-size:13px; padding:10px; float:left;}
.profile ul li { padding:3px 0;}
.profile ul li.profile-name { font-size:14px;}
.profile ul a { color:#333; text-decoration:none;}
.profile ul a:hover { text-decoration:underline;}
.profile ul li.password { font-size:11px; padding:20px 0 0 0;}

.event-feed { background:#93B220; padding:6px; margin-top:15px;}
.event-feed-inner { background:#fff; color:#FFFFFF;}
.event-feed h3 { font-size:15px; font-weight:bold; padding:10px 0 0 10px; color:#FF6633; }
.event-item { padding:10px; border-bottom:#d0d0d0 1px solid; }
.event-title a { color:#5B004F; font-weight:bold; font-size:13px;}
.event-item p.event-info { color:#666; font-size:11px;  }
span.event-date { color:#999; margin-left:8px; }
.event-showall { margin:8px; font-size:11px; color:#FD7F1E; float:right}

ul.whatwedo { color:#333;margin:0 0; padding:2px 0 }
ul.whatwedo li {font-size:12px; color:#666; padding:5px 10px 5px 10px; border-bottom:#ccc 1px solid;}

/* PROFILE EVENTS */
.event-profile { color:#666; border-bottom:#E6EFF1 1px solid; margin:10px 0 3px 0; padding:6px 12px; }
p.evpro-title a { color:#135291; font-weight:bold; margin:0 0 3px 0;}
p.evpro-venue {color:#666; margin:3px 0 0 0;}
span.evpro-date { color:#999999;}

/* ITINERARY */

.main .itinerary {width:100%;   border-top:#E6EFF1 1px solid; margin:0 0 20px 0; padding:10px 0 0 0; }
.main .datebox { width:25%;  float:left; display:inline;  font-family:Arial, Helvetica, sans-serif; font-weight:bold;  }
.main .eventbox { width:74%;float:left; display:inline;}

.main p.itinerary-date { font-size:26px; color:#FD7F1E; margin:0;}
.main p.itinerary-day {font-size:12px; color:#FD7F1E; margin:0; font-weight:normal; text-transform:uppercase }
.main p.itinerary-title  {color:#135291; font-weight:bold; margin:0 0 3px 0;}
.main p.itinerary-title a {color:#135291; font-weight:bold; margin:0 0 0 0; text-decoration:underline;}
.main p.itinerary-venue {color:#666; margin:0 0 3px 0;}
.main p.itinerary-attendees {color:#ccc; margin:0 0 0 0; }


/* EVENT DETAIL */
.eventdetail { border-top:#ccc 1px solid; padding: 15px 0 0 0; }
.main .eventdetail p { color:#666;}
.main h2.eventdetail-title { margin:0 0 10px 0;}
.eventdetail-pic { width:240px;  float:left; margin:0 10px 0 0}
.eventdetail-info { width:300px;  float:left;}
.eventdetail-desc { width:100%;  float:left; margin:15px 0 0 0; padding:10px 0 0 0; border-top:#ccc 1px solid;}
.eventdetail-rsvp { width:100%; float:left; margin:15px 0 0 0; padding:0 0 0 0; border-top:#ccc 1px solid;}

.main .eventdetail h4 { color:#135291; font-weight:bold; margin:10px 0 3px 0;}
.main .eventdetail-info  p { margin:0;}


/* FORMS */
label { font-size:12px; margin:1.3em 0 .5em 0; display:block; clear:both;}
.contact { width:220px; height:20px; }

.error {color:Red;}
.checklist input { border:none; float:left; margin-right:5px; }
.checklist label { clear:none; margin-top: 2px; width:200px;}

/* SIGN UP PAGE */
.form-field {  margin: 0 0 10px 0; height:20px; }

#form-signup { margin:20px 0; }
#form-signup .row,  #form-signup .row2 { margin:2px 0 12px 12px; width:250px; float:left; display:inline;}
#form-signup .row2 { width:500px;}
#form-signup label { display:block; margin:0 0 4px 0; color:#002250; font-size:12px; height:15px;}
#form-signup input { font-size:12px; color:#666; width:200px; background:#fff; border:#A9ABCB 1px solid; padding:4px 0;}
#form-signup .interests input { width:20px; border:none; float:left; clear:left; }
#form-signup .interests label { width:150px; height:25px; float:left; clear:none; margin: 2px 0 0 5px;}
#form-signup select { width:200px;}
#form-signup h3 { background:#F3F4FC; margin:12px;  padding:8px 5px; color:#5B004F; font-size:16px; font-weight:bold; clear:both; display:block;}
#form-signup input.checkbox {width:16px; padding:0; margin:0; border:none; float:left}

#form-signup .form-btn { width:90px; height:31px; }
#form-signup .form-btn-submit { width:102px; height:31px; }

/* TYPOGRAPHY ------------------------- */

.main-header h1 {font-size:197%; color:#fff; background:#E0D73B; padding:10px 15px; font-weight:bold;}
.main h2 {font-size:138.5%; color:#333; font-weight:normal; margin: 0 0 1.4em 0; line-height:120%; }
.main h3 {font-size:116%; color:#333; font-weight:bold; margin:0 0 .8em 0; }
.main h4 {font-size:108%;color:#333; font-weight:bold;margin:0 0 .8em 0;}
.main p {margin:0 0 .8em 0; color:#333; font-size:13px; line-height:135%;}
.main a { color:#FD7F1E; }

.main ul { margin:1em 1.3em; }
.main li { font-size:13px; color:#333; padding:2px; list-style:square; }

em { font-style:italic;}
a {color:#11488A; text-decoration:none;}
a:hover {color:#11488A; text-decoration:underline;}
strong { font-weight:bold;}
.selected { font-weight:bold;}
h1.screen-reader { color:#FFFFFF; position:absolute; top:-300px; left:0; font-size:12px; }
.cruise-txt {font-size:14px;}

.noborder {border:none!important;}
.nopadding {padding:0!important;}

/* ----- float fix ----- */
.inner:after, .box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.inner, .box {display:block;}
/*  \*/
.inner, .box {min-height:1%;}
* html .inner, * html .box {height:1%;}
 /*  */
/* ----- end float fix ----- */