/* CSS Document */

body{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#666666; 
	text-align:center;
	background:url(../img/bg.gif);
}
	
A:link {text-decoration: none;color: #0072bc;}
A:visited {text-decoration: none;color: #0072bc;}
A:active {text-decoration:underline;color:#0072bc;}
A:hover {text-decoration: underline; color: #0072bc;}

h1{ font-weight:bold; color:#0067b6; margin:5px 0px; font-size:15px;}

h2{ font-weight:bold; color:#666666; margin:5px; font-size:11px;}

p {font-size:12px;}

#shell{
	position:relative;
	width:739px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background:#ffffff;
	border-right:2px solid #aeb7be;
	border-bottom:2px solid #aeb7be;
}

.header{
	width:739px;
	height:113px;
	background-image:url(../img/bg-header.gif);
	background-position:left;
	background-repeat:no-repeat; 
}

.navbox{
	width:739px;
	height:31px; background:url(../img/bg-nav.gif) repeat-x top left;
	}


.content{
	padding:20px 30px 0px 30px;
	background:#fff;
	width:679;
}

.floatLeftBox{ 
	float:left;
	width:209px;
	margin:0px 5px;
}

.bucketContent{ background:url(../img/bg-bucket-extend.gif) bottom left no-repeat; padding:5px 5px 5px 5px; height:120px;
}
.bucketType{ height:107px;padding:0px  5px;}
.more{padding-right:18px;text-align:right; position:relative; bottom:0px;}

.textRight{ text-align:right;}

.bottomBox{ border:1px solid #e8e8e8;
	height:135px;
	margin:20px 0px;
	padding:10px;
}

.footer{ text-align:center; padding:10px 10px;}

.fullBorder{border:1px solid #7cbef3;}
.new{color:#006600;}

/* Main Nav */
#navContainer{ 
	padding-left:184px;  
	text-align:left;
	z-index:2000;
}

#nav, #nav ul {
	float: left;
	list-style: none;
	font-weight: normal;
	padding: 0px;
	height:31px;
	margin:0px;
	font-size:12px;
}

#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 7px 5px 6px 5px;
	height:13px;
	text-align:center;
}

#nav a:hover {
	color: #fff;
}

#nav li {
	float: left;
	height:31px;
}

.tpsosition{position: relative;}
.home {width:70px;}
.news {width:70px;}
.clients {width:70px;}
.services {width:70px;}
.aboutus {width:90px;}

#nav li ul { /* changes subnav BOX  *note width */
	position: absolute;
	left: -999em;
	height: auto;
	width: 205px;
	font-size:11px;
	font-weight: normal;
	margin: 0px;
	background-image:none;
	border-top:1px solid #61a6dd;
	border-right:1px solid #61a6dd;
	border-bottom:3px solid #0067b6;
	border-left:1px solid #61a6dd;

}

*html .tpSub{
    right:0;
}

#nav li li {/* chages subnav appearance*/
	padding: 0px;
	width: 205px; /* subnav LI width must total width plus left and right padding of (#nav li ul a)*/
	border-bottom:1px solid #5795c8;
	height:25px; /* subnav LI height must total height plus top and bottom padding of (#nav li ul a)*/
}

#nav li ul a { /* chages subnav appearance*/
	width: 200px;
	background-color:#61a6dd;
	text-align:left;
	white-space:nowrap;
	color: #fff;
	height:20px; /* subnav LI height */
	padding:5px 0px 0px 5px;
}

#nav li ul a:hover { /* subnav hover bacground color */
	background-color:#7cbef3;
	color: #fff;
}

#nav li ul ul {
}

#nav li:hover ul ul, #nav li.sfhover ul ul, {
	left: -999em;
}

#nav li:hover ul,  #nav li.sfhover ul {
	left: auto;
}

#nav li:hover ul,  #nav li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover { /* changes main nav appearance */
	background-color:#ffffff;
	background-image:url(../img/bg-nav-on.gif);
	background-position:top;
	background-position:left;
	background-repeat:repeat-x;
}

#nav li:hover li, #nav li.sfhover li{ /* supresses image for subnav */
		background-image:none !important;		
}
/* end main nav */