/*
	Style sheet for Total Enterprise Solutions
	Last updated: 30/01/2008
*/


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/*  Layout  */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

*{  
	font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	color: #6db33f;
	line-height: 170%;
	}
	
body {
	margin: 0;
	padding: 0;
	background:  #346299;
	width: 100%;
	text-align: center;
	font-size: 80%; 
	}

#wrapper {
	margin:0 auto;
	padding: 0;
	width: 990px;	 
	background-color: #fff;
	text-align: left;
	}

#header {
	margin: 0px;
	padding: 0;
	background:#fff;
	}

#navigation {
	padding: 0 23px 0 20px;
	margin: 0;
	color:fff;
	background-image:url('/media/navbkgrd.gif');
	background-repeat:no-repeat;
	height: 32px;
	vertical-align: middle;
	}

#sidenavigation {
	width:2px;
	}

#maincontent	{
	padding:5px 20px 10px 20px;
	width: 590px;
	}

#rightnavigation{
	padding: 5px 0 10px 10px;
	width: 400px;
	}

#partners {
	padding: 10px 0 0 0;
	margin: 0 0 0 15px;
	}

#footer {
	margin: 0;
	padding:2px 20px 2px 20px;
	background: #000;
	color: #fff;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */	
/*  Typography */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
	
h1, h2, h3, h4, h5, h6 {
	color: #5f9841;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 150%;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; 
	}

h2 {
	margin:5px 0 -10px 0;
	}

li {
	padding-bottom:3px;
	list-style-type: square;
	}

#footer p {
	color: #fff;
	font-size: 85%;
	}

.header {
	color:#0069aa;
	}

#navigation p{
	color: #fff;
	}

#maincontent p{
	text-align: left;
	}

.call { 
	font-size:120%;
	color: #fff;
	}

strong { 
	color:#0069aa;
	}

strong a{ 
	color:#0069aa;
	}



.small{
	font-size:85%;
	}

.smalltable p {
	font-size:85%;
	padding: 2px;
	}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/*  Link Styles */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

a {
    text-decoration: underline;
	color: #5f9841;
	background: transparent; 
    }

a:hover {
    text-decoration: underline;
	color: #0069aa;
    }


#footer a {	
	text-decoration:none;
	padding:3px;
	color: #fff;
	}

#footer a:hover {	
	text-decoration:none;
	padding:3px;
	color: #0080ad;
	}

#navigation a {	
	text-decoration:none;
	padding:3px;
	color: #fff;
	}

#navigation a:hover {	
	text-decoration:none;
	padding:3px;
	color: #6db33f;
	}

a.sitecredit {
	font-size: 80%;
	text-decoration: none; 
	color: #fff;
	background-color: transparent;
	text-align:center;
	}

.sitecredit:hover  {
	background-color: #b36f7d;
	color: white; 
	text-align:center;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/*  Extra Bits */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}

img {
	border: 0;
	}

hr {
    border: 0;  
    border-bottom: 1px solid #c1dcaa;
	height: 1px;
    margin-top: 1ex;
	}

.dots {
	background: url(/media/horizontal_dots.gif) bottom left repeat-x;
	display: block;
	}

.hiddenclear {
	clear: both;
	color: #fff; 
    font-size: 0px; 
    margin: 0;
    visibility: hidden; 
	}

.floatleft {
	float:left;
	margin-right: 5px;
	}

.floatleftb {
	float:left;
	margin-right: 5px;
	border:solid 1px #0080ad;
	}

.floatright {
	float:right;
	margin-left: 5px;
	}

.floatrightb {
	float:right;
	margin-left: 5px;
	border:solid 1px #0080ad;
	}

.center {  
    text-align: center;
    }
	

.smalltable { 
	border: 1px solid #5f9841; 
	} 

td{
	vertical-align: top;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/*  Boxes */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

.boxtable{
	width: 366px;
	margin: 0 0 8px 10px;
	}

.boxtop{
	background: url('/media/box/topwhite.gif') no-repeat; 
	height:15px;
	}

.boxcontent{
	background: url('/media/box/pixwhite.gif') repeat-y; 
	padding: 0 8px 0 8px;
	}

.boxbottom{
	background: url('/media/box/bottomwhite.gif') no-repeat; 
	height:15px;
	}

.blueboxtop{
	background: url('/media/box/topblue.gif') no-repeat; 
	height:13px;
	}

.blueboxcontent{
	background: url('/media/box/pixblue.gif') repeat-y; 
	padding: 0 8px 0 8px;
	}

.blueboxbottom{
	background: url('/media/box/bottomblue.gif') no-repeat; 
	height:15px;
	}

.bluebox, .bluebox strong, .bluebox p{
	color: #fff;
	}


.greenboxtop{
	background: url('/media/box/topgreen.gif') no-repeat; 
	height:13px;
	}

.greenboxcontent{
	background: url('/media/box/pixgreen.gif') repeat-y; 
	padding: 0 8px 0 8px;
	}

.greenboxbottom{
	background: url('/media/box/bottomgreen.gif') no-repeat; 
	height:15px;
	}

.greenboxtop2{
	background: url('/media/box/topgreen2.gif') no-repeat; 
	height:13px;
	}

.greenboxcontent2{
	background: url('/media/box/pixgreen2.gif') repeat-y; 
	padding: 0 8px 0 8px;
	}

.greenboxbottom2{
	background: url('/media/box/bottomgreen2.gif') no-repeat; 
	height:15px;
	}

.greenboxcontent2, .greenboxcontent2 strong, .greenboxcontent2 p, .greenboxcontent2 li{
	color: #fff;
	}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/*  Forms and fields */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

form {
	padding: 0;
	margin: 5px;
	font-size: 85%;
	}

fieldset {
	margin-right:-9px;
	padding:0;
	border:solid 1px #ccc;
	}
	
legend {
	margin-right:-10px;
	padding:0;
	font-weight:bold;
	color:#5f9841;
	}

.blurred {
	border: #6db43f 1px solid;
	background-color: #fff;
	color: #666;
	}

.focused {
	border: #6db43f 1px solid; 
	background-color: #fff; 
	color: #0069aa;
	}

label{
	color: #666;
	}

form p{
	color: #666;
	}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/*  Top Nav */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

#headernav {
	padding-left:3px;
	color:#fff;
	font-weight:bold;
	}
	
#headernav a {
	color:#fff;
	font-weight:bold
	}

#headernav a:hover {
	background:none;
	color:#b0c9ed;
	}

#nav, #nav ul { /* all lists */
	padding: 0;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	font-size: 90%;
	list-style: none;
}

#nav a {
	display: block;
	text-decoration:none;
}

#nav li { /* all list items */
	float: left;
	margin:0 10px 0 10px;
	position: relative;
	list-style:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	margin:0;
	background: #000;
	color: red;
	width: 150px;
	font-size: 100%;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 2em;
}
#nav li li {
	width:145px;
}



#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */