body {
background-image: url('../images/bg.jpg'); 
background-repeat: repeat-x; 
background-position: top;
background-color: #a8a8a8; 
font-family: verdana; 
font-size: 12px; 
color: #000000;
margin: 0px auto;
font-family:Arial, Helvetica, sans-serif;
}
#wrap {
width:783px;
text-align:center;
margin:auto;
}
#main {
width: 783px;
margin: 0px auto;
}
#main-top {
width: 783px;
height: 9px;
}
#main-inside {
background: transparent url(../images/main-back.jpg) center top repeat-y scroll;
width: 783px;
}
#main-bottom {
width: 783px;
height: 9px;
}
.menu {
background: transparent url(images/menu_l.jpg) center top repeat scroll;
}
.imageleft {
float: left;
margin: 2px 10px 2px 10px;
	border-style:solid;
	border-color:#000000;
	border-width:0px;
}

.imageright {
float: right;
margin: 2px 4px 10px 10px;
	border-style:solid;
	border-color:#000000;
	border-width:0px;
}

.imagecenter {

margin: 0px 0px 0px 8px;

	border-style:solid;
	border-color:#000000;
	border-width:1px;
}

.sideimage {
float: left;
margin: 0px 8px 0px 0px;
	border-style: dotted;
	border-color: #000000;
	border-width: 1px;
}

.tinytext {
text-align: left;
font-family: verdana;
font-size: 8px; color: #888888;
font-weight: normal;
}

.tinytextbold {
text-align: left;
font-family: verdana;
font-size: 8px; color: #000000;
font-weight: bold;
}

.smalltext {
text-align: left;
font-family: arial;
font-size: 10px; color: #000000;
font-weight: normal;
}

.smalltextitalic {
text-align: left;
font-family: arial;
font-size: 10px; color: #000000;
font-style: italic;
}

.smalltextwhite {
text-align: left;
font-family: arial;
font-size: 10px; color: #ffffff;
font-weight: bold;
}

.smalltextbold {
text-align: left;
font-family: verdana;
font-size: 10px; color: #111111;
font-weight: bold;
}

.smalltextboldr {
text-align: right;
font-family: verdana;
font-size: 10px; color: #555555;
font-weight: bold;
}

.redbold {
font-family: verdana;
font-size: 12px; color: #FF0000;
font-weight: bold;
}

.bluebold {
font-family: verdana;
font-size: 12px; color: #330099;
font-weight: bold;
}

.blueboldr {
text-align: right;
font-family: verdana;
font-size: 12px; color: #330099;
font-weight: bold;
}

.whitebold {
font-family: verdana;
font-size: 12px; color: #FFFFFF;
font-weight: bold;
}

.blackbold {
font-family: verdana;
font-size: 12px; color: #000000;
font-weight: bold;
}

.branding {
text-align: left;
font-family: verdana;
font-size: 8px; color: #aaaaaa;
font-weight: normal;
}

.loginarea {
background: #888888;
position: absolute;
right: 0px;
bottom: -30px;
text-align: right;
font-family: arial;
font-size: 11px; color: #ffffff;
font-weight: bold;
}

.alerttext {
text-align: left;
font-family: verdana;
font-size: 10px; color: #555555;
font-weight: normal;
}

.navigation {
text-align: left;
font-family: verdana;
font-size: 9px; color: #000000;
font-weight: bold;
}

.webdings {
font-family: webdings;
font-size: 9px; color: #330099;
font-weight: normal;
}

.lside { 
background-image: url('../images/l-bg.jpg'); 
background-repeat: no-repeat; background-position: top right;
}

.rside { 
background-image: url('../images/r-bg.jpg'); 
background-repeat: no-repeat; 
background-position: top left;
}

.bodybg { 
background-color: #FFFFFF; 
background-image: url('../images/bodybg.jpg'); 
background-repeat: no-repeat; 
background-position: bottom;
}

.sidepanelbg { 
background-color: #c9cfd0; 
background-image: url('../images/sidepanel.jpg'); 
background-repeat: no-repeat; 
background-position: top;
}

.sideitem {
margin: 2px 2px 5px 2px;
border-width:1px;
border-style:solid;
border-color: #ffffff #555555 #666666 #dddddd;
}

P.menubar {
font-family: verdana;
font-size: 12px; color: #FFFFFF;
font-weight: bold;
text-align: right;
margin-top: 5px; 
margin-left: 0px; 
margin-right: 12px;
margin-bottom: 0px;
border-width: 0px;
border-style: solid;
border-color: #7bb2ee;
}

/* GenericFonts */


