body {
	background-color	: #FFFFFF;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 11px;	
	color				: #666666;
	background-image	: url(../images/bg.gif);
	background-repeat	: repeat-x;
}


/**********************
HIDDEN PAGE ELEMENTS
***********************/

.magic
{
display:none;
}

.hide {
	display: none;
}
#skip {
	display: none;
}
#printableLogo{
	display: none;
}

#printableFlash
{
	display: none;
}
/**********************
CENTRE PAGE IN WINDOW
***********************/

#centre {
	width: 100%;
	text-align: center;
}

#container {
	width:780px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
}

/**********************
LOGO & NAVIGATION
***********************/
#logo {
	width: 240px;
	height: 50px;
	padding:0px 0px 0px 0px;
	margin:35px 0px 0px 0px;  
	float: left;
}


#navigation {
	width: 540px;
	height: 27px;
	padding:0px 0px 0px 0px;
	margin:58px 0px 0px 0px; 
	float: right;		
}

#navigation ul {
	margin: 0px;
	padding: 0px;
}

#navigation li {
	float: left;
	list-style: none;
}

#navigation a {
	text-decoration: none;
	display: block;
	width:90px;
	height: 27px;
	text-indent: -5000px;
}
#navigation a:visited {}
#navigation a:hover {}

#navigation #home 		  	  {background-image: url(../images/home_bt.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #home:visited 	  {background-position: 0px 0px}
#navigation #home:hover       {background-position: 0px -27px;}
#navigation #home:active  	  {background-position: 0px -54px;}
#navigation #home strong  	  {background-position: 0px -54px;}
#navigation #homeSelected     {background-image: url(../images/home_bt.gif); background-repeat: no-repeat; background-position: 0px -54px;	display: block; width:90px; height: 27px; text-indent: -5000px;}

#navigation #about 		   	  {background-image: url(../images/about_bt.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #about:visited	  {background-position: 0px 0px}
#navigation #about:hover  	  {background-position: 0px -27px;}
#navigation #about:active  	  {background-position: 0px -54px;}
#navigation #about strong  	  {background-position: 0px -54px;}
#navigation #aboutSelected    {background-image: url(../images/about_bt.gif); background-repeat: no-repeat; background-position: 0px -54px;	display: block; width:90px; height: 27px; text-indent: -5000px;}

#navigation #services 	      {background-image: url(../images/services_bt.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #services:visited {background-position: 0px 0px}
#navigation #services:hover   {background-position: 0px -27px;}
#navigation #services:active  {background-position: 0px -54px;}
#navigation #services strong  {background-position: 0px -54px;}
#navigation #servicesSelected {background-image: url(../images/services_bt.gif); background-repeat: no-repeat; background-position: 0px -54px;	display: block; width:90px; height: 27px; text-indent: -5000px;}

#navigation #software 		  {background-image: url(../images/software_bt.gif); background-repeat: no-repeat;background-position: 0px 0px;}
#navigation #software:visited {background-position: 0px 0px}
#navigation #software:hover   {background-position: 0px -27px;}
#navigation #software:active  {background-position: 0px -54px;}
#navigation #software strong  {background-position: 0px -54px;}
#navigation #softwareSelected {background-image: url(../images/software_bt.gif); background-repeat: no-repeat; background-position: 0px -54px;	display: block; width:90px; height: 27px; text-indent: -5000px;}

#navigation #clients 		  {background-image: url(../images/clients_bt.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #clients:visited  {background-position: 0px 0px}
#navigation #clients:hover    {background-position: 0px -27px;}
#navigation #clients:active   {background-position: 0px -54px;}
#navigation #clients strong   {background-position: 0px -54px;}
#navigation #clientsSelected  {background-image: url(../images/clients_bt.gif); background-repeat: no-repeat; background-position: 0px -54px;	display: block; width:90px; height: 27px; text-indent: -5000px;}


#navigation #contact 		  {background-image: url(../images/contact_bt.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #contact:visited  {background-position: 0px 0px}
#navigation #contact:hover    {background-position: 0px -27px;}
#navigation #contact:active   {background-position: 0px -54px;}
#navigation #contact strong   {background-position: 0px -54px;}
#navigation #contactSelected  {background-image: url(../images/contact_bt.gif); background-repeat: no-repeat; background-position: 0px -54px;	display: block; width:90px; height: 27px; text-indent: -5000px;}


