* { padding: 0; margin: 0; border: 0; }
body { font-family: Arial; font-size: 62.5%; background: #f0f0ee; width: 100%; }

/* main styles */
#container { width: 970px; height: auto; margin: 0 auto; }
#mainContent { float: left; width: 960px; min-height: 500px; height: auto !important; height: 500px; background:url(../images/bg.jpg) no-repeat;}
#mainContent .mainText{float:left; width:960px;padding-top:22px;}
#mainContent .mainText h1{text-align:center; font-size:2.1em; color:#993366; font-weight:bold; line-height:1.8em}
#mainContent .mainText h2{text-align:center; font-size:1.6em; color:#993366; font-weight:normal}
#mainContent .mainText h2 span{color:#222121; font-weight:bold}


/* Holding Page */
/*#mainContent #collective{float:left; margin:45px 11px 0 0}

#mainContent #frame{float:left; margin-top:40px}

#mainContent #text{float:left; width:375px; padding-top:30px;}
#mainContent #text h2{float:left; font-size:2.7em; color:#993366; font-weight:normal; text-align:left; margin-bottom:3px; clear:both; width:375px;}
#mainContent #text a{float:left; clear:both; color:black; font-size:1.7em; margin-bottom:7px; text-decoration:none; font-weight:bold; width:375px;}
#mainContent #text a:hover{text-decoration:underline;}
#mainContent #text p{float:left; clear:both; font-size:1.2em; width:375px;}*/


/* Holding Page 2 */
#texthead {float:left; margin:72px 0 370px 25px; width:935px;}
#texthead h2{float:left; font-size:2.7em; color:#993366; font-weight:bold; text-align:left; margin-bottom:3px; clear:both;}
#texthead h3{clear:both; font-size:2.1em}

#table{float:left;}
#table tr{height:20px;}
#table th{float:left; text-align:left; font-size:1.3em}
#table th.first{width:300px; padding-left:30px;}
#table td{float:left; font-size:1.3em; padding:2px 30px 0 0 ;}
#table td.first{width:300px; padding-left:30px;}

#strapline{width:970px;}
#strapline p{padding:0 20px 30px 27px; clear:both; font-size:1.7em; font-weight:bold;}

#text{float:left; margin:18px 27px 0 30px; width:470px}
#text h4{font-size:1.9em; padding-bottom:15px}
#text p{padding-bottom:15px; font-size:1.3em}


/* form styling */
label.label { float: left; clear: left; width: 150px; font-size: 1.2em; }
select.select { float: left; clear: right; width: 296px; border: 2px inset; }
input.text { float: left; clear: right; width: 296px; border: 2px inset; }
input.file { float: left; clear: right; width: 300px; }
input.checkbox { float: left; width: 15px; height: 16px;  }
textarea.textarea { float: left; clear: right; width: 296px; height: 100px; overflow: auto; border: 2px inset; font-family: Arial; font-size: 1.2em; }
a#changeImage { font-size: 1.2em; color: #000; text-decoration: underline; }
a#changeImage:hover { text-decoration: none; }
span.error { float: left; width: 670px; font-size: 1.2em; font-weight: bold; color: #942b7b; margin-bottom: 20px; }
label a { color: #000; text-decoration: underline; }
label a:hover { text-decoration: none; }



/* footer section */
#footer { float: left; width: 960px; height: auto; margin-top:20px;}
#talkingHeads { float: left; width: 960px; height: 110px; background: url(../images/footer-centre.gif) repeat-x top left; position: relative; }
#talkingHeads img#footerLeft { position: absolute; top: 0; left: 0; }
#talkingHeads img#footerRight { position: absolute; top: 0; right: 0; }
#talkingHeads img#londonOlympics { position: absolute; top: 0; left: 26px; }
#talkingHeads img#talkingHeadsBanner { position: absolute; top: 10px; left: 216px; }
#copyright { float: left; width: 950px; height: auto; padding: 20px 0; font-size: 0.9em; color: #a5acb0; }
span#copyrightLeft { float: left; width: 600px; }
span#copyrightLeft a { color: #932a7b; text-decoration: none; }
span#copyrightLeft a.grey { color: #a5acb0; }
span#copyrightLeft a:hover { text-decoration: underline; }
span#copyrightRight { float: left; width: 350px; text-align: right; }
span#copyrightRight a { color: #a5acb0; text-decoration: none; }
span#copyrightRight a:hover { text-decoration: underline;}