/*WORKING ALINEAN CSS - Jpisello*/
:visited {
	color : #3975BD;
	text-decoration : none;
}
:link {
	color : #3975BD;
	text-decoration : none;
/*	border-bottom : 1px dotted #3975BD;*/
}
:hover {
	color: #FF6600;
}
/*ul,ol { list-style:decimal }*/
code {
	font-size: 1em;
}
pre {
	font-size: 1em;
}
h6 {
	font-size: 1em;
}
h5 {
	font-size: 1em;
}
h4 {
	font-size: 1em;
}
h3 {
	font-size: 1em;
}
h2 {
	font-size: 1em;
}
h1 {
	font-size: 1em;
}
input {
	margin: 0;
	padding: 0;
}
fieldset {
	margin: 0;
	padding: 0;
}
blockquote {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}
html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}
pre {
	margin: 0;
	padding: 0;
}
h6 {
	margin: 0;
	padding: 0;
}
h5 {
	margin: 0;
	padding: 0;
}
h4 {
	margin: 0;
	padding: 0;
}
h3 {
	margin: 0;
	padding: 0;
}
h2 {
	margin: 0;
	padding: 0;
}
h1 {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}
ol {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
}
:visited img {
	border: none;
	outline: none;
}
:link img {
	border: none;
	outline: none;
}
a img {
	border: none;
	outline: none;
}
a {
	outline: none;
}
address {
	font-style: normal;
}
body {
	font: 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: white;
	text-align: center;  /*this is to align entire site center of browser window; must rest div style to left, right etc, or defautl will be centered text.*/
}
.icon {
	vertical-align: middle;
	margin-left: -14px;
	margin-right: 4px;
	margin-bottom: 3px;
}
div.GRhead {
	position: relative;
	z-index: 3;
	background: skyblue;
	width: 950px;
	Height: 200px;
	border: 0px solid blue;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: left;
	font: bold 1em Trebuchet MS;
	color: white;
}
div.GRhead2 {
	position: relative;
	z-index: 3;
	background: skyblue;
	background-repeat:no-repeat;
	width: 950px;
	Height: 118px;
	border: 0px solid blue;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: left;
	font: bold 1em Trebuchet MS;
	color: white;
}

div.content {
	position: relative;
	background: white;
	width: 898px;
	z-index: 10;
	border: 1px dotted gray;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 30px 20px 20px 30px;
/*top right bottom left*/
}
* html div.content {
	width: 950px;
}
div.content p {
	/*THIS IS USED FOR BODY COPY*/
	font: .7em normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.5em;
	padding: 0px 20px 1.2em 0px;
/*top right bottom left*/;	margin: 0 0 0 0px;
}
div.content p a {
	/*THIS IS USED FOR BODY COPY*/
border-bottom : 0px dotted gray;
}
div.content p.bread {
	position: absolute;
	font: .7em Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	right: 0;
	top: -25px;
	height: 16px;
	padding: 3px 9px 0 0;
	text-align: right;
}
div.content p.rule {
	/*THIS IS USED in place of HR*/
	border-bottom: .1em gray dotted;
	margin:0 0 20px 0;
	line-height:0em;
}

div.content h2 {
	/*height:50px;*/
	color: dodgerblue;
	padding-bottom: 4px;
	font: 1.35em Trebuchet MS, Tahoma;
	margin: -10px 0 0 0px;
	z-index: 15;
}
div.content h3 {
	font: normal 1em Trebuchet MS, Lucida Sans Unicode, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #71c015;
	padding: 5px 5px 5px 0px;
	margin: 0 0 9px 0px;
	line-height: 1.5em;
	letter-spacing: normal;
	font-weight: lighter;
}
div.content h4 {
	font: bold .8em Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: dodgerblue;
	letter-spacing: 1pt;
	padding: 5px 5px 5px 0px;
	margin: 0 0 9px 0px;
	line-height: 1.5em;
}
div.content h6 {
	/*height:50px;*/
	color: #C5D9E9;
	font: .8em Trebuchet MS, Tahoma;
	border: 1px pink;
	margin: -8px 0 6px 0px;
	z-index: 15;
}
div.content .caption {
	font: italic .7em Georgia, Times New Roman, serif;
	text-align: left;
	color: royalblue;
}
div.content div.callout {
	float: right;
	position: static;
	background: #FFF4B7;
	margin: 0px 0 20px 20px;
	width: 160px;
	padding: 10px 10px 12px 22px;
	clear: both;
}
* html div.content div.callout {
	width: 190px;
}
div.content div.callout h5 {
	font: normal 0.9em Trebuchet MS, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #888;
	text-transform: uppercase;
	padding: 2px 0 10px 0px;
}
div.content div.callout p {
	font: normal .7em Tahoma, Verdana, sans-serif;
	line-height: 1.2em;
}

