body {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/bgdot.jpg);
	background-repeat:repeat;
	margin: 50px 5% 50px 5%;
	font-size:11px;
}

/* Classes for standard colours */

.red {
	color: #CC3333;
}
.green {
	color: #006600;
}
.blue {
	color: #336699;
}
.redslice {
	background-image: url(../images/redslice.gif);
	width: 24px;
}

.blueslice {
	background-image: url(../images/blueslice.gif);
	height: 24px;
}
.greenslice {
	background-image: url(../images/greenslice.gif);
	height: 24px;
}

/* Standard heading tags */

h1 {
	font-family: Arial, Helvetica, sans-serif; */
	font-size: 1.5em;
	color: #CC3333;
}

h2 {
	font-family: Arial, Helvetica, sans-serif; */
	font-size: 1.3em;
	color: #006600;
}

h3 {
	font-family: Arial, Helvetica, sans-serif; */
	font-size: 1em;
	color: #000055;
}

th {
color: #000066;
font-size: small;
font-weight:normal;
background-color:  #CCCCCC;
text-align:left;
border-color:#222222;
border-width:1px;
border-style: solid;
}
td {
	border:1px solid #000066;
}

.imagetab td {
	border:none;
}
ul {
	list-style:url(../images/bullet.gif) outside ;
	margin:10px;
}
ol {
	list-style: decimal outside ;
	margin:10px;
}
li {
	list-style:url(../images/bullet.gif) outside ;
	margin:10px;
}
a:link, a:visited{
	color: #CC3333;
	text-decoration: none;
}
a:hover {
	color: #006600;
	text-decoration: underline;
}

/* Layout divs */
#wrapper{
	background-image:url(../images/redslice.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #444444;
	border-bottom-color: #444444;
	height:auto;
	/*margin:auto;*/
	width: 800px;
	height:auto;
	margin:auto;
	position: relative;

}
#topbar {
	width:100%;
	height:24px;
	background-image:url(../images/blueslice.gif);
	background-repeat:repeat-x;
}
#banner {
	width:auto;
	height:100px;
	background-color:#FFFFFF;
	background-image:url(../images/redslice.jpg) ;
	background-repeat: repeat-y;
	background-position: 0 0;
	padding-left:24px;
	vertical-align:middle;
	border:0px solid black;
}
#banner img {
	padding-left:240px;
	padding-top:20px;
}
#navbar {
	color:#FFFFFF;
	font-size:12px;
	width:800px;
	height:24px;
	text-align:left;
	background-image:url(../images/greenslice.gif);
	background-repeat:repeat-x;
}
#navbar ul{
	list-style:none;
	margin:0;
	padding:0;
}

#navbar li {
	float: left;
	list-style:none;
	display: inline-block;
	margin:0;
	padding:0;
	width:75px;
	line-height:20px;
}

#navbar a:link, #navbar a:visited {
	text-decoration: none;
	text-align:center;
	/*	border:1px solid #CCFFCC; 
	padding: 2px 10px 4px 10px;*/
	color:#FFFFFF;
	/*border-left: #cccccc solid 2px;*/
	background-image:url(../images/rgbnav_19.gif);
	background-repeat:no-repeat;
}

#navbar a:hover {
	/*background-color:#336699;
	padding: 2px 10px 4px 10px;*/
	text-decoration:none;
	background-image:url(../images/rgbnav-over_19.gif);
	background-repeat:no-repeat;
}
/*
//  Drop down lists
*/

#navbar a {
	display: block;
	width: auto;
}
#navbar li ul a:link, #navbar li ul a:visited {
	display: block;
	width: 75px;
	border-bottom:solid 2px #FFFFFF;
	background-image:none;
}
#navbar li ul a:hover {
	background-color:#336699;
}

#navbar li ul {
	position: absolute;
	width: 75px;
	background-color:#cc3333;
	left: -999em;
	display:block;
}

#navbar li li {
	display: block;
	width: auto;
}
#navbar li:hover ul, #navbar li.sfhover ul {
	left: auto;
}


#navlinks{
	color: #cccccc;
	padding-top:0px;
	padding-left: 160px;
	white-space: nowrap;
	margin-left:24px;
	}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */


#content{
	font-size: small;
	color: #000066;
	margin-left:0px;
  	float:left;
	width: 550px;
	border-left-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
	padding: 20px;
}
#footer {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small;
	color: #770000;
	text-align: center;
	margin-left:24px;
	border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	height:20px;
}