ADDRESS, BLOCKQUOTE, CAPTION, CENTER, DD, DIR, DL, DT, FORM, MENU, PRE, TH, TABLE { font-size: 10px; color: #000000}

P { font-size: 12px; color: #000000; text-align: left; margin-top: 2px; margin-left: 12px; margin-right: 10px; font-weight: normal; text-indent: 0px;}

P.sidebar { font-size: 10px; color: #000000; text-align: left; margin-top: 2px; margin-left: 10px; margin-right: 10px; font-weight: normal; text-indent: 0px;}


hr {color: #cccccc;
margin:0px auto;
width: 760px;}

hr.grey {color: #AAAAAA;}

a {cursor: pointer;
background: transparent}

ADDRESS {font-style: italic}

BIG {font-size: 19px}

BLOCKQUOTE {font-style: italic}

CITE {font-style: italic}

CODE, KBD, SAMP, TT {font-size: 14px}

h1 {font-size: 22px; font-weight: bold;  color: #000000; margin-left: 12px;}

h2 {font-size: 18px; font-weight: bold;   color: #777777; margin-left: 10px;margin-top:0px;}

h3 {font-size: 14px; font-weight: bold; text-decoration: none;  color: #000000; margin-left: 12px;}

h4 {font-size: 12px; font-weight: bold;  color:#aaaaaa; margin-left: 12px;}

h5 {font-size: 12px; font-weight: bold;  color: #999999; margin-left: 2ex; margin-left: 12px;}

h6 {font-size: 10px; font-weight: normal;  color: #999999; margin-left: 12px;}

html {margin: 0; 
padding: 0}

INPUT {cursor: auto}

PRE {margin-left/* */ : 0;
white-space: pre}

SMALL, SUB, SUP {font-size: 9px}

TEXTAREA {cursor: text}

td {margin-left: 0}

TH {font-weight: bold;
text-align: center;
margin-left: 0}

PRE {border: solid thin;
padding: 1em 3%}

IMG {border: none}

.rightpad
{
padding-right: 10px;
padding-top: 4px;
}
/* end GenericFonts */

.mainbuttons {
position:relative;
width:732px;
left:50%;
margin-left:1px;
background-color:#CCCCCC;
top:300px;
	border-style:solid;
	border-color:#000000;
	border-width:2px;
}

#services {
/*position:absolute;
top:9px;
left:50%;
margin-left:250px;*/
float:right;
width:134px;
height:96px;
margin-top:9px;
}




a:link, a:visited {color: #3333FF;
text-decoration: none}

a:hover {color: #0000CC;
text-decoration: underline}

a:active {color: #3366FF;
text-decoration: none}

a.darklink:link {color: #000000;
text-decoration: none}

a.darklink:visited {color: #000000;
text-decoration: none}

a.darklink:active {color: #000000;
text-decoration: none}

a.darklink:hover {color: #555555;
text-decoration: underline}


a.sidebarlink:link {
text-decoration: none}

a.sidebarlink:visited {
text-decoration: none}

a.sidebarlink:active {
text-decoration: none}

a.sidebarlink:hover {
background-color: #ffffff;
text-decoration: none}

a.navmenu:link { 
font-size: 9px; 
font-weight: bold;
color: #3300CC;

text-decoration: none}

a.navmenu:visited {
font-size: 9px; 
font-weight: bold; 
color: #3300CC;

text-decoration: none}

a.navmenu:active {
font-size: 9px; 
font-weight: bold;
color: #3300CC;

background-color: #ffffff;
text-decoration: none}

a.navmenu:hover { 
font-size: 9px; 
font-weight: bold; 
color: #FFFFFF;

background-color: #3300CC;
text-decoration: none}
/*Giraffe Web add*/
table {
margin:auto;
text-align:center;
}
img {border:none;}

#header-back {
background: transparent url(../images/header_back.jpg) center top no-repeat scroll;
width:783px;
height:105px;
}
ul {
text-align:left;
}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align: center;}

#top-bar {
background: transparent url(../images/pane1_tbg.jpg) top center repeat-x scroll;height:9px
}
#rt-bar {
background: transparent url(../images/pane1_rbg.jpg) top center repeat-y scroll;width:14px;
}
#lt-bar {
background: transparent url(../images/pane1_lbg.jpg) top center repeat-y scroll;width:13px;
}
#bt-bar {
background: transparent url(../images/pane1_bbg.jpg) top center repeat-x scroll;height:10px;
}
#lft-corner {
background: transparent url(../images/pane1_tl.jpg) top center repeat-x scroll;height:9px;width:13px;
}
#rt-corner {
background: transparent url(../images/pane1_tr.jpg) top center repeat-x scroll;height:9px;width:14px;
}
.notopmargin
{margin-top:0px;
}
.nobottommargin {
margin-bottom:0px;
}