img
{
border:0px;
vertical-align:middle;
margin:1px
}

body
{
font-size:small;
margin-top :0;
margin-left :0;
margin-right :0;
text-align :center;
line-height:100%;
color :#ff00ff;
background-color :#000000;
border:1px solid #ff00ff
}

.logo
{
padding:4px;
margin:3px;
border:1px dotted #ff00ff;
background-color:#000000;
text-align:center
}

.header, .footer
{
background-image:url('images/bg.gif');
font-weight:bold;
margin:3px;
border:1px solid #3f006f;
padding:3px
}

/* TEXT AREA */
.textarea
{
text-align : center;
border:1px solid #6f006f;
margin:3px;
background-color:#000000;
background-image:url('images/footer.gif');
color:#9900ff;
padding:3px;
font-family:
comic sans ms
}

/* USED FOR: ... (same as menu2 but aligned left) */
.main1
{
background-image:url('images/block.gif');
background-repeat: repeat-x;
background-position: top;
border:1px solid #6f006f;
margin:3px;
text-align:left;
padding:3px;
color:#9900ff;
}

/* (same as main1 but centered) */
.main2
{
background-image:url('images/block.gif');
background-repeat: repeat-x;
background-position: top;
border:1px solid #6f006f;
margin:3px;
text-align:center;
padding:3px;
color:#9900ff;
}

/*USED ON ALL RESULTS PAGES*/
.result
{
border:1px solid #3f006f;
padding:3px;
margin:3px;
text-align:center;
background-image:url('images/block.gif') ;
background-repeat: repeat-x;
background-position: top
}

/*VIEWS (on all your services main page where views statistics are displayed*/
.views
{
text-align : center;
border:1px solid #6f006f;
margin:3px;
background-color:#000000;
background-image:url('images/footer.gif');
color:#9900ff;
padding:3px;
font-family:
comic sans ms
}

/* THE NEXT - BACK CLASS */
.backnext
{
border:1px solid #3f006f;
padding:3px;
margin:3px;
text-align:center;
background-image:url('images/block.gif') ;
background-repeat: repeat-x;
background-position: top
}

/* THE 'JUMP PAGE' CLASS */
.jumppage
{
border:1px solid #3f006f;
padding:3px;
margin:3px;
text-align:center;
background-image:url('images/block.gif') ;
background-repeat: repeat-x;
background-position: top
}



/* GLOBAL LINKS */
a:link, a:visited, a:active
{
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
a:hover
{
text-decoration:underline;
}

/* <<<<<< SPECIFIC FONT COLOURS BELOW >>>>>> */

/* DATE */
.date
{
color : #9900ff
}

/* SECONDARY LINKS (looks best same colour as text) */ 
a.link2:link, a.link2:visited
{
color : #9900ff;
text-decoration : none;
font-weight : bold;
font-size : 75%;
}

a.link2:active, a.link2:focus 
{
color : #ffffff;
text-decoration : none;
font-weight : bold;
font-size : 75%;
}

/* VISITORS NAME (link to visitors details) */ 
a.visitor:link, a.visitor:visited
{
text-decoration: underline;
color:#ff00ff; 
font-weight:bold
}

/* HIGHLIGHTED TEXT */
.text2
{
font-weight:bold;
color:#ff00ff;
}

/* ADMINS NAME (GUESTBOOK REPLY) */
.admin
{
color : #ff00ff
}

input.password,input[type=password]
{
border-top:2px solid #ff64ff;
border-left:2px solid #ff64ff;
border-bottom:2px solid #990099;
border-right:2px solid #990099;
background-color:#000000;
color:#ff00ff
}

input.text,input[type=text]
{
border-top:2px solid #ff64ff;
border-left:2px solid #ff64ff;
border-bottom:2px solid #990099;
border-right:2px solid #990099;
background-color:#000000;
color:#ff00ff
}

input.file,input[type=file]
{
border-top:2px solid #ff64ff;
border-left:2px solid #ff64ff;
border-bottom:2px solid #990099;
border-right:2px solid #990099;
background-color:#000000;
color:#ff00ff
}

input.submit,input[type=submit]
{
border-top:2px solid #ff64ff;
border-left:2px solid #ff64ff;
border-bottom:2px solid #990099;
border-right:2px solid #990099;
background-color:#ff00ff;
color:#ffffff
}

select
{
border-top:2px solid #ff64ff;
border-left:2px solid #ff64ff;
border-bottom:2px solid #990099;
border-right:2px solid #990099;
background-color:#ff00ff;
color:#000000;
}
 
textarea
{
margin:3px;
border-top:2px solid #ff64ff;
border-left:2px solid #ff64ff;
border-bottom:2px solid #990099;
border-right:2px solid #990099;
background-color:#000000;
color:#ff00ff
}

.bold
{
font-weight:bold;
}

.small
{
font-size: small;
}

.boldsmall
{
font-weight: bold;
font-size: small;
}