@charset "utf-8";
/* CSS Document */

body {
	margin:10px;
	padding:0px;
	text-align: left;
}


.master_hold
{
	width: 960px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#lhm
{
	width:960px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	height:250px;
	position: relative;
	}

.logo
{
	float:right;
}


.header
{
	margin-left:0px;
	margin-right:30px;
	clear:both;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	width: 660px;
}


	
  
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative; /*tab background image path*/
	height: 46px;
	list-style: none;
	background-image: url(images/menub_bg.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 13px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 20px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff; /*left tab image path*/
	background-position: left;
	background-image: url(images/menub_hover_left.gif);
	background-repeat: no-repeat;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff; /*right tab image path*/
	background-image: url(images/menub_hover_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.glossymenuvert {
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

#leftmenucolumn {
	float: left;
	width: 170px;
	height: 100%;
	margin-top: 10px;
	}

.glossymenuvert li a{
	background: white url(images/glossyback.gif) repeat-x bottom left;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #CCCCCC;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 10px;
	text-decoration: none;
}

* html .glossymenuvert li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenuvert li a:visited, .glossymenuvert li a:active{
	color: #CCCCCC;
}

.glossymenuvert li a:hover{
background-image: url(images/glossyback2.gif);
}

.ppcmainbody
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	float:left;
	width: 650px;
}
.ppcmainbody p {
	text-align: left;
}


.newsarticles
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	float:right;
	width: 300px;
	border: thin solid #CCCCCC;
}

.ptitle
{display: inline;
}

#navigation
{
	clear:both;
	text-align:center;
	height:46px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	left: 0px;
	top: 191px;
	width: 960px;
	z-index: 1;
	right: auto;
	bottom: auto;
	position: absolute;
	margin: 0px;
	padding: 0px;
}
#navheader {	
	width: 100%;
	
}

.pagelogo
{
	float:left;
	padding-left:0px;
	padding-top: 0px;
	width: 80px;
	margin-top: 10px;
}

.pagetitle2
{
	float:left;
	width:575px;
	height:25px;
	font-weight:normal;
	text-align: left;
	background-image: url(images/header_logo.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 75px;
}

.h1 
{
	font-size: large;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

#leftmenucolumn {
	float: left;
	width: 170px;
	height: 100%;
	margin-top: 10px;
	}

#homepagetext {
	width:643px;
	text-align:left;
	font-size:12px;
	float: left;
	height: 100%;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: Tahoma;
	
}

.mainbody
{
	clear:both;
	margin-left:0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:square;
	height:100%;
	background-color: #FFFFFF;

}

#statusblogfeeds {
	width:165px;
	text-align:left;
	float: right;
	height: auto;
	background-image:url(images/blogentries.gif);
	background-repeat: no-repeat;
	padding-top: 85px;
	height: 240px;
	padding-left: 20px;
	background-position: right;
	}
.textbox {
	float: left;
	height: 100%;
	width: 49%;
}
.textboxright {
	float: right;
	width: 49%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.textboxcc {
	float: right;
	width: 99%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
}

	
	
#statusblogfeeds ul {
	margin: 0px;
	padding: 0px;
	font: tahoma;
	color: #666666;
	padding-bottom: 3px;
}


#statusblogfeeds ul li
{
	list-style-type: none;
	padding-bottom: 3px;
	margin: 0;
	padding-top: 3px;
}


#statusblogfeeds ul li a
{
	text-decoration: none;
	list-style-type: none;
	font: tahoma;
	font-weight:bold;
	color: #0000FF;
}

#statusblogfeeds ul li a:hover,active
{
	color: #DE1B25;
	font-weight: bold;
}

#w3c_icons {
	height:100%;
	width:88px;
	text-align:left;
	float: right;
	height: 100%;
	margin-top: 0px;
	padding-left: 10px;
}
	
p.blog {
	text-align:left;
	padding-left: 20px;
	color: #0099FF;
	padding-top: 20px;
}

p.blog:hover 
{
	text-decoration: none;
	color:#FF0000
}


.a
{
	text-decoration: none;
	color:#0000FF;
}

.a:hover 
{
	text-decoration: none;
	color:#FF0000
}

img.c4 {border:0;width:88px;height:31px}
 p.c3 {text-align: left}
 br.c2 {clear: left}
 object.c1 {width:657px; height:149px;}
 
 .b
{
	text-decoration: none;
	color:#666666;
	display: inline;
}

 .b:hover
{
	text-decoration:none;
	color:#FF0000;
	}


#footNav
{
	text-align:center;
	margin-top:10px;
	margin-left:0px;
	clear: both;
	font-style: normal;
}

.linkleft {
	height: 100%;
	width: 150px;
	float: left;
	padding-left: 40px;
}
.linkright {
	height: 100%;
	width: 150px;
	float: right;
	padding-right: 40px;
	text-align: right;
	border: 1px none #000000;
}

.linktechserve {
	height: 100%;
	width: 332px;
	float: left;
	padding-left: 40px;
}
.linksbody {
	float: left;
	height: 100%;
	width: 100%;
}
#spw {
	float: left;
	height: 200px;
	width: 960px;
	background-color: #000000;
	background-repeat: no-repeat;
	display: inline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#seo
	{
	width:320px;
	height:200px;
	background-image: url(images/seobackround1.jpg);
	float: left;
	display: inline;
	}
.boxtext {
	text-align: left;
	height: 123px;
	width: 305px;
	padding-left: 15px;
	position: relative;
	color: #CCCCCC;
	vertical-align: bottom;
	font-family: Tahoma;
	font-size: 10px;
	background-position: center;
	padding-top: 20px;
}


#ppc
	{
	width:320px;
	height:200px;
	background-image: url(images/ppcbackground1.jpg);
	background-repeat: no-repeat;
	text-align: right;
	float: left;
	}
	
#wai
	{
	width:320px;
	height:200px;
	background-image: url(images/WAIbackround2.jpg);
	float: left;
	}

.greylinktext
	{
	color: #CCCCCC;
	vertical-align: bottom;
	font-family: Tahoma;
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	}

#twitter_div {
	background-color: #CCCCCC;
	border: 2px solid #000066;
	width: 200px;
	float: right;
	list-style-type: none;
	font-family: tahoma;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}