@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	background-color:#CCCCCC;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:300;
}
/*----------START OF CODE FOR LAYOUT CONTAINERS--------------------------------*/
#mainBody {
	width:750px;
	height:auto;
	background-color:#ffffff;
	margin:auto;
	padding:0 0 0 0;
	border:none;
	position:relative;
}
#header {
	width:748px;
	height:87px;
	background-color:#ffffff;
	margin:0 0 0 -375px;
	padding:0 0 0 0;
	position:absolute;
	top:0;
	left:50%;
	border-top:1px solid #000000;
	border-bottom:none;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}
/*----------Start of DIV for Provide Support Chat GIF--------------------------------*/
#support { 
	float:right;
	position:relative;
	padding:7px 7px 0 0;
	margin:0;
}
/*----------End of DIV for Provide Support Chat GIF--------------------------------*/
/*----------Start of code for main DIVs on page/site--------------------------------*/
#topNav {
	width:750px;
	height:auto;
	margin:0 0 0 -375px;
	padding:0 0 0 0;
	position:absolute;
	top:87px;
	left:50%;
	border:none;
}
#contentMain {
	width:748px;
	background-color:#ffffff;
	margin:103px 0 0 0;
	padding:0 0 0 0; /*---This controls how much space is between the bottom border of contentMain and the last line of text within that box. NOTE:Can't use this yet because the boxes on the index page will sit up 10px off the bottom border.---*/
	border:1px solid #000000;
	float:left;
	clear:both;
}
div#contentSub1 {
	width:248px;
	height:355px;
	background-color:#ffffff;
	margin:40px 0 0 0;
	padding:0;	
	float:left;
	border-top:1px solid #000000;
	border-bottom:none;
	border-left:none;
	border-right:1px solid #000000;
	position:relative;
}
#contentSub2 {
	width:249px;
	height:355px;
	background-color:#ffffff;
	margin:40px 0 0 0;
	padding:0;	
	float:left;
	border-top:1px solid #000000;
	border-bottom:none;
	border-left:none;
	border-right:1px solid #000000;
	position:relative;
}
#contentSub3 {
	width:249px;
	height:355px;
	background-color:#ffffff;
	margin:40px 0 0 0;
	padding:0;	
	float:left;
	border-top:1px solid #000000;
	border-bottom:none;
	border-left:none;
	border-right:none;
	position:relative;
}
#footer {
	width:750px;
	height:auto;
	background-color:#CCCCCC;
	margin:0 0 0 0;
	float:left;
	clear:both;
}
/*----------End of code for main DIVs on page/site--------------------------------*/
/*----------Start of code for secondary DIV box w/gray bg for h2--------------------------------*/
div#contentSub4 {
	width:230px;
	height:auto;
	background-color:#ffffff;
	margin:14px 6px 12px 10px;
	padding:0;	
	float:left;
	border:1px solid #333333;
	position:relative;
}
div#contentSub4 h2 {
	background-color:#CCCCCC;
	margin:0 0 0 0;
	padding:2px 5px 2px 5px;
	text-align:center;
}
div#contentSub4 h2.Border {
	border-top:1px solid #333333;
}
/*----------End of code for secondary DIVs boxes--------------------------------*/
/*----------START OF CODE FOR TOP NAV--------------------------------*/
#navlist
{
	border:1px solid #000000;
	padding:0 0 0 18px;
	margin:0;
	background-color:#ffffff;
	font-size:13px;
}
#navlist li
{
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
	border:none;
}
#navlist li a
{
	text-decoration:none;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	padding:1px 8px 0 8px; /*---If the top padding isn't set to 1px there is a space between the red box around the topNav and the border-top of the containing navlist div---*/
	margin:0 4px 0 0;
	background-color:#cc0000;
	color:#ffffff;
}
* html #navlist li a {
	padding:1px 8px 0 8px; /*---This should be identical to the navlist li a---*/
}
#navlist li a:hover
{
	background-color:#ffffff;
	color:#000000;
}
/*----------Start of code for Clearing DIV Floats - Alsett Clearing Method--------------------------------*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/*----------End of code for Clearing DIV Floats - Alsett Clearing Method--------------------------------*/
/*----------START OF CODE FOR UNORDERED LIST - THIS IS USED ON INDEX FOR BOXES AND IS VERY SMALL--------------------------------*/
ul {
	margin:8px 12px 12px 34px; /*---The actual box that is the list---*/
	padding:0;
}
li {
	list-style:disc;
	font-size:6px; /*---This controls how big the li list-style is - eg the dot/circle etc---*/
	padding:2px 0 0 0; /*---How far the actual lis or lines sit from each other t,r,b,l---*/
	margin:0;
}

