/*
 * Global Stylesheet for Accessibility In Focus
 * http://www.accessibilityinfocus.co.uk
 * Written by John Stewart - http://www.jstewartdesign.com
*/

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

body{
background:url(../images/background.gif);
background-position: center top;
background-repeat: no-repeat;
background-color: #c4c4c4;
text-align: center;
margin: 0 auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

a:link {color:#ed3b8e; text-decoration: underline;}
a:visited {color:#9d245e; text-decoration: underline;}
a:visited:hover {color:#555555; text-decoration: none;}
a:hover {color:#555555; text-decoration: underline;}
a:active {color:#555555; text-decoration: none;}

/*-----------------
GENERAL STYLES
------------------*/

span{
color:#000000;
font-weight: 800;
}

img{
border: 0px
}

.left{
float: left;
font-weight: normal;
}

.right{
float: right;
font-weight: normal;
}

.clear{
clear:both;
}

.hidden{
display: none;
}

.justify{
text-align:justify;
}

.center{
text-align: center;
}

.winner{
margin: 15px 0px 15px 0px;
border: 1px solid #eeeeee;
}

#thewinners{
width: 526px;
height: 264px;
background-image:url(../images/winners_home.jpg);
background-repeat: no-repeat;
display: block;
text-indent: -99999px;
}


.imgwrap{
float: left;
display: inline;
clear: both;
padding: 0px 15px 15px 0px;
}

.readmore{
float: right;
display: block;
background-image:url(../images/arrow_more.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 12px;
}


.shadowfont{
color:#999999;
font-size: 0.8em;
font-weight:normal;
}

form pform{
font-weight: 400;
}

#wrapper{
width: 765px;
margin: 0 auto;
text-align: left;
}

#general{
margin: 10px 0px 10px 0px;
}

#general p{
padding: 0px 0px 0px 0px;
}

#general .profile{
margin: 15px 0px 5px 0px;
font-weight: normal;
}

#error{
border-color:#CC0000;
border-width: 1px;
border-style: solid;
background-color: #FFC4C4;
padding: 4px;
margin-bottom: 5px;
}

/*--------------------------
CONTENT TOP & BODY STYLES
----------------------------*/

#content_top{
width: 765px;
padding: 0px 0px 0px 0px;
}

#content_top_sub{
width: 276px;
padding: 34px 0px 0px 215px;
float: left;
}

#content_top_alpha{
width: 239px;
padding: 30px 0px 0px 0px;
float: right;
}

#content{
background-color:#ffffff;
color: #333333;
margin-left: 13px;
width: 530px;
min-height: 600px;
border: 1px;
border-style: solid;
border-color: #d2d2d2;
float: left;
padding: 15px;
}

#content h1{
font-size: 1.4em;
padding: 0px 0px 5px 0px;
height: 23px;
margin: 0px;
width: 100%;
color: #ed3b8e;
font-weight: normal;
border-bottom-style:solid;
border-bottom-width: 1px;
border-bottom-color:#000000;
}

#content h2{
font-size: 1.0em;
padding: 0px 0px 0px 0px;
margin: 0px;
color: #ed3b8e;
font-weight: bold;
}

#content h3{
font-size: 1.0em;
padding: 0px 0px 0px 0px;
margin: 0px;
color: #ed3b8e;
font-weight: bold;
}

/*-----------------
HOMEPAGE STYLE
------------------*/

#content_home{
background-color:#ffffff;
color: #333333;
margin-left: 13px;
width: 560px;
border: 1px;
border-style: solid;
border-color: #d2d2d2;
float: left;
}

#content_home_hold{
padding: 15px;
}

#content_home h1{
font-size: 1.4em;
padding: 0px 0px 5px 0px;
margin: 0px;
width: 100%;
color: #ed3b8e;
font-weight: normal;
border-bottom-style:solid;
border-bottom-width: 1px;
border-bottom-color:#000000;
}

#content_home h2{
font-size: 1.2em;
padding: 0px 0px 0px 0px;
margin: 0px;
color: #ed3b8e;
font-weight: bold;
}

#homepagept1{
width: 305px;
float: left;
margin: 10px 0px 15px 0px;
padding: 0px 15px 0px 0px;
}

#homepagept2{
width: 180px;
float: left;
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 15px;
border-left: 1px;
border-left-style: solid;
border-left-color: #e6e6e6;
}

#homepagept2 p{
margin: 0px;
padding: 0px;
}

#homepagept2 h2{
margin: 0px;
padding: 0px 0px 0px 0px;
}


.date{
font-size: 0.7em;
color: #666666;
}

#partners{
height: 124px;
background-image:url(/images/home_partners_bg.gif);
background-repeat:repeat-x;
clear: both;
padding-top: 10px;
}

.partner_block{
float: left;
width: 263px;
margin: 5px 0px 5px 10px;
}
/*-----------------
NEWS PAGE STYLE
------------------*/

