/* 2010 Birmingham Council */


/*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/greatswimbgnd.jpg) no-repeat fixed center top;*/
    background:#000000 url(../App_Images/backgrounds/html.gif) repeat-x top;
}
body {
	font-size:100%;
	line-height:1.125em; /*16*1.125 = 18px*/
	font-family: Verdana,Tahoma,Lucida Sans,Arial,Helvetica,sans-serif;
	 background:url(../App_Images/backgrounds/header.jpg) no-repeat center top;
	text-align:center;
}

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

.sidenote {
	font-size:0.717em;
}

#wrap
{
    width:980px;
    margin:0 auto;
    /*padding:0 15px;*/
    text-align:left;
}
#websiteName
{
    height:110px;
    text-indent:-999px;
}
#websiteName p{margin:0;}
#header
{
    
}

#footer
{

    background:url(../App_Images/Backgrounds/footer.gif) no-repeat top left;
    /*padding-top:20px;*/
    height:74px;
    text-align:right;
}


/* *************************************
    Default content styles
************************************* */

h2{margin:0 0 10px 0;color:#f1df48;text-transform:uppercase; font-size:0.9em; font-weight:bold;}

h4{}

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

.newsColumn a {color:#f1df48; text-decoration: underline;}
.newsColumn a:hover {color:#ffffff; text-decoration: underline;}

a.newstitle {color:#ffffff; text-decoration: none;}
a.newstitle:hover {color:#ffffff; text-decoration: underline;}

p a{color:#f1df48;}
p a:hover{color:#ffffff;}

p strong{font-weight:bold;}

table td, table th{font-size:0.7em; line-height:150%; color:#FFFFFF;}

table th{font-weight:bold;}

/* *************************************
    Navigation
************************************* */
#nav{float:left;}
#nav li{float:left;}
#nav li a{display:block;height:42px; background:url(../App_images/backgrounds/navigation.jpg) no-repeat top left;}
#nav li a span{display:none;}

#nav li.homeLink a{background-position:0px 0px;width:82px}
#nav li.newsLink a{background-position:-82px 0px;width:53px}
#nav li.eventLink a{background-position:-135px 0px;width:87px}
#nav li.organisationLink a{background-position:-222px 0px;width:114px}
#nav li.volunteersLink a{background-position:-336px 0px;width:94px}
#nav li.mediaLink a{background-position:-430px 0px;width:59px}
#nav li.partnersLink a{background-position:-489px 0px;width:82px}
#nav li.teamsLink a{background-position:-571px 0px;width:61px}
#nav li.ticketsLink a{background-position:-632px 0px;width:68px}
#nav li.birminghamLink a{background-position:-700px 0px;width:102px}
#nav li.resultsLink a{background-position:-802px 0px;width:73px}
#nav li.contactLink a{background-position:-875px 0px;width:105px}


#nav li.homeLink a:hover{background-position:0px -42px;width:82px}
#nav li.newsLink a:hover{background-position:-82px -42px;width:53px}
#nav li.eventLink a:hover{background-position:-135px -42px;width:87px}
#nav li.organisationLink a:hover{background-position:-222px -42px;width:114px}
#nav li.volunteersLink a:hover{background-position:-336px -42px;width:94px}
#nav li.mediaLink a:hover{background-position:-430px -42px;width:59px}
#nav li.partnersLink a:hover{background-position:-489px -42px;width:82px}
#nav li.teamsLink a:hover{background-position:-571px -42px;width:61px}
#nav li.ticketsLink a:hover{background-position:-632px -42px;width:68px}
#nav li.birminghamLink a:hover{background-position:-700px -42px;width:102px}
#nav li.resultsLink a:hover{background-position:-802px -42px;width:73px}
#nav li.contactLink a:hover{background-position:-875px -42px;width:105px}

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

.newsColumn{width:650px; background-color:#191919; float:left;padding:0;}
.liveArea{width:330px;float:left; background:#0d0d0d; min-height:300px;}
.newsArea{padding:20px 20px 20px 30px; border-bottom:1px solid #3d3d3d; color:#ffffff; min-height: 140px;}
.newsArticle{padding:20px 20px 0px 30px; color:#ffffff; min-height: 140px;}
.newsArticle p img{padding-right:30px; padding-bottom:30px; float:left; }
.newsArea p img{padding-right:30px; padding-bottom:30px; float:left; }

/* *************************************
	decorative elements
************************************* */


.fauxColumns{background:url(../App_Images/backgrounds/fauxColumns.jpg) repeat-y;}

.newsColumn h2{margin:20px 0 0 30px;}
.newsArticle p .date, .newsArticle p a{color:#f1df48;}

.liveArea h2{margin:20px 0 0 20px;}
.liveArea p{margin:20px 30px 0 20px;}

.homepageHighlight{width:330px; height:165px;float:left;}
.homepageHighlight, .homepageHighlight a{color:#ffffff;}
.theEvent
{
    padding:37px 10px 20px 180px; width:140px; height:108px;
    background:url(../App_Images/Backgrounds/highlight_event.jpg) 
        no-repeat top left;}
.tickets
{
    padding:37px 10px 20px 170px; width:140px; height:108px;
    background:url(../App_Images/Backgrounds/highlight_tickets.jpg) 
        no-repeat top left;}
		
		
.volunteers
{
    padding:37px 10px 20px 170px; width:140px; height:108px;
    background:url(../App_Images/Backgrounds/highlight_volunteers.jpg) 
        no-repeat top left;}
		
.countdown
{
    text-align:center;
    padding-top:37px;
    height:128px;
    background:url(../App_Images/Backgrounds/highlight_countdown.jpg) 
        no-repeat top left;}
.countdown p{font-size:2.0em;font-weight:bold; margin-top:-15px;margin-left:-10px; color:#f1df48}

#birmlist li {
margin:8px 0px; font-size:0.717em; line-height:150%;
} 


#birmlist li a {
	color:#f1df48; 
	text-decoration: underline;
} 

#birmlist li a:hover {
	color:#ffffff; text-decoration: underline;
} 

.mask
{
background:url(../App_Images/mask.gif) no-repeat top left;}
}

.register 
{
margin: 5px 30px 5px 0;
}

.register1 
{
margin: 5px 0 5px 30px;
}

.hideme,#stridesLink span{display:none;}
#stridesLink{float:right;display:block; height:42px; width:76px;
             Background:url(../App_Images/stridesBackground.jpg) no-repeat top left;
             }







#welcomepanel { 
background:url(../App_Images/homepageWelcome.jpg) no-repeat;
width: 980px;
height: 313px;
}

.featuredsponsors {
background-color: #000;
float:right;
padding: 10px;
margin-top: 15px;
}

.featuredsponsors ul {
background-color: #fff;
padding: 5px;
margin: 0;
}

.featuredsponsors li {
border: solid 1px #ccc;
padding: 0;
margin: 0 0 5px 0;
display: block;
}

















/* 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;}