/* This is the style sheet file for the Art of Course Ltd Web Site MkIII */
/* written by Dave Thurgood Feb-March 2006 */

/* first we'd like all the text to be sans-serif (verdana by pref) */
/* and we set the background colour for the whole page and no margin */
body
{
font-family: verdana, arial, helvetica, sans-serif;
background: #FFFFCC;
margin: 0
}

.hdr
{
height: 125px
}

/* set the images in the header to the left and right */
.headl
{
float: left
}

.headc
{
text-align: center
}

.headr
{
float: right
}

/* this styles the menu in the first column of the page */

/* this ensures that the menu is in the right place */
/* it's on the left under the header and two lines down */
.nav
{
float: left;
width: 10em;
margin-top: 2em
}

/* style the cells in the table */
.nav td
{
height: 35px;
background-repeat: no-repeat;
font-size: smaller;
text-align: center
}

/* set-up the different background images */
.blue
{
background-image: url(images/blue.gif)
}

.red
{
background-image: url(images/red.gif)
}

.purple
{
background-image: url(images/purple.gif)
}

.dblue
{
background-image: url(images/dblue.gif)
}

/* style links - no under line and normally black */
.nav a
{
color: black;
text-decoration: none;
vertical-align: middle
}

/* set the color for a mouse over */
.nav a:hover
{
color: gray
}

/* the third column of the page is advertising some of the courses */
/* on the right of the page two lines down and 10 characters wide */
.ads
{
float: right;
width: 10em;
margin-top: 1.85em
}

/* make the text smaller and the line spacing bigger*/
.ads table
{
line-height: 150%;
font-size: smaller
}

/* style the links - different colours for all actions and no underlines */
.ads a
{
text-decoration: none;
color: black
}

.ads a:hover
{
color: #FF9900
}

.ads a:active
{
color: red
}

.ads a:visited
{
color: purple
}

/* we want the pictures and captions centered */
.tnc
{
text-align: center;
font-size: x-small
}

/* the main stuff is in the middle column */

/* set the margins so they don't affect the other columns */
#txt
{
margin-left: 10.5em;
margin-right: 10.5em
}

/* underline the main part of the text */
.txtbox
{
border-bottom-style: solid;
border-bottom-width: thin;
border-bottom-color: gray
}

/* puts a line across the top of the main text column under a heading or image */
.maintexttop
{
color: #505AA8;
background-image: url(images/newtop.gif);
background-position: bottom left;
background-repeat: repeat-x
}

/* align all the images in the main in the middle column right */ 
.ar
{
float:right;
margin: 0.25em;
font-size: x-small;
text-align: center
}

/* style the bottom menu */
/* make the text small and centre it */
.bottommenu
{
font-size: x-small;
text-align: center
}

/* we dont't want underlines on the links */
div.bottommenu a
{
text-decoration: none;
white-space: nowrap
}

/* this is the styling for the programme page table of courses */
/* make the month label stand out */
.month
{
font-size: large;
border-style: none;
background: #FFFFCC
}

/* the headings are black text... */
tr.heading
{
color: black
}

/* ...on a silver backgroub */
tr.heading td
{
background: silver
}

/* the rest of the cells have a blue background */ 
tr.prog td
{
background: #99CCFF
}

/* no underlines on the links */
td a
{
text-decoration: none
}

/* this stuf is for the course pages */
/* beginners text is blue and don't break the names */
.btext
{
color: #0000FF;
white-space: nowrap
}

/* Half Day text is purple and don't break the names */
.hdtext
{
color: #00008B;
white-space: nowrap
}

/* workshop text is yellow and don't break the names */
.wstext
{
color: #FF6600;
white-space: nowrap
}

/* gardens text is green and don't break the names */
.gtext
{
color: #009900;
white-space: nowrap
}

/* masterclasses text is pink and don't break the names */
.mtext
{
color: #FF33CC;
white-space: nowrap
}

/* heritage text is brown and don't break the names */
.htext
{
color: #993300;
white-space: nowrap
}

/* railway text is red and don't break the names */
.rtext
{
color: #FF0000;
white-space: nowrap
}

/* tutors text is purple and don't break the names */
.ttext
{
color: #985593;
white-space: nowrap
}


/* put the links for top of page on the left */ 
.linkl
{
float: left;
font-size: small
}

/* put some venue links in the middle */
.linkm
{
text-align: center;
font-size: small
}

/* put the links for venues and tutors on the right */
.linkr
{
float: right;
font-size: small
}

/* formatting stuff for links page */

.lhead
{
height: 2.75em;
text-align: center;
background: silver
}

tr.lbody td
{
text-align: center;
height: 2.75em;
background: #F4A460;
border-style: outset;
border-color: #FFFFCC;
}

tr.lbody.td a
{
text-decoration: none;
color: blue
}

tr.lbody a:hover
{
color: green
}

tr.lbody a:active
{
color: red
}

tr.lbody a:visited
{
color: purple
}

.olinks
{
text-decoration: none
}

/* a line to "box off" the text */
.boxoff
{
border-bottom-style: solid;
border-bottom-width: thin;
border-color: #FFA07A
}

.tablepics
{
font-size: x-small;
text-align: center
}


/* format up the copyright stuff */
.pageend
{
border-top-style: solid;
border-top-width: thin;
font-size: smaller;
text-align: center;
color: gray
}

/* formating stuff for course gallery page */

table.pics td
{
text-align: center;
font-size: x-small
}

table.pics img
{
border-style: outset;
}

.clickline
{
color: green;
font-size: small;
text-align: center;
}

/* formatting for pop-up pics pages */
.picspage
{
font-size: small;
text-align: center;
margin-top: 1em
}

/* format for front page link */
.fplink
{
text-align: center
}

.fplink a
{
text-decoration: none;
color: red
}