#sidebar{
	clear:both;
	float:left;
	width: 140px;
	padding-left:40px;
	text-align: left;
	padding-top: 40px;
}
#sidebar ul a:link, #sidebar ul a:visited {display: block;}
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* hack for IE/WIN */	
#sidebar li {
	border-top: none 1px #DDDDDD;
	border-bottom: solid 1px #cccccc;
	background-color: #336699;
}
/* fix for other browsers \*/
html>body #sidebar li {
	border-bottom: none;
}
/* fix for other browsers */

#sidelinks {
	font-size: x-small;
	color:#000000;
	text-indent:10px;
	margin-top:20px;
	padding: 0;
	margin: 0px;
	width: 120px;
}
#sidelinks h3{
	font-size: small;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	border-bottom: solid 1px #cccccc;
}
#sidelinks.blue h3{
	background-image: url(../images/bluebox_01.gif);
	background-repeat: no-repeat;
}
#sidelinks.red h3{
	background-image: url(../images/redbox_01.gif);
	background-repeat: no-repeat;
}
#sidelinks.green h3{
	background-image: url(../images/greenbox_01.gif);
	background-repeat: no-repeat;
}
#sidelinks h4{
	font-size: small;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-bottom: 10px;
	line-height: 3ex;
}
#sidelinks.red h4{
	background-image: url(../images/redbox_03.gif);
	background-repeat: no-repeat;
}
#sidelinks.green h4{
	background-image: url(../images/greenbox_03.gif);
	background-repeat: no-repeat;
}
#sidelinks.blue h4{
	background-image: url(../images/bluebox_03.gif);
	background-repeat: no-repeat;
}
#sidelinks li {
	margin: 0;
	padding: 0;
	display:block;
	border-top: none 1px #DDDDDD;
	border-bottom: solid 1px #cccccc;
	background-color: #CCCCCC;
	list-style-image:none;
}

#sidelinks.blue li {
	background-color: #336699;
}
#sidelinks.red li {
	background-color: #CC3333;
}
#sidelinks.green li {
	background-color: #006600;
}

#sidelinks a {
	display: block;
	font-size:11px;
	line-height: normal;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	color: #FFFFFF;
	text-decoration:none;
}
#sidelinks a:hover{
	text-decoration: none;
	background-color: #CCCCCC;
}

#sidelinks.blue a:hover{
	color: #336699;
}
#sidelinks.red a:hover{
	color: #CC3333;
}
#sidelinks.green a:hover{
	color: #006600;
}

.navmenu {
	margin:auto;
	color: #FFFFFF;
	background-color: #336699;
	text-align: left;
	display:block;
}

.navmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display:block;
}
.navmenu li {
	margin: 0;
	padding: 0;
	display:block;
	border-top: outset 1px #DDDDDD;
	border-bottom: solid 1px  #333333;
}
/* fix for other browsers */
html>body .navmenu li {border-bottom: none;}

.navmenu a {
	padding-left:5px;
	color: #ffffff;
	text-decoration:none;
}

.navmenu a:hover{
	color: #CCCCCC;
	background-color: #CC3333;
	text-decoration: none;
}

#soltab {
	position:absolute;
	width:100px;
	z-index:4;
	left: 200px;
	top: 120px;
	visibility:hidden;
}
#servtab {
	position:absolute; 
	width:100px; 
	height:auto; 
	z-index:4; 
	left: 300px; 
	top: 145px; 
	visibility: hidden;
}

.menu {
	background-color: #FFFFFF;
	display: block;
	list-style-type: none;
	font-size: 12px;
	padding-top: 0px;
	line-height: normal;
}
.menu ul {
	margin:0px;
	padding:0px;
	line-height: normal;
}
.menu li {
	margin: 0;
	padding: 0;
	display:block;
	background-color: #CC3333;
	border-bottom: 2px solid #FFFFFF;
	border-top: 2px none #FFFFFF;
	line-height: normal;
}
/* hack for IE/WIN \*/	
.menu li {
	border-bottom: 1px solid #CC3333;
}
/* fix for other browsers */
html>body .menu li {border-bottom: none;}

.menu a:link, .menu a:visited {
	display:block;
	line-height: inherit;
	color:#FFFFFF;
	padding: 2px 8px 4px 8px; 
	text-decoration:none;
	border-bottom: solid 1px #cccccc;
}
.menu a:hover {
	background-color:#336699;
	text-decoration:none;
	padding: 2px 8px 4px 8px; 
	color: #CCCCCC;
}

.mainarea{
	font-size: small;
	color: #000066;
	margin: 20px;
	margin-top: 1em;
	height: auto;
}