/* *********** BEGIN TEST AREA ************** */
/* *********** Don't assume anything in this works! ************** */
/* *********** But the site MUST work even if this doesn't ************** */
/* *********** So long as that's clear - go ahead and play ************** */
/* *********** END TEST AREA ************** */
body
{
font-family: verdana, arial, sans-serif;
background-image:url('./images/background.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50% 50%;
}
HR, P#footertext
{
clear: left;
}
/* *********** START layout ************** */
DIV.main
{
text-align: justify;
font: 80% verdana,sans-serif;
PADDING-RIGHT: 3%;
PADDING-LEFT: 3%;
PADDING-BOTTOM: 2px;
PADDING-TOP: 2px;
BORDER-LEFT: #990066 1px solid;
BORDER-RIGHT: #990066 1px solid;
MARGIN-LEFT: 20%;
MARGIN-RIGHT: 20%;
COLOR: #000000;
BACKGROUND-COLOR: #ffffff;
TEXT-DECORATION: none
}
DIV.centred
{
text-align: center;
}
div.contact
{
font: bold 100% verdana, sans-serif;
text-align: center;
}
p.caption
{
font: bold 100% verdana, sans-serif;
text-align: center;
MARGIN-LEFT: 10%;
MARGIN-RIGHT: 10%;
}
P#footertext
{
BORDER-RIGHT: #990066 1px solid;
BORDER-BOTTOM: #990066 1px solid;
BORDER-TOP: #990066 1px solid;
BORDER-LEFT: #990066 1px solid;
PADDING-RIGHT: 2px;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 2px;
PADDING-TOP: 2px;
MARGIN: 50px 10px 50px 10px;
FONT-SIZE: 80%;
FONT-STYLE: normal;
FONT-FAMILY: Verdana, Arial, san-serif;
TEXT-ALIGN: center;
FONT-VARIANT: normal;
TEXT-DECORATION: none;
COLOR: #ffffff;
TEXT-TRANSFORM: none;
BACKGROUND-COLOR: #990066;
}
ul
{
text-align: left;
}
/* *********** END textformatting ************** */
/* *********** START Centre images ************** */
p.image
{
text-align:center;
margin-top:10px;
margin-bottom:0px;
}
/* *********** END Centre images ************** */
/* *********** START Headings ************** */
h1, ul#tabnav
{
text-align: center
}
h2,h3
{
font-family: vedana,sans-serif;
}
h2
{
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
/* *********** START SubMenus ************** */
P#aboutmenu, P#eventsmenu
{
text-align: center;
font: bold 100% verdana, arial, sans-serif;
margin-top: 10px;
color: #990066;
}
/* *********** END SubMenus ************** */
/* *********** START Image Styles ************** */
img.floatLeftClear
{
float: left;
clear: left;
margin: 12px;
}
img
{
border:none;
}
/* *********** END Image Styles ************** */
/* *********** START TABS ************** */
ul#tabnav
{ /* general settings */
text-align: center;
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 12px verdana, arial, sans-serif;
border-bottom: 1px solid #990066; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
ul#tabnav li
{ /* do not change */
display: inline;
}
body#home li.home, body#aboutus li.aboutus, body#newsletter li.newsletter, body#events li.events, body#speakers li.speakers, body#charities li.charities, body#gallery li.gallery, body#links li.links, body#forum li.forum, body#contacts li.contacts
{ /* settings for selected tab */
border-bottom: 1px solid #ffffff; /* set border color to page background color */
background-color: #ffffff; /* set background color to match above border color */
}
body#home li.home a, body#aboutus li.aboutus a, body#newsletter li.newsletter a, body#events li.events a, body#speakers li.speakers a, body#charities li.charities a, body#gallery li.gallery a, body#links li.links a, body#forum li.forum, body#contacts li.contacts a
{ /* settings for selected tab link */
background-color: #ffffff; /* set selected tab background color as desired */
color: #990066; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
ul#tabnav li a
{ /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #990066; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #990066; /* set unselected tab background color as desired */
color: #ffffff; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}
ul#tabnav a:hover
{ /* settings for hover effect */
background: #ff99cc; /* set desired hover color */
color: #990066;
}
/* *********** END TABS ************** */
/* *********** Latest New Box on Front page ************** */
DIV#newsbox
{
text-align: center;
MARGIN: 0px auto;
BORDER-RIGHT: #990066 2px solid;
BORDER-BOTTOM: #990066 2px solid;
BORDER-TOP: #990066 2px solid;
BORDER-LEFT: #990066 2px solid;
PADDING-RIGHT: 10px;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 10px;
PADDING-TOP: 2px;
BACKGROUND-COLOR: #ffffff;
COLOR: #990066;
FONT-SIZE: 100%;
FONT-STYLE: normal;
FONT-FAMILY: Verdana, Arial, san-serif;
FONT-VARIANT: normal;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
TEXT-TRANSFORM: none;
}
DIV#newsbox a
{
color: #990066;
}
DIV#newsbox p.newsheading
{
color: #990066;
FONT-SIZE: 120%;
font-weight: bold;
}
/* *********** END Latest New Box on Front page ************** */
/* *********** START Tables ************** */
/* *********** END Tables ************** */