/*FOR ALL IMAGES*/
img
{
border : 0px;
vertical-align : middle
}

/* BODY */
body
{
padding : 6px;
text-align : center;
font-size : normal;
color : #000000;
background-color : rgb(0%,90%,0%);
border-left : 3px solid rgb(15%,90%,15%);
border-top : 3px solid rgb(15%,90%,15%);
border-right : 3px solid rgb(0%,65%,0%);
border-bottom : 3px solid rgb(0%,65%,0%);
/*line-height : 80%;*/
margin: 0;
}

/* THE LOGO CLASS */
.logo
{
padding-bottom : 4px;
text-align : center;
background-color : #000000;
border-left : 3px solid rgb(0%,65%,0%);
border-top : 3px solid rgb(0%,65%,0%);
border-right : 3px solid rgb(15%,90%,15%);
border-bottom : 3px solid rgb(15%,90%,15%);
margin-bottom : 4px
}

/*ALL HEADERS*/
.header
{
padding : 1px;
text-align : center;
font-size : small;
font-weight : bold;
color : #000000;
background-color : rgb(0%,100%,0%);
border-left : 3px solid rgb(25%,100%,25%);
border-top : 3px solid rgb(25%,100%,25%);
border-right : 3px solid rgb(0%,75%,0%);
border-bottom : 3px solid rgb(0%,75%,0%);
margin-bottom : 4px
}

/* TEXT AREA */
.textarea
{
padding : 1px;
text-align : center;
font-size : small;
color : #ffffff;
background-color : #000000;
border-left : 3px solid rgb(0%,65%,0%);
border-top : 3px solid rgb(0%,65%,0%);
border-right : 3px solid rgb(15%,90%,15%);
border-bottom : 3px solid rgb(15%,90%,15%);
margin-bottom : 4px
}

/* USED FOR: ... (same as menu2 but aligned left) */
.main1
{
padding: 2px;
text-align : left;
font-size : small;
color:#00ff00;
background-color : #000000;
border-left : 3px solid rgb(0%,65%,0%);
border-top : 3px solid rgb(0%,65%,0%);
border-right : 3px solid rgb(15%,90%,15%);
border-bottom : 3px solid rgb(15%,90%,15%);
margin-bottom : 4px
}

/* (same as main1 but centered) */
.main2
{
padding : 2px;
text-align : center;
font-size : small;
color:#00ff00;
background-color : #000000;
border-left : 3px solid rgb(0%,65%,0%);
border-top : 3px solid rgb(0%,65%,0%);
border-right : 3px solid rgb(15%,90%,15%);
border-bottom : 3px solid rgb(15%,90%,15%);
margin-bottom : 4px
}

/*USED ON ALL RESULTS PAGES*/
.result
{
padding : 2px;
text-align : center;
font-size : small;
font-weight : bold;
color:#00ff00;
background-color : #000000;
border-left : 3px solid rgb(0%,65%,0%);
border-top : 3px solid rgb(0%,65%,0%);
border-right : 3px solid rgb(15%,90%,15%);
border-bottom : 3px solid rgb(15%,90%,15%);
margin-bottom : 4px
}

/*VIEWS (on all your services main page where views statistics are displayed*/
.views
{
padding : 1px;
text-align : center;
font-size : small;
color : #00ff00;
background-color : #000000;
border-left : 3px solid rgb(0%,65%,0%);
border-top : 3px solid rgb(0%,65%,0%);
border-right : 3px solid rgb(15%,90%,15%);
border-bottom : 3px solid rgb(15%,90%,15%);
margin-bottom : 4px
}

/* THE NEXT - BACK CLASS */
.backnext
{
padding : 2px;
text-align : center;
font-size : small;
font-weight : bold;
color : #000000; 
background-color : rgb(0%,100%,0%);
border-left : 3px solid rgb(25%,100%,25%);
border-top : 3px solid rgb(25%,100%,25%);
border-right : 3px solid rgb(0%,75%,0%);
border-bottom : 3px solid rgb(0%,75%,0%);
margin-bottom : 4px
}

/* THE 'JUMP PAGE' CLASS */
.jumppage
{
padding : 2px;
text-align : center;
font-size : small;
font-weight : bold;
color : #00ff00;
background-color : #000000;
border-left : 3px solid rgb(0%,65%,0%);
border-top : 3px solid rgb(0%,65%,0%);
border-right : 3px solid rgb(15%,90%,15%);
border-bottom : 3px solid rgb(15%,90%,15%);
margin-bottom : 4px
}

/* USED FOR 'GO BACK TO' LINKS, ('color' defines the text not the links) */
.footer
{
padding : 2px;
text-align : center;
font-size : small;
font-weight : bold;
color : #000000;
background-color : rgb(0%,100%,0%);
border-left : 3px solid rgb(25%,100%,25%);
border-top : 3px solid rgb(25%,100%,25%);
border-right : 3px solid rgb(0%,75%,0%);
border-bottom : 3px solid rgb(0%,75%,0%);
margin-bottom : 4px
}

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

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

/* DATE */
.date
{
font-style:italic;
color : #ffffff
}

/* SECONDARY LINKS (looks best same colour as text) */ 
a.link2:link, a.link2:visited
{
color : #ffffff;
text-decoration : underlined;
}

a.link2:active, a.link2:focus 
{
color : #ffffff;
text-decoration : underlined;
background-color : #000000
}

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

a.visitor:active, a.visitor:focus 
{
color : #ffffff;
text-decoration : none;
font-weight : bold;
background-color : #000000
}

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

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


input.password,input[type=password]{
border:2px solid #ffffff;
background-color:#000000;
color:#00ff00}

input.text,input[type=text]{
border:2px solid #ffffff;
background-color:#000000;
color:#00ff00}

input.file,input[type=file]{
border:2px solid #ffffff;
background-color:#000000;
color:#00ff00}

input.submit,input[type=submit]{
border:2px solid #ffffff;
background-color:#000000;
color:#00ff00}

select{
border:2px solid #ffffff;
background-color:#000000;
color:#00ff00;
margin:3px} 

textarea{
margin:3px;
border:2px solid #ffffff;
background-color:#000000;
color:#00ff00;}

.bold{
font-weight:bold;
}

.small{
font-size: small;
}

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