/*#########################################################
ALWAYS source this file from any content page
###########################################################
The reason we create a CSS styles sheet for the site, is because
this file is downloaded, then called from the cache everytime.
We then apply a rule as defined below to an element, which then
takes on that style rule. By doing this, we can keep the html code
more about html code and less about styling, likewise with the
JavaScript code, that too is downloaded and called from the cache
each time.
In this way, we elliminate needless repetative code in the page
which adds to processing time and bandwidth, making our pages load
faster and use less resources on the client computer and the Internet.
Also, by using styling rules, you can control almost every aspect of
the page design, without needing to code it at the element level and
this allows more control too.
A table can have a background image, but you cannot control the position
or repeating attribute of it from the table, you can from the style rule
that you apply to it though.
Making something bold in a page requires just the this is bold text
tags, so don't bother writing a rule for it, otherwise you would end up
with more overhed to process it like this:
this is bold text
This could also have been done using a DIV, but beware, a DIV tag creates
space around it, just like the horizontal rule tag.
You can see that to process the above code takes more time, bandwidth and
resources than just writing this is bold text, so use styles wisely.
Below you will see a Center_Content rule defined with just the text-align:center
attribute, this might seem a waste of resources, but with this, you can apply
it to any element that may not have a center tag available for it, thus
allowing full centering control over elements that would otherwise not work.
To center text in a cell and apply a different rule to it, simply code it like so:
Text goes here
Or you could also do this:
Text goes here
This does the same thing by ADDING the centering text to the rules already
applied using the className, this is useful when styling an element that doesn't
have the center tag, like the tag.
Elements that you can use to control the styling of text are
table cell closing tag required
layer or division of page to be positioned anywhere, closing tag required
Spans text or other text elements and allows a style to be included, requires ending
Paragraph drops the line down by two
line breaks closing tag optional
List item, used as an item in the list of type listed below closing tag required
Unordered List, creates a bulleted list, closing tag required
Ordered List, by numbers or letters including Roman Numerals, closing tag required
This is by no means an exhausted list, but gives you the basics of understanding why
styling is used and by which common elements.
If in doubt, create a
and do with it whatever you want, the
element is
the most widely used and most powerful from a styling and scripting point of view.
*/
html { /*The html element applies to Internet Explorer ONLY*/
scrollbar-base-color: black;
scrollbar-arrow-color: white;
scrollbar-track-color: black;
scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black;
scrollbar-darkshadow-color: gray;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}
.Venues {
font-size: 14px;
background-repeat: no-repeat;
background-position: center center;
vertical-align: center;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
.Venues_left {
font-size: 14px;
background-repeat: no-repeat;
background-position: top left;
vertical-align: top;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
}
.Special_events {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
.Special_events_large {
font-family: Arial Black;
font-size: 26px;
font-weight: bold;
}
.SpacerImage {
/*This SpacerImage rule allows you to put an image somewhere to space things out*/
cursor: default;
border: 0;
margin: 0px;
padding: 0px;
}
.Content {
font-size: 16px;
font-style: italic;
clear: right;
font-weight: bold;
font-stretch: ultra-expanded;
}
.DONTMISSOUT {
font-family: "Arial Black";
font-size: 16px;
font-weight: bolder;
color: #990033;
background-color: #FFFFFF;
}
/*The following rules define ALL link attributes*/
a:link {
color:#FF6600;
text-decoration: underline;
}
a:visited {
color:#FF6600;
text-decoration: underline;
}
a:hover {
color:#FF0000;
text-decoration: underline;
}
a:active {
color:#FF6600;
text-decoration: underline;
}
/*End link attributes*/
BODY{
/*This is applied to the of ALL content pages!!!!!*/
background-color: #000000;
color:#ffffff;
margin:0px 0px 0px 0px;
}
TABLE { /*This is applied to ALL tables, ALWAYS put any content inside a table*/
background-repeat:no-repeat;
height:100%;
width:100%;
}
H1 { /*This is applied to the
tag for any main page headlines*/
font-family:"Times New Roman", "Times", serif;
font-size:18px;
margin-bottom: 0px;
text-align:center;
letter-spacing: 2px;
font-weight: bold;
}
H2 { /*This is applied to the