#news h2{
font-size: 1.2em;
padding: 10px 0px 0px 0px;
margin: 0px;
color: #ed3b8e;
font-weight: bold;
}

#news p.date{
font-size: 0.8em;
padding: 0px 0px 2px 0px;
margin: 0px;
color:#999999;
}

#news p{
padding: 8px 0px 8px 0px;
margin: 0px;
}

/*-----------------
AWARDS PAGE STYLE
------------------*/

#awards{
width: 500px;
padding: 15px 0px 0px 0px;}

#awards div{
height: 182px;
}

/*-----------------
PROJECT PAGE STYLES
------------------*/

#projectpt1{
width: 305px;
float: left;
margin: 15px 0px 0px 0px;
padding: 0px 15px 0px 0px;
border-right: 1px;
border-right-style: solid;
border-right-color: #e6e6e6;
}

#projectpt2{
width: 180px;
float: left;
padding: 15px 10px 0px 15px;
}

#project_btm{
clear: both;
padding: 15px 0px 0px 0px;
}

#projectpt1 p{
margin-top: 0px;
padding-top: 0px;
}

#homepagept2 h2{
margin-bottom: 10px;
padding: 0px 0px 10px 0px;
}

/*-----------------
SUBMIT PAGE STYLES
------------------*/

#submitpt1{
width: 240px;
float: left;
padding: 5px 30px 0px 5px;
}

#submitpt1 h2{
margin: 10px 0 10px 0;
height: 0;
width: 132px;/* image width */
padding-top: 43px;/* image height */
overflow: hidden;
background:url(../images/step1.gif) no-repeat;
font-size: 1px;
border: none;
color: #FFFFFF;
}


#submitpt2{
width: 242px;
float: left;
padding: 5px 0px 0px 0px;

}

#submitpt2 h2{
margin: 10px 0 10px 0;
height: 0;
width: 174px;/* image width */
padding-top: 43px;/* image height */
overflow: hidden;
background:url(../images/step2.gif) no-repeat;
font-size: 1px;
border: none;
color: #FFFFFF;
}

#submitpt3 h2{
margin: 10px 0 10px 0;
height: 0;
width: 152px;/* image width */
padding-top: 43px;/* image height */
overflow: hidden;
background:url(../images/step3.gif) no-repeat;
font-size: 1px;
border: none;
color: #FFFFFF;
}

p.pform{
padding: 20px 0px 0px 0px;
margin: 0px;
}

p.pink{
color: #ed3b8e;
padding: 5px 0px 0px 0px;
margin: 0;
}

#submitpt2 input.button2{
background-color: #ed3b8e;
border-style: solid;
border-width: 1px;
border-color: #333333;
color: #FFFFFF;
width: 171px;
height: 28px;
float: right;
margin-top: 10px;
font-weight: bold;

}

/*-----------------
SIDE BAR STYLE
------------------*/

#sidebar{
width: 190px;
background:url(../images/sidebar_bg.gif);
float: left;
clear: both;
margin: 0px;
padding: 0px;
}

#sidebar p{
padding: 0px 12px 0px 15px;
margin: 0px;
font-size: 0.9em;
}

#sidebar h1{
font-size: 1.3em;
padding: 0px 0px 0px 15px;
margin: 0px;
color: #ed3b8e;
font-weight: normal;
display: inline;
}

#sidebar h2{
font-size: 1.0em;
padding: 0px 0px 5px 15px;
margin: 0px;
color: #ed3b8e;
font-weight: normal;
}

#sidebar form p{
padding: 0px 15px 0px 15px;
}

#sidebar input{
margin-bottom: 2px;
border-style: solid;
border-width: 1px;
border-color:#666666;
}

#sidebar input.button{
background-color: #ed3b8e;
color: #FFFFFF;

}

form .errFld {
padding: 1px;
border: 1px solid #F00;
}

/*----------------------
FORM VALIDATION wForms
------------------------*/

/* Styling for message associated with a validation error. */
form .errMsg {
color: #990000 !important;
display: block;
font-size: 0.8em;
}
/* Field-Hint with focus */
form .field-hint {
color: #000;
float: right;
width: 220px;
margin: 15px 0 0 0;
}
/* Field-Hint without focus */
form .field-hint-inactive {
color: #990000;
float: right;
clear: right;
width: 220px;
margin: 15px 0 0 0;
}

/*-----------------
FOOTER STYLE
------------------*/

#footer{
background-color:#FFFFFF;
border-color:#d2d2d2;
border-width: 1px;
border-style: solid;
clear: both;
width: 540px;
font-size: 0.8em;
margin: 10px 0px 15px 203px;
padding: 10px 10px 10px 10px;
}

#footer a:link {color:#000000; text-decoration: underline;}
#footer a:visited {color:#000000; text-decoration: underline;}
#footer a:visited:hover {color:#555555; text-decoration: none;}
#footer a:hover {color:#555555; text-decoration: underline;}
#footer a:active {color:#000000; text-decoration: none;}

