/*  style sheet goes to town with border, background and margin to demonstrate how much a few style sheet rules can achieve.

There is nothing very complicated here.
The "underlining" on the heading elements are in fact bottom borders, while the "box" effect is achieved by using left and right margins on the paragraphs. We've used percentage margins, so that the size of the paragraph stays relative to the size of the page.

Test this by previewing the page in an external browser, and then resizing the window of the browser.
*/
body {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #333333;}

h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #993300;
	
}

p, li, blockquote {
	font-size: 0.8em;
	padding-left: 5px;
	
}
.bodycopy {
	font-size: 0.8em;
	padding-left: 3px;
	line-height:20px;
	margin-left: 3px;
	margin-right: 5px;
	text-align: left;	
	
}

p	{
	margin-top:3px;
	margin-right: 5px;
	text-align: left;
	line-height:20px;
}

h1 {
	font-size: 12px;
	text-align: left;
	margin: 0px;
	margin-left: 5px;
}

h1 a {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#993300 !important;
	text-align: left;


}

h2, h3, h4, h5, h6 {
	padding-left: 5px;
}

h2 {
	font-size: 1.1em;
	font-weight: 500;
	color: 719FC2;
}

h3 {
	font-size: .9em;}

h4 {
	font-size: .8em;}

h5 {
	font-size: .8em;}

h6 {
	font-size: .8em;}

a:link, a:visited {
	color: #006633;
	text-decoration: none;
}

a:hover {
	color: #2b345a;}

a:active {
color: #2b345a; }
.right-verline {
	background-image: url(Images/VertLINE.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.left-verline {
	background-image: url(Images/VertLINE.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.timetables {
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}