div.content div.fTool {
	position: static;
	font: bold .95em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 2em;
	background: url('image/fTool680x.png') top left no-repeat;
	color: black;
	margin: 0px 0px 10px -15px;
	width: 680px;
	height: 180px;
}
/*div.content div.home {
	position: relative;
	float:left;
	margin: 0px 26px 0 -10px;
	width: 290px;
	background: #71c015;
	background: url('image/GrayWhiteGrad1pxVert.png') top right repeat-x;
	border: 1px solid #DADADA;
	padding: 0 0px 10px 0px;
}*/
div.content div.home {
	position: absolute;
	clear: both;
	top: 20px;
	left: 20px;
	z-index: 50;
	margin: 0px 0 20px 0px;
	width: 290px;
	background: #71c015;
	background: url('image/GrayWhiteGrad1pxVert.png') top right repeat-x;
	border: 1px solid #F7F7F7;
	padding: 0 0px 10px 0px;
}
div.content div.home h1 {
	font: normal 0.95em Trebuchet MS, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#669900;
	text-transform: none;
	padding: 10px 18px 5px 20px;
}
div.content div.home p {
	font: normal .7em Tahoma, Verdana, sans-serif;
	padding: 5px 8px 6px 12px;
	margin: 0px 9px 0px 9px;
	color: #202020;
}
div.content div.sidebar {
	float: right;
	position: relative;
	clear: both;
	top: 0px;
	z-index: 50; /*	filter:alpha(opacity=85);*/;
	margin: 4px 0 20px 20px;
	width: 190px;
	background: #71c015;
	background: url('image/GrayGrad1px.png') top right repeat-y;
	border: 1px solid #DADADA;
	padding: 0 0px 10px 0px;
	font: bold 1.1em Georgia, Times New Roman, serif;
	color: green;
}
div.content div.CaseStudy {
	position: static;
	font: italic .8em Georgia, Times New Roman, serif;
	background: #DFEBFD;
	color: #51657B;
	margin: 0px 0px 20px 0px;
	padding: 15px 20px 15px 20px;
	border 1px solid blue;
}

div.content div.CallToAction {
	float: left;
	font: italic .8em Georgia, Times New Roman, serif;	
	margin: 4px 20px 10px 0px;
	width: 200px;
	background: #CCFF99;
	border: 1px solid #DADADA;
	padding: 15px 0px 15px 20px;	
}

#quoteWrap {
	float: right;
	position: relative;
	clear: both;
	z-index: 50; /*	filter:alpha(opacity=85);*/;
	margin: -10px -20px 20px 20px;
	width: 210px;
	border: 0px solid #DADADA;
	background: url('image/Q1.png') top left no-repeat;
	font-size: 14px;
	padding-top: 14px;
}
.quote {
	font-size: 16px;
	font-weight: normal;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	color: green;
	line-height: 1.4em;
	border: 0px solid red;
	border-collapse: collapse;
	text-indent: 26px;
}
a:link.quote {
	color: #999999;
	text-decoration: none;
}
a:visited.quote {
	color: #999999;
	text-decoration: none;
}
a:hover.quote {
	color: cornflowerblue;
}
.quoteattrib {
	font-size: 14px; /*also change this in #quotewrap to see in preview*/;
	font-family: Tahoma;
	text-align: right;
	color: red;
}
div.content div.sidebar h4 {
	font: normal 0.8em Trebuchet MS, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background: #DFEBFD;
	color: #888;
	text-transform: uppercase;
	padding: 5px 0 5px 16px;
}
div.content div.sidebar h5 {
	font: normal 0.8em Trebuchet MS, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666666;
	text-transform: uppercase;
	padding: 5px 0 5px 16px;
	border-bottom: 1px solid #DADADA;
}
div.content div.sidebar p {
	font: normal .7em Tahoma, Verdana, sans-serif;
	padding: 6px 8px 6px 8px;
	border-bottom: 1px solid #DADADA;
/*	border-bottom: 1px solid #ABDCF1;*/	margin: 0px 9px 0px 9px;
}
div.content div.sidebar p a {
	color : #478246;
	text-decoration : none;
	border-bottom : 0px dotted #3975BD;
}
div.content div.sidebar p a:hover {
	color : orange;
}
div.content div.sidebar p#section {
	margin-top: 5px;
	font-weight: bold;
}
/*div.content div.sidebar img {
	margin: 0 auto;
	display: block;
}*/

div.content div.regbox {
	float: right;
	position: relative;
	clear: both;
	top: 0px;
	margin: -10px 0 20px 20px;
	width: 190px;
	background: #DFEBFD;
	border: 2px solid dodgerblue;
	padding: 0 0px 10px 0px;
}

div.content div.regbox h1 {
	font: normal 0.9em Trebuchet MS, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: dodgerblue;
	text-transform: uppercase;
	padding: 5px 0 5px 16px;
	border-bottom: 1px solid #DADADA;
}
div.content div.regbox p {
	font: normal .7em Tahoma, Verdana, sans-serif;
	padding: 6px 8px 6px 8px;
	margin: 0px 9px 0px 9px;
}


