/* 2010 Nova International */


/*add reference style sheets here as needed */


/* *************************************
    contents
        1. Reset
        2. Basic Structure
************************************* */

/* *************************************

************************************* */


/* *************************************
    RESET
************************************* */

@import url("Global_Reset.css");

/* *************************************
	Basic Structure
************************************* */

html, body
{
    /*background:url(../App_Images/00_Swim.jpg) no-repeat center top;*/
    background:url(../App_Images/greatswimbgnd.jpg) no-repeat fixed center top;
}
body {
	font-size:100%;
	line-height:1.125em; /*16*1.125 = 18px*/
	font-family: Tahoma,Verdana,Lucida Sans,Arial,Helvetica,sans-serif;
	text-align:center;
}

.bodytext p {
	font-size:0.875em;
}

.sidenote {
	font-size:0.75em;
}

#wrap
{
    width:980px;
    margin:0 auto;
    /*padding:0 15px;*/
    text-align:left;
}

#header
{
    padding:0px 15px 0 15px;
    background:url(../App_Images/GreatSwimSprite.png) no-repeat 0px 0px;
    height:136px
}

#websiteName
{
    height:48px;
    /**/text-indent:-999px;
}
#websiteName p{margin:0;}
#portalNavigation{display:none;}

.allEvents{display:block;margin-left:20px;width:125px; height:20px;text-align:right;
             color:#ffffff; font-weight:bold; text-decoration:none; font-size:0.6em; padding-right:20px;/*float:left;*/}
             
             
a.allEvents,a.waveChecker {color:#ffffff; text-decoration:none;}             
a.allEvents:hover, a.waveChecker:hover {color:#ffffff; text-decoration:underline;}

.waveChecker{display:block;width:240px;height:92px;font-weight:bold; text-decoration:none; font-size:0.6em;
               position:absolute; right:0px; top:0px;background:url(../App_Images/2010/Events/newhamLondon_medium.png) no-repeat top right;
             }
.waveChecker span{display:none;}

      
.mainLogo{padding-top:20px;margin-left:20px;width:155px; display:block;float:left; height:68px;clear:left;}
.mainLogo span{display:none;}



.contentContainer{background:url(../App_Images/mainBackground.png) repeat-y;}
.secondaryContent{width:930px; background-color:#dddddd;margin-left:15px; clear:both;padding:0px 10px 20px 10px;}

#footer
{
    padding:0px 15px 0 15px;
    background:url(../App_Images/GreatSwimSprite.png) no-repeat 0px -179px;
    font-size:0.6em;
}
#sponsorsLogos
{
    height:60px;
    text-align:left;
    margin:0 20px;
    
}
#sponsorsLogos a img{border:none;padding:0 10px;}
/* padding should change on event css if more logos max of 10 allowed */

#corporateLinks{padding:20px;}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover{text-decoration:underline}
#footer{color:#fff;}


/* *************************************
    Default content styles
************************************* */
h2{color:#222d69; text-transform:uppercase; font-size:1em; font-weight:bold;}

h3{margin:10px 0;color:#222d69;text-transform:uppercase; font-size:0.8em; font-weight:bold;}

h4{color:#28357b;font-size:0.75em; font-weight:bold;}

p{margin:8px 0px; font-size:0.75em; line-height:150%; color:#666666;}

.mainContent li{margin:8px 15px; font-size:0.75em; line-height:150%; color:#666666;  list-style-type:disc; padding:0;}

a{color:#0a57c0;}
a:hover{ color: #000000; text-decoration: underline;}

p strong{font-weight:bold;}


/* *************************************
    Navigation
************************************* */
#mainNav{float:left;padding-top:20px;padding-left:2px;}
#mainNav li{float:left;}
#mainNav li a{margin-top:11px; border-right:1px solid #00aeef;
              /*border-left:1px solid #44539d;*/display:block;padding:19px 12px 20px 12px;
              color:#ffffff;font-weight:bold;
              text-decoration:none; font-size:0.7em;}
#mainNav li a:hover{/*background-color:#fff;url(../App_Images/GreatSwimSprite.png) no-repeat -171px -319px*/
                    background:#00aeef;}
#mainNav li a.active{background:#00aeef;}
#mainNav li a.active:hover{background:#00aeef;}


#menuColumn ul{ border-top:7px solid #ff0099;padding-top:7px; border-bottom:7px solid #ff0099;clear:left; margin-bottom:20px;}
.nonEvent{margin-top:20px;}
#menuColumn ul li{border-bottom:1px solid #e3e3e3;}
#menuColumn ul li a{font-size:0.7em; display:block; color:#0a57c0; font-weight:bold; text-decoration:none;padding:9px 18px;
                        Background:url(../App_Images/menuArrow.gif) no-repeat top right;}
#menuColumn ul li a:hover{text-decoration:underline;Background:url(../App_Images/menuArrow.gif) no-repeat right -40px; color:#000000;}
#menuColumn ul li a.active{Background:url(../App_Images/menuArrow.gif) no-repeat right -40px; color:#000000;}

h3.nonEvent {margin-top:25px;}

/* *************************************
	General Content widths
************************************* */

.mainContent{float:left; width:755px;padding:20px 0px 20px 10px;}
.eventContent{float:left; width:755px; padding:20px 0px 20px 10px;}

.fullPageArea{width:950px; margin-left:15px;}

.eventMapArea{margin-right:15px;width:300px; float:right;padding:20px 0px 20px 20px;background-color:#efefef;}/*full width is outside wrap: 335px*/
.eventMapAreaLarge{width:600px; float:left; padding:20px 0px 20px 35px;}
.eventListArea{width:290px; float:right; padding:20px 35px 20px 0px;}

.contactInformation{width:290px; float:left; padding:20px 10px 20px 0px;margin-right:15px;}
.first{margin-left:30px;}

.eventProfileArea{width:590px; float:left;margin-left:15px;padding:20px; }/*full width:630pxbackground-color:#992034;*/

#menuColumn{width:153px; float:left; margin-left:17px;padding-right:10px;}

.secondaryContentPanel{width:290px;background:#ffffff url(../App_Images/secondaryFooter.gif) no-repeat left bottom; float:left;margin:20px 10px 0px 10px;}
.secondaryContentPanel h3{background:url(../App_Images/secondaryHeader.gif) no-repeat left top;font-size:0.8em; padding:10px;margin:0;}
.secondaryContentPanel p{padding:4px 10px;font-size:0.7em;}
.secondaryContentPanel p a.callAction{}
.secondaryContentPanel p img{float:left; padding-right:20px;}

.inlineAdvert{width:300px; height:250px; background:#ddd;float:right;margin-right:35px;margin-left:10px;}

.newsColumn, .newsletterColumn, .adviceColumn{float:left; width:600px; }
.newsColumn p{margin-bottom:10px;padding-bottom:20px;border-bottom:1px dotted #1e1e1e; min-height:95px;}/*this needs an ie height fix*/
.newsColumn p img, p.summary img{float:left; padding-right:20px;}
.newsMenu, .newsMenu li{float:left; width:135px;padding-left:20px; font-size:0.825em;}
.newsMenu ul{padding:0;}
.newsMenu li{list-style-type:none; padding-left:2px; margin:6px 0px 5px 0px;}
.newsMenu li a{color:#0a57c0;text-decoration:none;}
.newsMenu li a:hover{text-decoration:underline; color:#000;}

.charitiesPage{width:600px;}
.charityPartner{width:135px; padding:0px 8px 0px 0 ; float:left; margin:10px 0;}
.charityPartner a img{border:none;}
.charityPartner a:hover img{}
.charitySupporter a{display:block;padding:3px; border-bottom:1px solid #e3e3e3; background:url(../App_Images/menuArrow.gif) no-repeat right -5px;}
.charitySupporter a:hover{color:#000;background:url(../App_Images/menuArrow.gif) no-repeat right -45px; text-decoration:underline}
/* *************************************
	decorative elements
************************************* */

.eventList{border-bottom:1px dotted #e1e1e1;padding-bottom:10px;}
.eventList strong{color:#000000;font-weight:bold;}

.date{float:left; width:55px; height:55px; 
      background:url(../App_Images/GreatSwimSprite.png) no-repeat -15px -315px; display:block; text-align:center;}
.month{padding-top:3px;width:50px; font-weight:bold; display:block;color:#000000;}
.stories span.date{ width:65px;height:65px;background:none;}
.day{padding-top:3px;width:50px; font-weight:bold; display:block; font-size:1.6em;color:#ffffff;}

ul.storiesList li{padding:5px 0px;clear:left; font-size:0.85em;}
ul.storiesList li a img{float:left; border:none; padding:5px;}

.eventInfo{padding-left:20px;width:170px;padding-top:25px; float:right;background:url(../App_Images/eventInfoPanelAlt.png) no-repeat 10px 0px;}
/*.eventInfo h3{padding-right:20px;margin:0 0 10px 0;!important}
!important}
.eventInfo p{margin:0;!important}*/.eventInfo h3.top{margin-top:0px;}
.mainImage{margin-top:-5px;}
.enterOnline a{width:174px; height:74px;display:block;
               background:url(../App_Images/enterOnline.png) no-repeat -1px top; margin-left:-10px;}
.enterOnline a:hover{background-position:-1px -74px;}
.enterOnline a span{display:none;}

.inspiredStory{width:600px; float:left;}
.inspiredStory p,.inspiredNews p{margin-left:230px;padding-right:20px;}
.inspiredStory blockquote, .inspiredNews blockquote{float:left; width:195px; padding:0px 5px 0 20px;margin:0; clear:left; font-style:italic; }
.inspiredStory blockquote p,.inspiredNews blockquote p{margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em;line-height:150%;color:#27347a;}
.storyImage{float:left; margin:10px 10px 10px 10px; border:3px solid #1bb7f1;}
.inspiredNews{width:755px; float:left;}

.facebookLink{float:right;margin-top:-10px;}
/* *************************************
	secondary content panels
************************************* */

.julian{background:#ffffff url(../App_Images/secondaryBackgrounds/julian.jpg) no-repeat left bottom;padding-bottom:121px;}
.fiji{background:#ffffff url(../App_Images/secondaryBackgrounds/fiji.jpg) no-repeat left bottom;}
.fiji h3{padding-left:150px;}
.fiji p a{display:block; padding-top:106px; text-decoration:none; color:#ffffff}
.fiji p a:hover{text-decoration:underline;}
.secondaryContentPanel p.onlineStore{padding:0px;}
.secondaryContentPanel p.onlineStore a{color:#666666; text-decoration:none;
                                       background:url(../App_Images/secondaryBackgrounds/store.jpg) no-repeat left -20px; 
                                     padding:0 50px 80px 20px;display:block;}
.secondaryContentPanel p.onlineStore a:hover{text-decoration:underline;}

.secondaryContentPanel p.moreInfo{text-align:right;margin-top:-10px;padding:1px 10px;}
.secondaryContentPanel p.moreInfo a{float:right;display:block;background:url(../App_Images/GreatSwimSprite.png) no-repeat -75px -319px;
                                    width:22px; height:23px;}
.secondaryContentPanel p.moreInfo a span{display:none;}   
.smallContent p{padding:0 10px;}       
.smallContent h3{padding:10px 10px 0px 10px;} 
.longContent{min-height: 210px} 
.smallContent{min-height:95px;}   
p.eventNews{padding:20px 15px;}
.julian a, p.eventNews a, .smallContent a{color:#666666;text-decoration:none;}
.julian a:hover, p.eventNews a:hover, .smallContent a:hover{text-decoration:underline}


.channel4{background: url(../App_Images/secondaryBackgrounds/channel4.jpg) no-repeat left top;height:212px;}
.channel4 h3{background:none; color:#ffffff;}
.channel4 p{margin-top:30px;padding-top:0px; padding-left:20px; padding-right:20px; color:#ffffff}
.channel4 p a{color:#ffffff;text-decoration:none;display:block;}
.channel4 p a:hover{color:#ffffff;text-decoration:underline}

.theCourse{background: url(../App_Images/secondaryBackgrounds/secondary_course.jpg) no-repeat left top;height:212px;}
.theCourse h3{background:none; color:#ffffff;}
.theCourse p{margin-top:30px;padding-top:0px; padding-left:20px; padding-right:20px; color:#ffffff}
.theCourse p a{color:#ffffff;text-decoration:none;display:block;}
.theCourse p a:hover{color:#ffffff;text-decoration:underline}

.enterPanel{background: url(../App_Images/secondaryBackgrounds/enterOnline.jpg) no-repeat left top;height:212px;}
.enterPanel h3{background:none; color:#ffffff;}
.enterPanel p{margin-top:30px;padding-top:0px;padding-left:20px; padding-right:20px; color:#ffffff}
.enterPanel p a{color:#ffffff;text-decoration:none;display:block;}
.enterPanel p a:hover{color:#ffffff;text-decoration:underline}

.pager {
font-size:0.875em; cursor: hand;
}

#aboutlist ul{padding:0;}
#aboutlist li{list-style-type:disc; font-size:0.75em; line-height:150%; color:#666666; padding-left:2px; margin:6px 0px 5px 0px;}
	

/* affects only IE7 */

.clearfix {

    min-width: 0;

    }

/* targets only IE5-6 and hidden from lowly IEmac \*/

    * html .clearfix { height: 1%; } 

/* end hide IEmac */

/* What? You want to get crazy and do IEmac too? Okay. \*//*/

    .clearfix { display: inline-table; } 

/* end IEmac only */

.clearer{clear:both;}