/**********************
TOP FUNCTIONS AREA
***********************/

#topfunctions
{
	width:780px;
	font-family			:Verdana, Helvetica, sans-serif;
}

#topfunctions2 {
	width:550px;
	margin: 10px 0px 10px 0px;
	font-size: 9px;
	line-height: 14px;
	color: #645A50;
	float: left;
}

#topfunctions2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#topfunctions2 li {
	display: inline;
}
#topfunctions2 a:link {
	color: #6a9af8;
	text-decoration: none;
}
#topfunctions2 a:visited {
	color: #6a9af8;
	text-decoration: none;
}
#topfunctions2 a:hover {
	color: #214ba1;
	text-decoration: none;
}

#topfunctions2 strong {
	color: #214ba1;
	font-weight:normal;
}

#topfunctions2 span {
	font-weight:bold;
}

#topfunctions3 {
	width:200px;
	font-size: 9px;
	margin: 10px 10px 10px 0px;
	text-align:right;
	float: right;
}

#topfunctions3 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
#topfunctions3 li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

/**********************
ACCESSIBILITY AREA
***********************/
.accessibilitySm {
	font-weight: bold;
	font-size: 9px;
}
.accessibilitySm a:link {
	color: #3366cc;
	text-decoration: none;
}
.accessibilitySm a:visited {
	color: #3366cc;
	text-decoration: none;
}
.accessibilitySm a:hover {
	color: #214ba1;
	text-decoration: underline;
}
.accessibilityMd {
	font-weight: bold;
	font-size: 11px;
}
.accessibilityMd a:link {
	color: #3366cc;
	text-decoration: none;
}
.accessibilityMd a:visited {
	color: #3366cc;
	text-decoration: none;
}
.accessibilityMd a:hover {
	color: #214ba1;
	text-decoration: underline;
}
.accessibilityLg {
	font-weight: bold;
	font-size: 14px;
}
.accessibilityLg a:link {
	color: #3366cc;
	text-decoration: none;
}
.accessibilityLg a:visited {
	color: #3366cc;
	text-decoration: none;
}
.accessibilityLg a:hover {
	color: #214ba1;
	text-decoration: underline;
}



/**********************
FLASH CONTENT AREA
***********************/

#flashContainer {
	width: 770px;
	height: 255px;
	margin: 0px;
	padding: 5px;
	background-color:#f0f0f0;
	float: left;	
}

#flash
{
	width: 510px;
	height: 255px;	
	margin:0px; 
	background-color:#ffffff;
	float: left;
}

#flashContainerSub {
	width: 770px;
	height: 130px;
	margin: 0px;
	padding: 5px;
	background-color:#f0f0f0;
	float: left;	
}

#flashSub
{
	float:left;
}

#subHeader
{

	float:right;
}


/**********************
RIGHT HOME AREA
***********************/

#rightContainer{
	width: 260px;
	margin: 0px;
	padding: 0px;
	float: right;
	background-color:#f0f0f0;
}

#homeIntro
{
	width: 250px;
	height: 240px;	
	margin:0px; 
	background-color:#214ba1;
		float: right;
}


/**********************
MAIN CONTENT AREA
***********************/

#mainContainer {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#content {
	width: 510px;	
	margin:5px 0px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

#content p {
	font-size: 12px;
	line-height: 17px;
	padding:0px 0px 0px 0px;
	margin:5px 0px 10px 0px;
	color: #666666;
}

#content h1{
	font-size: 17px;
	font-weight:bold;
	text-transform:uppercase;
	color: #214ba1;
	padding:15px 0px 5px 0px;
	margin:0px;
}

#content span{
	font-size: 17px;
	font-weight:bold;
	text-transform:lowercase;
	color: #214ba1;
	padding:15px 0px 5px 0px;
	margin:0px;
}

#content h2{
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000066;
	padding:10px 0px 3px 0px;
	margin:0px;
}

