/* General Stuff*/
body {font-family: Veranda, "Trebuchet MS", Arial, Helvetica, sans-serif;  padding-top: 20px; text-align : center; /*For IE */ background: #FFF; margin-top: 0px;}
p, li, ul, ol, td {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
a {text-decoration: underline;	color: #0066CC; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
a:hover{color: #FF6347; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}


.clear { clear: both; }
#clear { clear: both; }

img {border: 0px; }
/* --- column variations --- */
/* --- 20,80 --- */

hr + #leftColumnNarrow { overflow: hidden; }

#leftColumnNarrow {width: 210px;  float: left; margin: 0px 0px 0px 15px; }
#rightColumnWide { width: 480px; float:right; margin: 0px 20px 0px 0px; min-height: 400px; }

/* --- 80,20 --- */
#leftColumnWide { width: 500px; float:left; margin: 0px 10px 0px 15px;}
#rightColumnNarrow { width: 215px; float: right; margin: 0px 20px 0px 5px;}
/* --- 25,50,25 --- */
#leftColumn { width: 225px; float: left; display: block; margin: 0px 0px 0px 15px;  }
#middleColumn { width: 260px; float: left; display: block; margin: 0px 15px 0px 10px;  }
#rightColumn { width: 225px; float: left; display: block; margin: 0px 10px 0px 0px; }

/* --- content general styles --- */
#content {  width: 813px; *width: 813px;   position: relative;  display: block; margin: 0px auto!important; padding: 10px 0px 10px 0px; text-align: left; background: url(/uploads/planit_content_bg.jpg) top repeat-y #E5E5E5; height: auto; clear:}
.content { background: #E5E5E5; height: auto; clear: both; padding: 10px 20px 50px 20px ; font-size: 0.8em; margin-top: 0px;}


#content a { color: #06f!important; }
#content a:hover { color: #39f!important; }

#content img { padding: 0px; margin: 0px 0px 10px 0px; }

#content h1 {color: #4E0386;  font-size: 1.8em;	padding: 0px; margin: 0px 0px 5px 0px;  font-weight: normal;}
#content h2 { color: #4E0386; font-size: 120%; padding: 5px 0px 0px 0px; margin: 0px 0px 10px 0px; }
#content h3 { color: #000; font-size: 110%; padding: 0px; margin: 0px 0px 10px 0px; }
#content h4 { color: #000; font-size: 110%; padding: 0px; margin: 0px 0px 10px 0px; }
#content h5 { color: #000; font-size: 100%; padding: 0px; margin: 0px 0px 10px 0px; }
#content h6 { color: #000; font-size: 100%; padding: 0px; margin: 0px 0px 10px 0px; }

#content p { font-size: 100%; padding: 0px; margin: 0px 0px 10px 0px; }
#content table { color: #036; font-size: 100%; padding: 0px; margin: 0px 0px 10px 0px; }
#content table td { background: #eff2f5; }


/* --- specific module styles --- */
.newsStoriesExamples { padding: 5px; } /* --- containing box for news headlines on home page --- */
.newsItem { border-bottom: dotted 1px #ccc; padding: 0px; margin: 0px 0px 5px 0px;} /* --- individual headline and summary --- */
.newsItem h5 { margin: 0px 0px 0px 0px; }

.caseStudiesExamples { padding: 5px; } /* --- containing box for case study examples on home page --- */
.caseStudy { border-bottom: dotted 1px #ccc; padding: 0px; margin: 0px 0px 5px 0px;} /* --- individual case study --- */
.caseStudy h5 { margin: 0px 0px 0px 0px; }

.providerLists { overflow : auto;  height: 240px; display: block; padding: 0px; margin: 0px 0px 10px 0px; }
.providerLists ul { }
.providerLists ul li {}

.quoteBox { padding: 10px;  margin: 0px 0px 10px 0px; font-weight: bold; text-align: center; }
.quoteBox p { padding: 0px; margin: 0px; }

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

#footer {font-size: 0.8em; height: 128px; width: 813px; display: block; margin: 0px auto 0px auto!important;  background: url(/uploads/planit_footer.jpg) top ; height: 128px;  text-align: right;  }
#footer ul { margin: 0px 0px 0px 0px; padding: 0px;float: left; }
#footer ul li { margin: 0px; padding: 0px; display: block; float: left; text-align: center; height: 24px; line-height: 24px; }
#footer ul li a { float:left; margin: 19px 0px 0px 0px; color: #000;  padding: 10px 0px 0px 20px; font-weight: bold; white-space:nowrap; display: block; height: 24px; text-decoration: none;}
#footer ul li a:hover {}

* html #footer ul li a { display: inline; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*Navigation Bar Section*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.navigation {  }
#navigation { font-size: 0.8em; height: 24px; width: 100%; margin: 0px auto 0px auto!important; padding: 85px 0px 0px 200px; ;text-align: right;  }
#navigation ul { margin: 0px 0px 0px 0px; padding: 0px; float: left;}
#navigation ul li { margin: 0px; padding: 0px; display: block; float: left; text-align: center; height: 24px; line-height: 24px; }
#navigation ul li a { float:left; margin:0; padding:0px 10px; text-decoration:none; font-weight: bold; white-space:nowrap; color: #000;}
#navigation ul li a:hover {}
* html #navigation ul li a { display: inline; }
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*Header Section*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
#header { width: 813px; display: block; margin: 0px auto 0px auto!important; height: 128px; clear: both; background: url(/uploads/planit_header.jpg) no-repeat; position: relative;}
/*-------------------------------------------------------------------------------------------------------------------------------*/

.pageEditorForm { margin: 0px 10px 0px 10px; }