@import url('reset.css');
/*-----------------------------------------------------------------------------------
--------------------------------- START GLOBAL STYLES -------------------------------
-----------------------------------------------------------------------------------*/
body { font: normal 0.8em/1.6em "Trebuchet MS", Arial, sans-serif; margin: 0; background-image:url(/images/bg_site.jpg); }
a { color: #03f; }
a:hover { color: #c30; text-decoration: underline; }

.captop {width: 900px; height: 15px; margin:0 auto; padding:0; position: relative;}
.capbottom {width: 900px; height: 10px; margin:0 auto; padding:0;}
a.fb {display: inline-block; background: url(/images/fb.png) no-repeat center right; padding: 5px 30px 5px 0; position: absolute; right: 60px; top: 10px; font-size: 12px; z-index: 500;}

.content {background:url(/images/bg_content.png) repeat-y; width: 750px; margin: 0 auto; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; overflow:auto; padding: 0 75px 25px 75px;}

h2 {font-size:20px; font-style:italic; font-weight:bold; color:#0068b3; padding: 10px 0px 10px 0px;}
h3{font-size:14px; font-weight:bold; color:#0068b3; text-transform:uppercase; clear: both;}
h4 {font-size:14px; font-weight:bold; color:#0068b3; text-transform:uppercase; clear: both; color:#FF0000;}
p {}
.bullets {padding-left:30px; font-weight:bold; color:#0068b3;}
li {list-style:disc;}

.fixedImage{
        position: fixed;
        left: 26px;
        top: 95px;}

/* --- NAV STYLES -- */
.header {width:905px; margin:0 auto; overflow:hidden;}
.header ul {}
.header ul li {float:left;}
.header ul li a {background:url(/images/nav-2.png) no-repeat; display:block; height:1px; overflow:hidden;}
.header li.who a {background-position:0 0; width:168px; padding-top:70px;}
.header li.what a {background-position:-168px 0; width:190px; padding-top:87px;}
.header li.apply a {background-position:-358px 0; width:146px; padding-top:80px;}
.header li.help a {background-position:-504px 0; width:192px; padding-top:74px;}
.header li.say a {background-position:-696px 0; width:204px; padding-top:74px;}

.header ul li.who a:hover, .header ul li.who a.active {background-position: 0 -90px;}
.header ul li.what a:hover, .header ul li.what a.active {background-position: -168px -90px;}
.header ul li.apply a:hover, .header ul li.apply a.active {background-position: -358px -90px;}
.header ul li.help a:hover, .header ul li.help a.active {background-position: -504px -90px;}
.header ul li.say a:hover, .header ul li.say a.active {background-position: -696px -90px;}

/* --- END NAV STYLES -- */

.logo a { background:url(/images/logo.png) no-repeat; height:1px; width:242px; padding:137px 0 0 0; overflow:hidden; margin:0 auto; display: block;}
.tagline { background: url(/images/tagline.png) no-repeat; height:1px; width: 450px; padding: 112px 0 0 0; overflow: hidden;  margin: 0 auto 310px auto;}

.kid_1 {position:absolute; top:40px; left:0px;}
.kid_2 {position:absolute; top:225px; left:5px; z-index:300;}
.kid_3 {position:absolute; top:285px; left:275px; z-index:100;}
.kid_4 {position:absolute; top:40px; left:725px;}
.kid_5 {position:absolute; top:220px; left:580px;}

.footer { width: 750px; margin: 0 auto; text-align:center; padding:30px 0 15px 0;}
.footer li { float:left; display: block; padding-top: 15px; }
.footer li:after {content:"|"; padding:0 15px;}
.footer li:first-child { padding: 0 25px 0 0;}
.footer li:first-child:after, .footer li:last-child:after {content:""; padding: 0;}
.footer a {color:#000000;}

/*-----------------------------------------------------------------------------------
--------------------------------- END GLOBAL STYLES ---------------------------------
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
--------------------------------- START SUB STYLES ----------------------------------
-----------------------------------------------------------------------------------*/

.sub h2.tagline { margin: 15px 10px 25px 0px; }
.sub .kid {position:absolute; top:100px; left:730px;}
.sub .kidLacrosse {position:absolute; top:125px; left:600px;}

.sub .logo a {float:left; margin-right: 25px;}

.sub h3 {font-size:14px; font-weight:bold; color:#0068b3; text-transform:uppercase; clear: both;}
.sub .content p.apply {padding-right:100px;}
.sub .content p.what {padding-right:250px;}
.sub .content .bullets {padding-left:30px; font-weight:bold; color:#0068b3;}
.sub .content li {list-style:disc;}
.sub .content p img { margin-left: 25px; }

.sub p.quote{ padding:15px 300px 0px 15px; font-size:14px; font-style:italic; font-weight:bold; color:#0068b3;}
.sub p.saying{ padding:15px 100px 0px 15px; font-size:14px; font-weight:normal; color:#000;}

/* - sponsors logos (who page) ----------------------------------------- */
.sub ul.sponsorslist {width:675px; overflow:auto; margin: 0 auto;}
.sub ul.sponsorslist li {list-style:none; margin:10px; float:left; width:130px; height:111px;}
.sub ul li.up a {background:url(/images/logo_up.png) no-repeat; display:block; height:1px; overflow:hidden; padding-top:57px;}
.sub ul li.mikuni a {background:url(/images/mikuni_logo.png) no-repeat; display:block; height:1px; overflow:hidden; padding-top:57px;}
.sub ul li.jphuber a {background:url(/images/jh_logo.png) no-repeat; display:block; height:1px; overflow:hidden; padding-top:70px;}
.sub ul li.ldevans a {background:url(/images/lde_logo.png) no-repeat; display:block; height:1px; overflow:hidden; padding-top:111px;}
.sub ul li.multifamily a {background:url(/images/logo_multifamily.gif) no-repeat; display:block; height:1px; overflow:hidden; padding-top:99px;}
.sub ul li.surewest a {background:url(/images/logo_surewest.gif) no-repeat; display:block; height:1px; overflow:hidden; padding-top:40px;}
.sub ul li.kaiser a {background:url(/images/logo_kaiser.gif) no-repeat; display:block; height:1px; overflow:hidden; padding-top:50px;}
.sub ul li.frontier a {background:url(/images/logo_frontier.gif) no-repeat; display:block; height:1px; overflow:hidden; padding-top:50px;}
.sub ul li.urgentcare a {background:url(/images/logo_urgentcare.gif) no-repeat; display:block; height:1px; overflow:hidden; padding-top:43px;}
.sub ul li.lagunacitizen a {background:url(/images/logo_lagunacitizen.gif) no-repeat; display:block; height:1px; overflow:hidden; padding-top:43px;}
.sub ul li.strikes a {background:url(/images/logo_strikes.gif) no-repeat; display:block; height:1px; overflow:hidden; padding-top:49px;}
.sub ul li.mv a {background:url(/images/logo-mv.gif) no-repeat; display:block; height:1px; overflow:hidden; padding-top:49px;}
.sub ul li.mechanics a {background:url(/images/logo-mechanics.gif) no-repeat; display:block; height:1px; overflow:hidden; padding-top:30px;}


.sub ul li.aa a {background:url(/images/aa_logo.png) no-repeat; display:block; height:1px; overflow:hidden; padding-top:50px;}
.sub ul li.brphoto a {background:url(/images/br_logo.gif) no-repeat; display:block; height:1px; overflow:hidden; padding-top:48px;}
.sub ul li.egc a {background:url(/images/egc_logo.gif) no-repeat; display:block; height:1px; overflow:hidden; padding-top:19px;}
.sub ul li.ego a {background:url(/images/ego_logo.gif) no-repeat; display:block; height:1px; overflow:hidden; padding-top:64px;}
.sub ul li.gsp a {background:url(/images/gsp_logo.png) no-repeat; display:block; height:1px; overflow:hidden; padding-top:49px;}



/* - Form Element Styles ----------------------------------------- */
.btn { background-color: #d9e1ff; border: solid 1px #03f; color: #03f; cursor: pointer; padding: 5px 14px; font-size: 1.5em; margin-left: 255px; }
.btn:hover { background-color: #ffe1d9; border: solid 1px #c30; color: #c30; }
.data em { color: #c30; font-weight: bold; }
.data label { display: block; float: left; padding: 5px 2px; width: 250px; text-align: right; font-size: 1.2em; }
.content .data li { padding: 2px 0; list-style: none; clear: both; }
.content .data .nolabel { padding-left: 0; }
.data .req { border-color: #c30; list-style:none; }
.data .req:hover { border-color: #f63; }
.data .req_error { color: #c30; padding-left: 5px; }
select { font-size: 1.2em; padding: 5px 2px; }
.txt { background: #fff url('/images/bgInput.gif') no-repeat; border: solid 1px #999; font-size: 1.2em; padding: 5px; }
.txt:hover { border: solid 1px #777; }
.txt:focus { border: solid 1px #03f; }
.txt:focus:hover { border: solid 1px #06f; }
select.txt { padding: 1px; }
/* - Login Styles ------------------------------------------------ */
.login label { display:block; }
.login li { padding: 0 0 .5em 0; }
.login ul { margin: 2em auto; width: 240px; }
.login .txt { font-size: 1.6em; width: 250px; }
/* - Error and Debug Styles -------------------------------------- */
#debug { color: #888; font-size: 0.8em; margin: 0 auto; }
#debug h5 { border-bottom: solid 1px #999; color: #666; font-weight: bold; margin-top: 1em; }
#error p, #success p, #warning p { background: #fee url('/images/icoError.gif') no-repeat 5px center; border: solid 1px #ee735c; color: #c00; cursor: pointer; margin-bottom: 5px; padding: 5px 5px 5px 27px; }
#success p { background-color: #ccebcc; background-image: url('/images/icoSuccess.gif'); border-color: #090; color: #007f00; }
#warning p { background-color: #faeba8; background-image: url('/images/icoWarning.gif'); border-color: #cc7e11; color: #cc7e11; }