/* 

screen.css: 

------------

Job:				Face of the city
Produced by:		Brava Design

------------

colours 

home blue --- #337881;
about red --- #b90d1d;
art locator green --- #7D8134;
gallery orange --- #c05c16;
news and events purple --- #613f7c;
faq pink --- #a50b62;
other projects dark blue --- #164165;
useful links warm grey --- #6d5c49;
contact yellow --- #bc8a00;
brown --- #443117;



------------
*/

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:0.75em;
line-height:1.6em;
background: url(../images/bg_tile.gif) repeat-x;
}


h1{
display:none;}


h2{
font-size:1.2em;
margin:1.5em 0 0 0;
padding:0 0 1em 0em;
text-transform:uppercase;
background-image: url(../images/h2_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
}


h3{
font-size:1em;
color:#555;
margin:1em 0 0 0;
padding:0;
}

h4{
font-size:1em;
margin:1em 0 0 0;
padding:0;
}

h5{
font-size:1em;
margin:1em 0 0 0;
padding:0;
color:#555;
}

p{
margin:1em 0 0 0;
padding:0 0 0 0;
}


strong{
color:#555;
font-weight:bold;
}
/*---------------------------------- hr -----------------------------------*/

hr{
margin:1em 0 0 0;
padding:0;
background-color:#ebebeb;
height:0.1em;
border:0;
color:#ebebeb;
}

/*---------------------------------- img -----------------------------------*/

img{
margin:0;
padding:0;}

/*----------------------------------ul li -----------------------------------*/

ul{
margin:0px;
padding:0px;
list-style:none;
}


#central_no_rhs ul, #central ul, #rhs ul{
margin:1em 0 0 0;
padding:0;
}

#central_no_rhs li, #central li, #rhs li{
margin:0;
padding:0 0 0 1.3em;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:top left;
}

/*----------------------------------a -----------------------------------*/

a{
text-decoration:underline;
font-weight:bold;}

a:hover{
text-decoration:none;
}

a.red{
color:#b90d1d;
}

a.blue{
color:#337881;
}

a.yellow{
color:#bc8a00;
}

a.green{
color:#7D8134;
}

a.orange{
color:#b90d1d;
}

a.brown{
color:#443117;
}

a.orange{
color:#c05c16;
}

a.purple{
color:#c05c16;
}

a.orange{
color:#c05c16;
}

a.pink{
color:#a50b62;
}


a.darkblue{
color:#164165;
}


a.warmgrey{
color:#6d5c49;
}



/*----------------------------------container -----------------------------------*/

div#container{
padding:0px;
margin:auto;
width:770px;
}

/*----------------------------------banner -----------------------------------*/
	
div#banner{
padding:0px;
margin:0px 0px 1em 0em;

}

/*---------------------------------- lhs -----------------------------------*/
	

div#lhs{
margin:0.8em 1em 0 0; 
padding:0 0 0 0;
float:left;
width:130px;
}

#supporting_logos{
margin:0 0 0 1em;
padding:0em;
}

#supporting_logos img{
border:0px;
}


#nav{
margin:0 0 0 0;
padding:0em;
}

#nav ul{

list-style:none;
list-style-image:none;
padding:0.5em 0 0 1.5em;
margin:0}



#nav li a{
padding:0.5em 0 0.5em 0;
margin:0;
border-bottom:1px solid #ebebeb;
text-decoration:none;
display:block;
width:105px;
font-weight:bold;
}

.red #nav li li a{
width:85px;
padding:0.5em 0 0.5em 0;
margin:0 0 0 0;
color:#b90d1d;
font-weight:bold;
}

.green #nav li li a{
width:85px;
padding:0.5em 0 0.5em 0;
margin:0 0 0 0;
color:#7D8134;
font-weight:bold;
}

#nav li li.first a{
padding:0 0 0.5em 0;
margin:0 0 0 0;
}


#nav a.active{
text-decoration:underline;
}

#nav li li a:hover{ 
text-decoration:underline;}

#nav li a:hover{ 
text-decoration:underline;}



li.pink a{
color:#a50b62;
}

li.blue a{
color:#337881;
}

li.red a{
color:#b90d1d;
}
li.green a{
color:#7D8134;
}

li.yellow a{
color:#bc8a00;}

li.orange a{
color:#c05c16;}

li.purple a{
color:#613f7c;}


li.grey a{
color:#6d5c49;}


li.darkblue a{
color:#164165;}



/*---------------------------------- central-----------------------------------*/
	
div#central{
margin:0 1em 0em 1.5em;
padding:0 0 0em 0;
width:380px;
float:left;
}

div#central_no_rhs{
margin:0 0 0em 1.5em;
padding:0 0 0em 0;
width:590px;
float:left;
}


div#body_content{
margin:1em 0 0 0;
padding:0 0 0 0;
}

/*---------------------------------- rhs -----------------------------------*/
	

div#rhs{
margin:0 0 0 1.5em ;
padding:0;
width:160px;
float:left;

}

div#blocks{
margin:1em 0 0 0;
padding:0;
}


/* ---------------------------- home blue --- #337881 ---------------------------- */

.blue h2, .blue h4{
color:#337881;}

.blue a{
color:#337881;
font-weight:bold
}


.blue #nav a.active{
font-weight:bold;
color:#337881;
text-decoration:underline;}