li a {
	text-decoration:underline;
	padding:0;
	margin:0;
	font-size:13px;
}
/*----------START OF CODE FOR UNORDERED with class MAIN LIST. THIS IS THE "NORMAL" UL - STD FONT SIZE ETC.--------------------------------*/
ul.Main {
	margin:8px 12px 12px 50px; /*---The actual box that is the list---*/
	padding:0;
}
li.Main {
	list-style:disc;
	font-size:14px; /*---This controls how big the li list-style is - eg the dot/circle etc AND the font size of the text within the <li>---*/
	padding:2px 0 0 0; /*---How far the actual lis or lines sit from each other t,r,b,l---*/
	margin:0;
}

li a.Main {
	text-decoration:underline;
	padding:0;
	margin:0;
	font-size:14px;
}
/*----------END OF CODE FOR UNORDERED LIST--------------------------------*/
/*----------Start of main link behavior defs--------------------------------*/
a:link {
	text-decoration:underline;
	color:#000000;
}
a:visited {
	color:#cc0000;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:none;
	background-color:#cccccc;
}
/*----------End of main link behavior defs--------------------------------*/
img.displayed {
	display:block;
	margin:0 auto 0 auto;
	padding:30px 0 10px 0;
}
img.header {
	display:block;
	margin:0;
	padding:25px 0 25px 18px;
}
/*----------Start of typography defs--------------------------------*/
p {
	padding:4px 18px 4px 18px;
	margin:0px;
	line-height:18px;
}
/*------p.boxes is to be used in the boxes on the index page----*/
p.boxes {
	padding:0 18px 0 18px
}
/* ---------------------HEADER DEFINITIONS---------------------- */
h1 {
    font-size:16px;
	font-weight:bold;
	color:#000000;
	padding:25px 0 6px 18px;
	margin:0;
}
/*----------h2 is----------*/
h2 {
    font-size:15px;
	font-weight:bold;
	color:#cc0000;
	padding:8px 18px 4px 18px;
	margin:0;	
}
/*----------h3 is----------*/
h3 {
	font-size:13px;
	color:#000000;
	padding:4px 18px 4px 18px;
	margin:0;
	font-weight:normal;
}
h3.videos {
	border:1px solid #000000;
	background-color:#cc0000;
	width:75px;
	color:#ffffff;
	text-align:center;
	margin:-10px 5px 5px 86px;
	padding:1px;
	font-size:13px;
	position:absolute;
}
h3.books {
	border:1px solid #000000;
	background-color:#cc0000;
	width:75px;
	color:#ffffff;
	text-align:center;
	margin:-10px 5px 5px 86px;
	padding:1px;
	font-size:13px;
	position:absolute;
}
h3.blog {
	border:1px solid #000000;
	background-color:#cc0000;
	width:75px;
	color:#ffffff;
	text-align:center;
	margin:-10px 5px 5px 86px;
	padding:1px;
	font-size:13px;
	position:absolute;
}
/*----------h4 is----------*/
h4 {
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	padding:4px 18px 4px 18px;
	margin:0;
}
/*----------h5 is----------*/
h5 {
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-align:center;
	padding:4px 18px 4px 18px;
	margin:0;
}
/*----------h6 is ----------*/
h6 {
    font-size:14px;
	font-weight:bolder;
	color:#cc0000;
	padding:4px 18px 4px 18px;
	margin:0;
}
/*----------Start of Start of HorizRule defs--------------------------------*/
.horizRule {
	border-bottom: solid 1px #000000;
	border-top:none;
	border-left:none;
	border-right:none;
	padding:0;
	margin:0 18px 0 18px;
}
.horizRuleTomb {
	border-bottom: solid 1px #000000;
	border-top:none;
	border-left:none;
	border-right:none;
	padding:10px 0 50px 0;
	margin:0 18px 0 18px;
}
.horizRuleTomb2 {
	border-bottom: solid 1px #000000;
	border-top:none;
	border-left:none;
	border-right:none;
	padding:10px 0 15px 0; /*---Fixes weird space between Case Study Line on ParaSun Transaction because of length of text vs other transactions---*/
	margin:0 18px 0 18px;
}