/*this style sheet - bexhillbusstylesheet- sets the style rules, colours, fonts and appearance of the web pages on the bexhill community bus website*/

body {
margin-top: 1em; 
margin-left: 0;
background-color: #FFFFCC;
font-family: "myriad web", Verdana, Arial, sans-serif;
font-weight: normal;
color: #000;
text-align: left;

}


#headerbar {
width: 100%;
padding: 0 0 2em 0;

}

#headerbar img {

margin: 0em 2em 0em 1em;
float: left;
}




#navbar {
width: 22%;
float: left;
background-color: #ffc;
margin-right: 0.2em;
margin-bottom: 15em;
padding-bottom: 15em;
color: #03C;
}


#navbar ul {
line-height: 1.2em;
list-style: disc;
color: #03C;
background-color: #FFC;

}

#navbar ul ul {
font-size: smaller;
list-style: square;
margin-left: 1em;
line-height: 1.3em;
padding-right: 0.2em;
background-color: #FFC;
color: #03C;
}

#navbar A:link

{color: #0000CC ;font-size: 1em; background-color: #FFc; } 


#navbar A:visited

{color: #663366 ;font-size: 1em;background-color: #FFc;}       


#navbar A:active

{color: #000099 ;font-size: 1em;background-color: #FFC;}  



#navbar A:hover

{color: #FF0000 ;font-size: 1em; background-color: #FFC;} 


#content {
background-color: #FFF;
padding: 0 0 1em 10em;
border-top: 0.1em solid #03C;
border-bottom: 0.1em solid #03C;
color: #000;
margin-bottom: 2em;
}

#content p {
padding-left: 3.5em;
padding-right: 1.5em;
}


#content ul {
line-height: 1.2em;
}

#content li {
margin-left: 4em;
}


#content img {
margin-left: 4em;
}

#timetable {
margin-left: 5em;

}



#footer {
width: 100%;
font-size: 0.8em;
background-color: #FFC;
margin-top: 2em;
padding-bottom: 2em;
}


h1 
{color: #03C; text-align:left; font-size: 2em; font-style: italic; background-color: #FFc;}


h2 {color: #03C; font-size: 1.3em; margin-left: 5em; background-color: #FFF;}

h3 {font-size: 1.1em; margin-left: 5em;}


td {
padding: 3px;
}

th {
text-align: left;
}

A:link

{color: #0000CC ;font-size: 1em; background-color: #FFF; } 



A:visited

{color: #663366 ;font-size: 1em;background-color: #FFF;}       


A:active

{color: #000099 ;font-size: 1em;background-color: #FFF;}  



A:hover

{color: #FF0000 ;font-size: 1em; background-color: #FFF;}