h2.blue{
color:#337881;}

blockquote p{
padding:1em 0 0 0 ;
font-weight:bold;
color:#555;

}

blockquote {
margin:0;
padding:0px;
background: transparent url(../images/quoleft.png) left top no-repeat;

}

blockquote div {
padding: 1em ;
background: transparent url(../images/quoright.png) right bottom no-repeat;
}

/* ---------------------------- about red --- #BA2025 ---------------------------- */

.red h2, .red h4{
color:#BA2025;}

.red a{
color:#BA2025;
font-weight:bold
}

.red#nav a.active{
font-weight:bold;
color:#BA2025;
text-decoration:underline;}


h2.red{
color:#BA2025;}

.red strong{
color:#BA2025;
font-weight:bold
}




/* ---------------------------- art locator green --- #7D8134 ---------------------------- */

.green h2, .green h4{
color:#7D8134;}

.green a{
color:#7D8134;
font-weight:bold
}

.green #nav a.active{
font-weight:bold;
color:#7D8134;
text-decoration:underline;}


h2.green{
color:#7D8134;}


.green strong{
color:#7D8134;
font-weight:bold
}



/* ---------------------------- gallery orange --- #c05c16 ---------------------------- */

.orange h2, .orange h4{
color:#c05c16;}

.orange a{
color:#c05c16;
font-weight:bold
}

.orange #nav a.active{
font-weight:bold;
color:#c05c16;
text-decoration:underline;}


h2.orange{
color:#c05c16;}

.orange strong{
color:#c05c16;
font-weight:bold
}


/* ---------------------------- news and events purple --- #613f7c ---------------------------- */

.purple h2, .purple h4{
color:#613f7c;}

.purple a{
color:#613f7c;
font-weight:bold
}

.purple #nav a.active{
font-weight:bold;
color:#613f7c;
text-decoration:underline;}


h2.purple{
color:#613f7c;}

.purple strong{
color:#613f7c;
font-weight:bold
}

/* ---------------------------- faq pink --- #a50b62 ---------------------------- */
.pink h2, .pink h4{
color:#a50b62;}

.pink a{
color:#a50b62;
font-weight:bold
}

.pink #nav a.active{
font-weight:bold;
color:#a50b62;
text-decoration:underline;}


h2.pink{
color:#a50b62;}


.pink strong{
color:#a50b62;
font-weight:bold
}

/* ---------------------------- other projects dark blue --- #164165 ---------------------------- */

.darkblue h2, .darkblue h4{
color:#164165;}

.darkblue a{
color:#164165;
font-weight:bold
}

.darkblue #nav a.active{
font-weight:bold;
color:#164165;
text-decoration:underline;}


h2.darkblue{
color:#164165;}


.darkblue strong{
color:#164165;
font-weight:bold
}
/* ---------------------------- useful links warm grey --- #6d5c49 ---------------------------- */

.warmgrey h2, .warmgrey h4{
color:#6d5c49;}

.warmgrey a{
color:#6d5c49;
font-weight:bold
}

.warmgrey #nav a.active{
font-weight:bold;
color:#6d5c49;
text-decoration:underline;}


h2.warmgrey{
color:#6d5c49;}

.warmgrey strong{
color:#6d5c49;
font-weight:bold
}
/*---------------------------- contact yellow --- #bc8a00 ---------------------------- */

.yellow h2, .yellow h4{
color:#bc8a00;}

.yellow a{
color:#bc8a00;
font-weight:bold
}

.yellow #nav a.active{
font-weight:bold;
color:#bc8a00;
text-decoration:underline;}


h2.yellow{
color:#bc8a00;}

.yellow strong{
color:#bc8a00;
font-weight:bold
}


/*---------------------------- about brown --- #443117 ---------------------------- */

.brown h2, .brown h4{
color:#443117;}

.brown a{
color:#443117;
font-weight:bold
}

.brown #nav a.active{
font-weight:bold;
color:#443117;
text-decoration:underline;}


h2.brown{
color:#443117;}

.brown strong{
color:#443117;
font-weight:bold
}



/*---------------------------------- sitemap  -----------------------------------*/




#central #body_content.sitemap ul li{ 
background-image:none;
list-style:none;
list-style-image:none;
}



#central #body_content.sitemap li a{
padding:0.5em 0 0.5em 0;
margin:0;
border-bottom:1px solid #ebebeb;
display:block;
width:105px;
font-weight:bold;
list-style:none;
list-style-image:none;
list-style-position:none;
}




/*---------------------------------- thumbnails  -----------------------------------*/

#thumbnails{
width:165px; 
float:left;
margin:1.3em 1em 0 0;
padding:0 0 00;
}

#thumbnails img{
border:0.1em #e4e3e3 solid;
padding:0.2em 0.2em 0.2em 0.2em;
margin:0 0 0 0;
}

h3 img, h4 img,  p img{
padding:0.2em 0.2em 0.2em 0.2em;
margin:0.3em 1em 0  0;
border:0.1em #e4e3e3 solid;
float:left;
clear: both;
display:block;
}

/*---------------------------------- footer -----------------------------------*/

div#footer{
margin:0 0 0 0;
padding:1em 0 1em 0;
clear:both;
font-size:0.85em;
background-image:url(../images/footer_bg.gif);
background-repeat: repeat-x;
background-position:top;

}


div#footer ul li{
margin:0 1em 0 0; 
padding:0;
display:inline;}

div#footer ul{
margin: 1em 0 0 42.5em; 
padding:0.5em 0 0 0;
text-align:left;
}

div#footer a{
font-size:1em;
color:#337881;
font-weight:normal;
}

div#footer a:hover{
font-size:1em;
color:#337881;
}

div#footer a.active{
font-size:1em;
color:#337881;
text-decoration:underline;}

	


/*------------------------------- form ----------------------------------*/


.form{
background:#ffffff;
font-family:arial,helvetica,sans-serif;
font-size:100%;
color: #000;
border:1px solid #bc8a00;
width:250px;
padding:2px;
margin:0 0 0.5em 0;
display:block;

}

label{
display:none;
}


form{
margin:1em 0 0 0;
padding:0;
}