#button{
/*--clear:both;---- */
font: bold 1.2em Trebuchet MS;
color: dodgerblue;
margin-left:10px;
height:25px;
/*--background:#666666 url(img/button.png) no-repeat;----- */
text-align:center;
vertical-align:middle;
border:solid 1px #aacfe4;
}




div.content div.button {
	float: right;
	position: relative;
	clear: both;
	margin-top: -10px;
	margin-bottom: 10px;
/*	display: block;*/
/*	margin: 30px auto;*/
}
/*THIS IS LEFT DIV*/
div.content div.left {
	float: left;
	width: 450px;
}
div.content div.left div.bg {
	background: #fccd65 url(gradient.png) bottom left repeat-x;
	color: #000;
	font: 0.7em/1.3em Verdana, Arial, Helvetica, sans-serif;
	height: 170px;
	width: 520px;
	padding: 10px 10px 10px 20px;
	margin-bottom: 9px;
}
div.content div.left div.bg ul {
	margin-bottom: 10px;
}
div.content div.left div.bg ul li {
	background: url(arrow.png) left no-repeat;
	padding: 3px 0 1px 18px;
	font-style: italic;
}
div.content div.left div.bg p {
	line-height: 1.3em;
}
div.footer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	border-top: 0px dotted #003499;
	background: #red;
	clear: both;
}
div.footer p {
	font: .7em/1.4em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0 3px 0px;
}
div.footer a {
	text-decoration: none;
}
div.footer a:hover {
	color: #FF6600;
}
hr.clear {
	visibility: hidden;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	clear: both;
}
.x {
	display: none;
}
#tool {
	float: left;
	position: relative;
	margin: 0px 0px 20px 15px;
	width: 100px;
	height: 90px;
	background: url('image/100x90cube.png');
	border: 1px solid #DADADA;
	color: green;
	font: normal 0.75em Trebuchet MS, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: uppercase;
	padding: 10px 5px 5px 10px;
}
* html #tool {
	width: 116px;
	height: 108px;
}
/* THESE ARE LIST DEFINITIONS*/
/* list 1 style */
#list1 {
	padding-left: 30px;
	font: italic 1em Georgia, Times, serif;
	color: #999999;
}
#list1 p {
	padding-bottom: .5em;
}
/* list 2 style */
#list2 {
	padding-left: 30px;
	font: italic 1em Georgia, Times, serif;
	color: orange;
	list-style-type: square;
	margin-bottom: 1.2em;
}
#list2 p {
	padding-bottom: .5em;
}
/* list 3 style */
#list3 {
	padding-left: 10px;
	font: normal 1em Georgia, Times, serif;
	color: gray;
	list-style-type: square;
}
#list3 p {
	padding-bottom: .1em;
}
#list4icon {
	padding-left: 10px;
	font: normal 1em Georgia, Times, serif;
	color: gray;
	list;
}
#list4icon p {
	padding-bottom: .1em;
}
#Ques {
	padding: 0 30px 7px 0px;
	font: normal 1em Trebuchet MS, Arial, Tahoma, sans-serif;
	list-style-type: none;
	color: white;
	margin-bottom: 10px;
	margin-top: 50px;
	margin-left: 200px;
	line-height: 1.4em;
	list-style-position: outside;
	display: none;
}
.body {
	background-color: #FFFFFF;
	font-family: tahoma, verdana, arial, sans-serif;
	color: black;
	font-size: 11.5px; /*only here so can view in FP - still need to figure out paragraph height*/;
	font-weight: Normal;
	margin-bottom: 14px;
	line-height: 15px;
}
/*
ul 
The first style (#sidebar ul) sets the look for the overall list. 
It usually contains the margins and padding styles and may contain 
the font-family, color, and other details for the overall list. 

li 
The #sidebar li assigns a style to the actual list item. Here you can 
set the format to include a bullet or not. You can also change the font, 
font-size, or color, and you can even add borders. 

ul li 
The #sidebar ul li determines the style of the first nested list. 
Each first level nested list will be customized here, but you can style 
each of these sub-lists differently if they are contained within a specific 
CSS ID. In the above example, after the #search section, the first nested list 
is #pagenav. If you use Pages this is where the list of Pages would be generated. 
Since Pages work outside of The WordPress Loop, and often highlight specific information 
like "About Us", "Contact", and "Site Map", you may want to design the Pages style 
differently than the rest of your lists by putting the specific information about 
the look of the Pages in the #pagenav. 

ul ul li 
The #sidebar ul ul li applies style to the links within the #sidebar ul ul to help customize the look of this list. Again, if you have customized the #pagenav list, it will be different from the rest of your nested list items. 
ul ul ul li 
The #sidebar ul ul ul li is the style for the sub-sub-list. If you have a list of categories with subcategories, the category title will be the first level of the list, the categories would be the second level of the list, and any subcategories would be the third level, or sub-sub-list, such as the example below. Some designers like having the third level list feature a smaller font, a different bullet, or even a different color to highlight them from the list items above them: 

*/