/*
For hyperlinks
self explanitory
*/
a:link
{
color: #000099;
text-decoration: none;
font-style: normal;
}
a:link.del
{
color: #FFFF00;
background-color: #000000;
text-decoration: none;
font-style: normal;
}
a:link.admin
{
color: #000000;
text-decoration: none;
font-style: normal;
}
a:link.ttadd
{
color: #FFFF00;
background-color: #000000;
text-decoration: none;
font-style: normal;
}
a:link.pending
{
color: #FFFFFF;
background-color: #FF0000;
text-decoration: none;
font-style: normal;
}
a:visited.pending
{
color: #FFFFFF;
background-color: #FF0000;
text-decoration: none;
font-style: normal;
}
a:link.login
{
color: #000000;
background-color: #DDDDDD;
text-decoration: none;
font-style: normal;
}
a:visited.login
{
color: #000000;
background-color: #DDDDDD;
text-decoration: none;
font-style: normal;
}
a:hover.login
{
color: #DDDDDD;
background-color: #0000FF;
text-decoration: none;
font-style: normal;
}
a:link.menu
{
color: #FFFFFF;
background-color: #0000FF;
text-decoration: none;
font-style: normal;
}
a:visited.menu
{
color: #FFFFFF;
background-color: #0000FF;
text-decoration: none;
font-style: normal;
}
a:hover.menu
{
color: #0000FF;
background-color: #FFFFFF;
text-decoration: none;
font-style: normal;
}
.confirm
{
color: #FFFFFF;
background-color: #00DD00;
text-decoration: none;
font-style: normal;
}
a:visited
{
color: #990000;
text-decoration: none;
font-style: normal;
}
a:visited.admin
{
color: #000000;
text-decoration: none;
font-style: normal;
}
a:visited.ttadd
{
color: #FFFF00;
background-color: #000000;
text-decoration: none;
font-style: normal;
}
a:visited.del
{
color: #FFFF00;
background-color: #000000;
text-decoration: none;
font-style: normal;
}
a:hover
{
background-color: #FFCC00;
color: #FF0000;
text-decoration: none;
font-variant: none;
font-style: italic;
}
a:hover.del
{
background-color: #FF0000;
color: #FFFFFF;
text-decoration: none;
font-variant: none;
font-style: italic;
}
a:hover.admin
{
color: #FFFFFF;
background-color: #4444FF;
text-decoration: underline overline;
font-style: normal;
}
a:hover.ttadd
{
color: #FF0000;
background-color: #FFFFFF;
text-decoration: none;
font-style: normal;
}
a:hover.pending
{
color: #000000;
background-color: #FFFF00;
text-decoration: none;
font-style: normal;
}
/*
To stop hover colour on Firefox icon
*/
a:hover.pic
{
background-color: transparent;
}
a:active
{
background-color: #FF0000;
color: #FFCC00;
text-decoration: none;
font-variant: none;
font-style: italic;
}
/*
Sets the background image and position it centrally
and fixed at the bottom with margins removed
*/
body 
{
background-image: url('images/background.jpg');
background-repeat: no-repeat;
background-position: bottom center;
background-attachment: fixed;
margin: 0px;
}
/*
Sets normal paragraph style with nice margins
*/
p
{
color: #000000;
font-family: sans-serif;
font-size: .8em;
text-align: justify;
margin: -1px 1.5cm 1px 10px;
}
/*
Sets the p class for the page headings
*/
p.title
{
border-style: outset;
background-color: #FFFF66;
width: 250px;
color: #000000;
text-align: center;
font-family: "Comic Sans MS";
font-weight: normal;
font-size: 1.2em;
margin-left: 0px;
}
/*
Sets the p class for the course info
*/
p.info
{
border-style: ridge;
border-width: 8px;
border-color: #FFAA00;
background-color: #000000;
width: 540px;
color: #FFFFFF;
text-align: justified;
/*font-family: "sans-serif";*/
font-weight: normal;
font-size: 0.8em;
margin-left: 15px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
/*
No longer used
h2
{
color: #000099;
font-family: sans-serif;
font-weight: bold;
font-size: 1em;
margin-left: 10px;
}
*/
/*
Sets the little yellow box with red text
for the flash at top left of page and sets
its position
*/
h3
{
position: relative;
top: 50px;
left: 0;
width:150px;
height:33px;
overflow: hidden;
background-color: #FFFF00;
color: #FF0055;
font-family: sans-serif;
font-size: .9em;
font-weight: normal;
text-align: center;
z-index:1
}
/*
Sets the style for the left column where
the js menu resides
*/
h4
{
color: #FFFFFF;
font-family: sans-serif;
font-size: .7em;
font-weight: normal;
# font-style: italic;
text-align: center;
width: 130px;
margin-left: 11px;
}
/*
Moves the main table up to compensate for the
gap left by the h3 setting
*/
table.banner
{
margin-top: -51px;
}
/*
Sets table style for courses in timetables
*/
table.courses
{
color: #000000;
font-family: sans-serif;
font-size: .8em;
text-align: justify;
margin-left: 10px;
width: 610px;
}
/*
Sets the font class for sub heading style
*/
font.sub
{
color: #000099;
font-family: Comic Sans MS,papyrus,sans-serif;
font-weight: normal;
font-size: 1.5em;
}
/*
For timetable headings
*/
font.heading
{
color: #FFFF00;
background-color: #0000CC;
font-family: sans-serif;
font-weight: normal;
font-size: 1.1em;
font-variant: small-caps;
font-style: italic;
}
/*
Sets the image class for the gallery pages
*/
img.gallery
{
border-style: groove;
border-width: 10px;
border-color: #FFAA00;
}
/*
Sets the p class for the trips page
*/
p.trips
{
border-style: ridge;
border-width: 6px;
border-color: #00FFFF;
background-color: #FFFFFF;
color: #000000;
text-align: justified;
/*font-family: "sans-serif";*/
font-weight: normal;
font-size: 0.8em;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
/*
Sets the image class for the trip posters
*/
img.posters
{
float: right;
margin:0px 0px 0px 20px;
}
/*
Sets the image class for the trip posters - left aligned
*/
img.posters_l
{
float: left;
margin:0px 20px 0px 0px;
}
p.special
{
border-style: outset;
background-color: #DDFFFF;
width: 475px;
color: #000077;
text-align: center;
font-family: "Arial";
font-weight: bold;
font-size: 1.0em;
margin-left: 60px;
}