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

body { background-image: url(../img/pg-bg.jpg); background-repeat: repeat-x; margin: 0px; padding: 0px; font-family: Lucida Sans Unicode, Arial; font-size: 13px; color: #5d5f60 }

#mainFrame { width: 800px; margin: 0px auto; }

#topBar { height: 94px }

#logo { padding-top: 35px; float: left; width: 257px }

#topNav { width: 506px; float: right; padding-top: 31px; height: 63px }

.clear { clear: both }

h1 { background: url(../img/seo-logo.gif) no-repeat; margin: 0px }

h1 a{ height: 44px; text-indent: -10000px; display: block; text-decoration: none }

#homeHeader { background-image: url(../img/home-header-bg.gif); background-repeat: repeat-x; height: 226px }

#homeHeaderbox { padding: 22px }

#homeHeadertext { float: left; width: 512px; }

#homeHeaderimage { padding-right: 38px; float: right }

h2 { font-size: 24px; margin: 0px; color: #0872cc }

h3 { font-size: 13px; margin: 0px; color: #0872cc }

.linkred { color: #cb3b60 }

.testilink { color: #cb3b60; font-size: 11px }

h4 { font-size: 13px; margin: 0px; line-height: 1.3em }


#mainContent { margin-top: 5px }

#mainContent1 { margin-top: 40px }

#servicesBox { width: 416px; float: left }

#servicesBox1 { width: 380px; float: left }

#toolsBox { width: 365px; float: right }


/*fieldset { border: 1px dotted #7f7f7f; }

legend { background: #fb0; border: #26a solid 1px; padding: 1px 10px }
 */
 
fieldset#dotted1 { border: 1px dotted #7f7f7f;  }

fieldset #servicesBox {  }

legend#servicesBox  { padding-right: 38px;
background: transparent url(../img/icon-services.jpg) no-repeat center right; color: #278ebd; font-size: 18px; width: 116px; line-height: 50px }

a.external {
padding-right: 18px;
background: transparent url(../img/icon-services.jpg) no-repeat center right;
}

#glossaryBox { background-image: url(../img/glossary-bg.jpg); background-repeat: no-repeat; width: 252px; height: 71px; margin: 0px auto; padding-left: 79px; font-size: 10px; padding-top: 10px }

.glosarry { font-size: 17px; color: #6fa528; text-decoration: underline }

.blue { color: #0060a4 }

#feedbuzz { width: 480px; float: left }

#tagcloud { width: 268px; float: right; background-color: #e4f2f8; padding: 11px 16px 11px 16px; color: #37779d; height: 216px }

.tag { font-size: 17px; color: #213036; text-decoration: underline }


#title{
	position:absolute;
	top:-32px;
	left:10px;
	margin:0;
	padding:0 5px;
	line-height:64px;
	display: block;
	background-image: url(../img/icon-services.jpg);
	background-repeat: no-repeat;
	height: 64px;
	width: 154px;
	border:0px solid #000;
	color: #278ebd; font-size: 18px;
}


#title2{
	position:absolute;
	top:-32px;
	left:10px;
	margin:0;
	padding:0 5px;
	line-height:64px;
	display: block;
	background-image: url(../img/icon-tools.jpg);
	background-repeat: no-repeat;
	height: 64px;
	width: 137px;
	border:0px solid #000;
	color: #278ebd; font-size: 18px;
}

#title3{
	position:absolute;
	top:-32px;
	left:10px;
	margin:0;
	padding:0 5px;
	line-height:64px;
	display: block;
	background-image: url(../img/icon-articles.jpg);
	background-repeat: no-repeat;
	height: 64px;
	width: 140px;
	border:0px solid #000;
	color: #535353; font-size: 18px;
}

#title4{
	position:absolute;
	top:-32px;
	left:10px;
	margin:0;
	padding:0 5px;
	line-height:64px;
	display: block;
	background-image: url(../img/icon-feeds.jpg);
	background-repeat: no-repeat;
	height: 64px;
	width: 137px;
	border:0px solid #000;
	color: #535353; font-size: 18px;
}


.outer ,.outer2 {
	position:relative;
	float:left;
	border:2px dotted #7f7f7f;
	background:#fff;
	display:inline;
}

.outer3 {
	position:relative;
	float:left;
	border:2px dotted #7f7f7f;
	background:#fff;
	display:inline;
}

.outer4 {
	position:relative;
	float:left;
	border:2px dotted #7f7f7f;
	background:#fff;
	display:inline;
}


.inner {
	border:1px solid white;
	width: 380px;
	height:333px;
	position:relative;
	z-index:100;
	margin:-1px;
	padding: 30px 18px 18px 18px;
}

.inner2 {
	border:1px solid white;
	width: 325px;
	height:333px;
	position:relative;
	z-index:100;
	margin:-1px;
	padding: 30px 18px 18px 18px
}

.inner2 img{
	float: left; clear: left; margin-right: 16px; 
}


.inner3 {
	border:1px solid white;
	width: 760px;
	height:100%;
	position:relative;
	z-index:100;
	margin:-1px;
	padding: 30px 18px 18px 18px;
}

.inner4 {
	border:1px solid white;
	width: 444px;
	height:186px;
	position:relative;
	z-index:100;
	margin:-1px;
	padding: 30px 18px 18px 18px
}

.outer p,.outer3 p {margin:3px 0 30px 0;}



.outer h3 a, .outer2 h3 a{
	line-height:20px;
	font-size:70%;
	border:1px solid #000;
	background:#ffffcc;
	text-decoration:none;
	vertical-align:top;
	padding:0 5px;
}
.outer2 {border:1px dashed #000}


#footer { background-image: url(../img/footer-bg.jpg); background-repeat: repeat-x; height: 150px; margin-top: 20px }

#footerTextbox { width: 800px; margin: 0px auto;  padding-top: 39px; color: #1d1d1d; font-size: 11px; }

#footerNav { float: left; color: #1d1d1d; font-size: 11px; width: 514px }

#footerNav a{ color: #1d1d1d; text-decoration: none }

#footerNav a:hover{ color: #1d1d1d; text-decoration: underline }

#footerLogo { width: 133px; height: 29px; float: right }

h5 { background: url(../img/footer-logo.jpg) no-repeat; margin: 0px }

h5 a{ height: 29px; text-indent: -10000px; display: block; text-decoration: none }

#legalline { margin-top: 52px; text-align: center; color: #1d1d1d }



/* Post Styles */
.post {
	float: left;
	width: 350px;
	height: 100%;
	margin-left: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 11px;
	text-align: left
}

.post2 {
	float: left;
	width: 350px;
	height: 100%;
	margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 11px;
	text-align: left
}

.post3 {
	float: left;
	width: 224px;
	height: 180px;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-top: 0px;
	font-size: 11px;
	text-align: center;
	border: solid #ccc 1px;
	padding: 10px
}

.post4 {
	float: left;
	width: 224px;
	height: 180px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 11px;
	text-align: center;
	border: solid #ccc 1px;
	padding: 10px
}

.post3 img{
	padding: 0px;
	margin: 0px;
	border: 1px solid #CCC;
}
.post3 img:hover {
	border: 1px solid #549FC9;
	padding: 0px;
	margin: 0px;
	
}

.post4 img{
	padding: 0px;
	margin: 0px;
	border: 1px solid #CCC;
}
.post4 img:hover {
	border: 1px solid #549FC9;
	padding: 0px;
	margin: 0px;
	
}


.postright{
	float: right;
}
.postclear {
	clear: both;
}



/* Main Nav */

.basictab{
padding: 13px 0;
margin-left: 0;
font: bold 12px Lucida Sans Unicode;
list-style-type: none;
color: #5D5F60;
text-transform: uppercase;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
border-right: 1px dotted #7F7F7F;
}

.basictab li.last{
display: inline;
margin: 0;
border-right: 1px dotted #FFF;
}

.basictab li a{
text-decoration: none;
padding: 10px 10px;
margin-right: 0px;
background-color: #fff;
color: #000;
}

.basictab li.last a{
text-decoration: none;
padding: 10px 10px;
margin-right: 0px;
background-color: #fff;
color: #000;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
color: #7baed5;
text-decoration: none
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #fff;
color: black;
}



/* inner */

#inHeader { background-image: url(../img/in-header.jpg); background-repeat: repeat-x; height: 15px }

#inContent { margin-top: 20px; padding-left: 11px; padding-right: 11px; text-align: justify }

h6 { color: #8dc919; font-size: 20px; margin: 0px 0 20px 0 }

.inBlue { color: #549fc9 }

.inBluetitle { color: #549fc9; font-size: 17px; font-weight: bold }

li { list-style-image: url(../img/bullet1.gif); margin: 0 0 12px 20px; }

blockquote { min-height: 35px; padding: 15px 0 15px 70px; padding-left: 70px; margin: 0 40px 15px 40px; background: url('../img/blockquote_bg.gif') no-repeat; font-family: Georgia, Times New Roman, Times, serif; font-size: 1.1em; line-height: 1.75em; font-style: italic; clear: left; }

#inLeft { width: 552px; float: left }

#inRight { width: 210px; float: right; text-align: right }

.planBox { border-top: solid #f1f0f0 2px; border-bottom: solid #f1f0f0 2px; padding: 10px; background-color: #fbfbfb }

.toolBox { border: solid #76C0DF 1px; background-color: #EBFAFF; padding: 10px 0 10px 0; color: #333333 }

.toolBox1 { border: solid #76C0DF 1px; background-color: #EBFAFF; padding: 0px 0 10px 0; color: #333333; margin-top: 20px }


/* Sitemap Styles */

#sitemap {
	font-size: 9pt;
	
}

#sitemap li {
	list-style-type: none;
}

ul#sitemap > li {
	margin-bottom: 10px;
}

#sitemap ul li {
	list-style-image: url(../img/l2_normal.gif);
}

#sitemap ul ul li {
	list-style-image: url(../img/l3_normal.gif);
}

#sitemap ul li.firstfollow {
	list-style-image: url(../img/l2_first_follow.gif);
}

#sitemap ul li.last {
	list-style-image: url(../img/l2_last_item.gif);
}

#sitemap ul ul li.firstfollow {
	list-style-image: url(../img/l3_first_follow.gif);
}

#sitemap ul ul li.last {
	list-style-image: url(../img/l3_last_item.gif);
}



/*Field Styles*/

button { 
  width:auto; 
  overflow:visible; 
}
button span { 
  margin-top:1px; 
}

button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 20px 0 0; 
  text-align:center; 
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

/*blue buttons*/
button.submitBtn { 
  background:url(../img/btn_blue_right.gif) right no-repeat; 
  font-size:1.3em; 
}
button.submitBtn span { 
  height:32px; 
  line-height:32px;
  background:url(../img/btn_blue_left.gif) left no-repeat;
  color:#fff; 
}
button.submitBtn:hover {
	background:url(../img/btn_blue_right_hover.gif) right no-repeat; 
}
button.submitBtn:hover span {
	background:url(../img/btn_blue_left_hover.gif) left no-repeat; 
}


.fieldbox { width: 156px; height: 20px; background-image: url(../img/field-bg.jpg); background-repeat: repeat-x; border: solid #76C0DF 1px; color: #5b5b5b; font-weight: normal; line-height: 18px }


.fieldbox1 { width: 156px; height: 60px; background-image: url(../img/field-bg.jpg); background-repeat: repeat-x; border: solid #76C0DF 1px; color: #5b5b5b; font-weight: normal; line-height: 18px; background-position: bottom }

.fieldbox2 { height: 24px; background-image: url(../img/field-bg.jpg); background-repeat: repeat-x; border: solid #76C0DF 1px; color: #5b5b5b; font-weight: normal; line-height: 18px; background-position: bottom }

.red { color: #FF0000 }

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:198px;
	height:32px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(../img/button-new.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

.buttonSubmittool, .buttonSubmittoolHovered {
	width:106px;
	height:32px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(../img/button-new-tool.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmittoolHovered {
	background-position:left bottom;
}