#content h3{
	font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
	color: #214ba1;
	padding:10px 0px 0px 0px;
	margin:0px;
}

#content h4{
	font-size: 12px;
	font-weight:bold;
	color: #214ba1;
	padding:10px 0px 0px 0px;
	margin:0px;
}

#content h5{
	font-size: 12px;
	font-weight:normal;
	color: #000066;
	padding:0px 0px 10px 0px;
	margin:0px;
}

#content ul{
	font-size: 12px;
	line-height:17px;
	color: #666666;
	padding:5px 0px 5px 18px;
	margin:0px;
}

#content ol{
	font-size: 12px;
	line-height:17px;
	color: #666666;
	padding:5px 0px 5px 25px;
	margin:0px;
}


#content li{
	color: #666666;
	padding:5px 0px 5px 0px;
	margin:0px;
}

#content li li{
	color: #666666;
	list-style:disc;
	padding:5px 0px 0px 0px;
	margin:0px;
}

#content ul ul{
	font-size: 12px;
	color: #666666;
	padding:0px 0px 10px 15px;
	margin:0px;
}


#content small{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}


#content form{
font-size: 11px;
line-height: 15px;
}

#content fieldset{
}

#content a:link {
	color: #3366cc;
	text-decoration: none;
}

#content a:visited {
	color: #3366cc;
	text-decoration: none;
}

#content a:hover {
	color: #214ba1;
	text-decoration: underline;
}


/**********************
RIGHT NAV
***********************/
#rightNavContainerSub {
	width: 225px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	float: right;
	background-color:#f0f0f0;
}

#rightNav {
	width: 215px;
	margin: 5px;
	padding: 0px;
}

#rightNav ul {
	margin: 0px;
	padding: 0px;
}

#rightNav li {
	float: left;
	list-style: none;
	width:215px;
	background-color:#5991ff;
	background-image:url(../images/subnav_bg.jpg);
	background-repeat:no-repeat;
	text-transform:uppercase;
	margin:0px 0px 1px 0px
}

#rightNav ul ul {
	margin: 0px;
	padding: 0px;
}

#rightNav li li{
	float: left;
	list-style: none;
	width:215px;
	background-color:#ffffff;
	background-image:none;
	margin:0px 0px 0px 0px;
}



#rightNav a {
	width:190px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:9px;
}

#rightNav a:visited {color:#FFFFFF;}
#rightNav a:hover {color:#b4cdfe;}

#rightNav a.secondLevel {
	color:#3366cc;
	font-weight:bold;
	text-decoration:none;
	margin:5px 9px 3px 9px;
}
#rightNav a.secondLevel:visited {color:#3366cc;}
#rightNav a.secondLevel:hover {color:#214ba1;}

#rightNav li.dark {
	float: left;
	list-style: none;
	width:215px;
	background-color:#0d3176;
	background-image:url(../images/subnavin_bg.jpg);
	background-repeat:no-repeat;
}

#rightNav strong {
	width:190px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:9px;
	
}

#rightNavContainer{
	width: 260px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#homeWidget
{
	width: 250px;	
	margin:5px;
}

#homeWidget p
{
	font-size: 12px;
	line-height: 17px;
	padding:0px 0px 0px 0px;
	margin:10px 10px 18px 10px;
}

/**********************
FOOTER
***********************/

#footer {
	width:780px;
	height:40px;	
	margin:0px;
	padding:3px 0px 0px 0px;	
	background-image: url(../images/footer_bg.jpg);
	background-repeat:repeat-x;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	color: #645A50;
}

#footer1 {
	width:175px;
	margin: 10px;
	float: left;
}

#footer2 {
	width:360px;	
	margin: 10px;
	font-size:9px;
	text-transform:uppercase;
	text-align:right;
	float: right;
}

#footer2 a:link {
	color: #666666;
	text-decoration: none;
}
#footer2 a:visited {
	color: #666666;
	text-decoration: none;
}
#footer2 a:hover {
	color: #666666;
	text-decoration: underline;
}


/*************************************
FORM ELEMENTS
**************************************/

.formbuttons
{
font-size:11px;
color:#FFFFFF;
background-color:#3366CC;
border: 1px solid #000033;
}