﻿body {background: #000 url('../images/leather_background.jpg') no-repeat center top; 
color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif}

table {font-size: 11pt}
ul {margin-left: 0}
li {margin-left: 2em}

.invisible {display: none;}

.copyright {font-size: 6pt; font-family:  tahoma; letter-spacing: 1px}

.maroon {color: #800000 ! important}
.black {color: black ! important}
.darkred {color: #990000 ! important} /* RGB 153-0-0 */
.white {color: white ! important}
.olive {color: #666633 ! important}
.darkolive {color: #333300 ! important}
.darkgray {color: #111111 ! important}
.brown {color: #5C3317 ! important}
.blue {color: #3333FF ! important}

.bullet {list-style-image:url('../images/bullet.png')}
.bullet_square {list-style-type: square !important}

.noborder {border-style: none}
.border1 {border: #5C3317 2px solid; border-style: solid}
.border2 {border: #990000 2px solid; border-style: solid} 
.border3 {border: blue 2px solid; border-style: solid} 
.border4 {border: #666633 2px solid; border-style: solid}
.border5 {border: #000000 1px solid; border-style: solid}
.border6 {border: #990000 1px solid; border-style: solid}
.border7 {border: #999966 1px solid; border-style: solid}

.bodytext {font-size: 11pt !important}
.text_8pt {font-size: 8pt !important}
.titletext3 {font-size: 16pt; font-weight: normal}

.floatleft {float: left;}
.floatright {float: right;}
.floatbreak {clear: both} /* works well to act as <br> for creating a break between floating elements */

.padleft {padding-left: 10px}
.padright {padding-right: 10px}
.padtop {padding-top: 10px}
.padbottom {padding-bottom: 10px}

#home {display: inline-block; width: 107px; height: 35px; background: url("../images/bt_home.jpg") no-repeat 0 0;}
#home:hover {background: url("../images/bt_home_selected.jpg") no-repeat 0 0;}
#home span {display: none;}
#homeselected {display: inline-block; width: 107px; height: 35px; background: url("../images/bt_home_selected.jpg") no-repeat 0 0;}
#homeselected span {display: none;}

#about {display: inline-block; width: 107px; height: 35px; background: url("../images/bt_about.jpg") no-repeat 0 0;}
#about:hover {background: url("../images/bt_about_selected.jpg") no-repeat 0 0;}
#about span {display: none;}
#aboutselected {display: inline-block; width: 107px; height: 35px; background: url("../images/bt_about_selected.jpg") no-repeat 0 0;}
#aboutselected span {display: none;}

#contact {display: inline-block; width: 107px; height: 35px; background: url("../images/bt_contact.jpg") no-repeat 0 0;}
#contact:hover {background: url("../images/bt_contact_selected.jpg") no-repeat 0 0;}
#contact span {display: none;}
#contactselected {display: inline-block; width: 107px; height: 35px; background: url("../images/bt_contact_selected.jpg") no-repeat 0 0;}
#contactselected span {display: none;}

#groups {display: inline-block; width: 107px; height: 35px; background: url("../images/bt_groups.jpg") no-repeat 0 0;}
#groups:hover {background: url("../images/bt_groups_selected.jpg") no-repeat 0 0;}
#groups span {display: none;}
#groupsselected {display: inline-block; width: 107px; height: 35px; background: url("../images/bt_groups_selected.jpg") no-repeat 0 0;}
#groupsselected span {display: none;}

#services {display: inline-block; width: 107px; height: 35px; background: url("../images/bt_services.jpg") no-repeat 0 0;}
#services:hover {background: url("../images/bt_services_selected.jpg") no-repeat 0 0;}
#services span {display: none;}
#servicesselected {display: inline-block; width: 107px; height: 35px; background: url("../images/bt_services_selected.jpg") no-repeat 0 0;}
#servicesselected span {display: none;}

A:link	    {text-decoration:  	none; color:		#990000;}	
A:visited	{text-decoration:	none; color:		#990000;}	
A:active	{text-decoration:	none; color:		#990000;}	
A:hover		{text-decoration:	underline; color:	#000000;}
A.noformat:hover {text-decoration: none}