/*-----------------
MAIN NAVIGATION
CSS Rollovers
------------------*/

#main_navigation{
height: 27px;
padding:0px 0px 0px 0px;
margin:0px;
overflow:hidden;
float: right;
width:527px;
}

#main_navigation li{
margin:0px;
padding:0px;
float:left;
display:inline;
}
#main_navigation a {
background-position:bottom left;
height:27px;
display:block;
outline:none;
text-decoration:none;
text-indent:-5000px;
}

#main_navigation a:hover{
background-position:top left;
}
.nav_home{
background-image:url(../images/menu/home.gif);
width:63px;
}

.nav_news{
background-image:url(../images/menu/news.gif);
width:63px;
}

.nav_about{
background-image:url(../images/menu/about.gif);
width:165px;
}

.nav_submit{
background-image:url(../images/menu/submit.gif);
width:153px;
}

.nav_winners{
background-image:url(../images/menu/thewinners.gif);
width:153px;
}

.nav_contact{
background-image:url(../images/menu/contact.gif);
width:82px;
}

#main_navigation li a.selected{
background-position:top left !important;
}

/*-----------------
TEXT SIZE NAVIGATION
CSS Rollovers
------------------*/

#text_navigation{
height: 27px;
padding:0px 10px 0px 0px;
margin:0px;
overflow:hidden;
float: right;
width:111px;
}

#text_navigation li{
margin-left:3px;
padding:0px;
float:left;
display:inline;
}
#text_navigation a {
background-position:bottom left;
height:28px;
display:block;
outline:none;
text-decoration:none;
text-indent:-5000px;
}

#text_navigation a:hover{
background-position:top left;
}
.nav_asmall{
background-image:url(../images/menu/a_small.gif);
width:34px;
}
.nav_amedium{
background-image:url(../images/menu/a_medium.gif);
width:34px;
}
.nav_alarge{
background-image:url(../images/menu/a_large.gif);
width:34px;
}

#text_navigation li a.selected{
background-position:top left !important;
}

/*-----------------
ABOUT SUB NAVIGATION
CSS Rollovers
------------------*/

#about_navigation{
height: 23px;
padding:0px 0px 0px 0px;
margin:0px;
overflow:hidden;
float: right;
width:282px;
}

#about_navigation li{
margin-left:0px;
padding:0px;
float:left;
display:inline;
vertical-align:bottom;
}
#about_navigation a {
background-position:top left;
height:23px;
display:block;
outline:none;
text-decoration:none;
text-indent:-5000px;
}

#about_navigation a:hover{
background-position:bottom left;
}
.nav_theawards{
background-image:url(../images/menu/theawards.gif);
width:91px;
}
.nav_thejudges{
background-image:url(../images/menu/thejudges.gif);
width:87px;
}
.nav_theproject{
background-image:url(../images/menu/theproject.gif);
width:94px;
}

#about_navigation li a.selected{
background-position:bottom left !important;
}

/*-----------------
PARTNER SUB NAVIGATION
CSS Rollovers
------------------*/

.partner_navigation{
height: 74px;
padding:0px 0px 0px 0px;
margin: 0px;
overflow:hidden;
float: right;
width: 270px; 
}

.partner_navigation li{
margin-right: 9px;
padding: 0px;
float:left;
display:inline;
vertical-align:bottom;
}
.partner_navigation a {
background-position:top left;
height:74px;
display:block;
outline:none;
text-decoration:none;
text-indent:-5000px;
}

.partner_navigation a:hover{
background-position:bottom left;
}

.nav_dotnet{
background-image:url(../images/dotnet_partner.gif);
width:126px;

}
.nav_thefwa{
background-image:url(../images/thefwa_partner.gif);
width:126px;
}
.nav_rr{
background-image:url(../images/rr_partner.gif);
width:126px;
}

.nav_brunel{
background-image:url(../images/brunel_partner.gif);
width:126px;
}


#about_navigation li a.selected{
background-position:bottom left !important;
}


/*-----------------
SITE MAP STYLE
Inspired by Alexander Sperl http://www.alexandersperl.de/
------------------*/



#sitemap {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #000000;
}

#sitemap li {
list-style-type: none;
}

ul#sitemap > li {
margin-bottom: 10px;
}

#sitemap ul li {
list-style-image: url(../images/sitemap/l2_normal.gif);
}

#sitemap ul ul li {
list-style-image: url(../images/sitemap/l3_normal.gif);
}

#sitemap ul li.firstfollow {
list-style-image: url(../images/sitemap/l2_first_follow.gif);
}

#sitemap ul li.last {
list-style-image: url(../images/sitemap/l2_last_item.gif);
}

#sitemap ul ul li.firstfollow {
list-style-image: url(../images/sitemap/l3_first_follow.gif);
}

#sitemap ul ul li.last {
list-style-image: url(../images/sitemap/l3_last_item.gif);
}