/* Centerpoint - Concept Stylesheet v1.0 */

/* ----- 1. BODY AND GENERAL LAYOUT STYLES ----- */
body {
      font: 9.5pt verdana, "Lucida Sans", Tahoma, Verdana, sans-serif;
      background: #FFF;
      color: #000;
/*      text-align: center; */
}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { 
      margin:0pt; 
      padding:0pt; 
}

p {
      padding-bottom: 6px;
}

 
.add-separator {
      border-right: 1px solid #848484;
}
/* ----- END 1. BODY AND GENERAL LAYOUT STYLES ----- */


/* ----- 2. SPECIFIC LAYOUT BLOCKS (#header, #container, etc..) ----- */
#container {
      width: 780px;
      text-align: left;
      margin-left: auto;
      margin-right: auto;
      background-color: #FFF;
      /* dev border */
      border: 0px solid blue;
}

#site-header {
      width: 100%;
      height: 115px;
      background: transparent url('images/header-bottom.jpg') no-repeat bottom left;
}

#sidebar {
	width: 180px;
	float: left;
}

.content-body {
	width: 570px;
	float: right;
	padding: 10px;
}

#dfgi {
      width: 780px;
      height: 155px;
      margin-bottom: 10px;
      overflow: hidden;
}
#dfgi li {
	display: block !important;
}

div#left-1 {
      width: 230px;
      background: #c6c6c6 url('images/left-1-bottom.jpg') no-repeat bottom left;
      float: left;
      padding-bottom: 28px;
      position: relative;
      min-height: 286px;
}
div#middle-1 {
      width: 290px;
      background: #efefef url(images/middle-1-bottom.jpg) no-repeat bottom left;
      float: left;
      margin-left: 8px;
      padding-bottom: 34px;
}
div#middle-1-i {
      width: 290px;
      background: url(images/middle-1-top.jpg) no-repeat top left;
      padding-top: 18px;
}
div#right-1 {
      width: 236px;
      background: #fff;
      float: left;
      margin-left: 8px;
}
div#footer {
      color: #707070;
      width: 766px;
      height: 61px;
      background: url('images/bg_footer.gif') no-repeat 0 0;
/*      float: left; */
      margin-top: 12px;
      padding-top: 8px;
      padding-left: 14px;
      font-size: .8em;
      clear: both;
}
/* ----- END 2. SPECIFIC LAYOUT BLOCKS (#header, #container, etc..) ----- */


/* ----- 3. Navigation ----- */
ul#top-nav {
      float: right;
      height: 49px;
      width: 606px;
      text-align: right;
      margin: 0;
      padding: 0;
      padding-top: 4px;
}
ul#top-nav li {
      display: inline;
}
ul#top-nav li a, ul#top-nav li a:hover, ul#top-nav li a:visited {
      color: #848484;
      font-family: tahoma;
      font-size: .8em;
      text-decoration: none;
      padding: 0px 5px 0px 5px;
}

#dfgi ul {
      float: left;
      margin: 0;
      padding: 0;
      overflow: hidden;
}

#dfgi li {
      display: inline;
      list-style-type: none;
}

#dfgi ul li a {
      height: 155px;
      float: left;
      text-indent: -2000px;
      width: 189px;
}

div#dfgi ul li a#li-develop {
      background: transparent url(images/li-develop.jpg) no-repeat;
}
div#dfgi ul li a#li-finance {
      background: transparent url(images/li-finance.jpg) no-repeat;
      margin-left: 8px;
}
div#dfgi ul li a#li-grow {
      background: transparent url(images/li-grow.jpg) no-repeat;
      margin-left: 8px;
}
div#dfgi ul li a#li-improve {
      background: transparent url(images/li-improve.jpg) no-repeat;
      margin-left: 8px;
}

ul#footer-nav {
      float: right;
      width: 208px;
      padding-right: 25px;
      text-align: right;
}
ul#footer-nav li {
      display: inline;
}
ul#footer-nav li a {
      padding: 0px 5px 0px 5px;
}
/* ----- END 3. Navigation ----- */
/* SIDEBAR NAV */
#sidebar ul.sb-menu {
	margin: 10px 0;
	padding: 1px 0 0 0;
	list-style: none;
	background: url('images/bg_dotted.gif') repeat-x 0 0;
}

#sidebar ul.sb-menu li {
	background: url('images/bg_dotted.gif') repeat-x 0 100%;
	padding-bottom: 1px;
}

#sidebar ul.sb-menu li a {
	text-decoration: none;
	display: block;
	width: 160px;
	padding: 4px 10px 4px 10px;
	color: #1A52A5;
}

#sidebar ul.sb-menu li a:hover {
	color: white;
	background: #1A52A5;
}


/* ----- 4. Generic Form Styles ----- */
form#newsletter {
      width: 230px;
      height: 82px;
      background: transparent url(images/newsletter-bg.jpg);
}
form#newsletter input {
      float: left;
}
form#newsletter input#email {
      width: 156px;
      height: 18px;
      border: 0px;
      position: absolute;
      left: 14px;
      top: 36px;
}
form#newsletter input#newsletter-submit {
      position: absolute;
      top: 58px;
      left: 106px;
      margin-top: 3px;
      width: 65px;
      height: 20px;
      border: 0px;
}
/* ----- END 4. Generic Form Styles ----- */


/* ----- 5. Typography ----- */
.content-body h2 {
      margin-bottom: 4px;
}
.entry p {
      margin-bottom: 6px;
}
.navigation { margin-bottom: 20px; }
.post { border-bottom: 1px dashed #ccc; margin-bottom: 20px; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1 { font-size: 1.5em; } 
h2 { font-size: 1.2em; color: #777; }
h2.fp-hdr {
      font-size: 1.2em;
      height: 34px;
      text-indent: 11px;
      
}

h3 { font-size: 1.1em; margin-bottom: .5em; }
h4, h5, h6 { font-size: 1em; margin-bottom: .25em; }

p { margin: 0 0 20px 0; }
a { color: #0044aa; }
a:hover { color: #9a0000; text-decoration: none; }


dl { margin: 0; padding: 0; }

.bold { font-weight: 700; }
.semibold { font-weight: 550; }
.normal { font-weight: 400; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.smallest { font-size: .7em; line-height: .9em; }
.smaller { font-size: .8em; line-height: 1.1em; }
.small { font-size: .9em; line-height: 1.3em; }
.big { font-size: 1.1em; }
.bigger { font-size: 1.2em; }
.biggest { font-size: 1.3em; }

.dark { color: #000; }
.light { color: #aaa; }
.red { color: #c10000; }

.aligncenter { text-align: center; }
.alignright { text-align: right; }
.alignleft { text-align: left; }

.divcenter { margin: 0 auto; }

.arrow-btn { font-family: verdana; font-size: 8pt; font-weight: bold; letter-spacing: 0; }
.ir { display: none; } /* ir = image replacement */
.clear { clear: both; }
hr.clear { clear:both; color: #fff; background: #fff; border: 0; margin: 0; padding: 0; width: 80%; }

.border { border: 1px solid green; }

a img { border: 4px double #ddd; }
a.noborder img { border: none; }
a:hover.noborder img { border: none; }

a:hover img { border: 4px double #aaa; }

/* START EXISTING */
a.purple { color: #7a1974; }
a.green { color: #58a81c; }
a#readmore-1 {
      float: right;
      padding-right: 17px;
      padding-bottom: 22px;
      padding-top: 8px;
      text-decoration: none;
      font-size: .9em;
      color: #000;
      font-weight: bold;
}

h2#newsletter-h2 {
      background: #c6c6c6 url(images/left-1-h2-newsletter.jpg) no-repeat top left;
      color: #ebebeb;
      height: 16px;
}
h2#upcoming-seminars-h2 {
      background: #c6c6c6 url(images/left-1-h2-seminars.jpg) no-repeat top left;
      color: #4c9f0e;
      padding-top: 8px;
}
h2#latest-news-h2, h2#our-partners-h2 {
      height: 32px;
      text-align: right;
      padding-top: 8px;
      padding-right: 25px;
      color: #a15a5a;
}
div#middle-1-i p {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 1em;
      line-height: 1.3em;
      margin-bottom: 10px;
}
div#middle-1-i p a {
      font-size: 1em;
      font-weight: bold;
      text-decoration: none;
}
div#right-1 p {
      padding-left: 15px;
      padding-right: 15px;
}
div#footer p#copyright {
      line-height: 1.5em;
      float: left;
      width: 340px;
}
span#copyright-sub {
      display: block;
}
ul#footer-nav li a {
      color: #707070;
      text-decoration: none;
}
/* ----- END 5. Typography ----- */

/* ----- 6. Tables ----- */
table {
      border-spacing: 0;
      border-collapse: collapse;
}
td {
      text-align: left;
      font-weight: normal;
}
/* ----- END 6. Tables ----- */


/* ----- 7. Images ----- */
div#site-header h1 {
      background: url(images/centerpoint-logo.jpg) no-repeat top left;
      width: 174px;
      height: 108px;
      background-position: 0px 10px;
      float: left;
}

div#site-header h1 a {
	width: 174px;
	height: 108px;
	display: block;
}

div#site-header h1 a span {
	display: none;
}

/* ----- END 7. Images ----- */


/* ----- 8. Page Specific Styles ----- */
ul#upcoming-seminars, #right-1 ul  { 
	margin: 0;
	padding: 0;
}
ul#upcoming-seminars li {
      padding-left: 24px;
      background: #c6c6c6 url(images/seminar-bullet.jpg) no-repeat top left;
      list-style-type: none;
      padding-bottom: 12px;
      width: 178px;
}
ul#upcoming-seminars li a, ul#upcoming-seminars li a:hover, ul#upcoming-seminars li a:visited {
      color: #316dd1;
      font-size: 1em;
      font-weight: bold;
      text-decoration: none;
}
ul#latest-news li {
      list-style-type: none;
      background: transparent;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 12px;
      font-size: 1em;
      line-height: 1.3em;
}
ul#latest-news li a {
      text-decoration: none;
      color: #316dd1;
      font-weight: bold;
}
div#our-partners-container {
      padding-bottom: 12px;
      background: #efefef url(images/partners-bottom.jpg) no-repeat bottom left;
      min-height: 109px;
}
div#our-partners-container-i {
      background: #efefef url(images/partners-top.jpg) no-repeat top left;
}
ul#our-partners li {
      list-style-type: none;
      text-align: center;
}
ul#our-partners li#sba {
       background: transparent url(images/partner-sba.jpg) no-repeat 20px top;
}
ul#our-partners li#sba a {
      display: block;
      height: 55px;
      width: 150px;
/*      text-indent: -2000px; */
}

/*********** PAGING ***************/
div.paging {
	background-color: #eee;
	border: #ddd 1px solid;
	padding: 3px;
	text-align: center;
}

div.paging div.disabled {
	display: inline;
	color: #777;
}

/************* STAFF ******************/


#staff .name {  
 	float: left;
	width: 50%;
	height: 40px;
        background-color: #E8E8E8;
}

#staff .title {
	float: right;
	width: 50%;
	height: 40px;
	text-align: right;
        background-color: #E8E8E8;
}

#staff .heading {
	margin: 10px 8px 10px 8px;
}
#staff .photo {
	float: left;
	padding-bottom: 4px;
	padding-right: 8px;
	margin-top: 4px;
}

#staff .description {
	margin-top: 4px;
}

#staff .footer {
	height: 2px;
        background-color: #E8E8E8;
}

/*****************************************/

/**********TABLES**********************/

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/**************************************/

/***********SEMINARS*******************/

#seminars {
	margin-top: 15px;
}

#seminars .apply-now-top-right {
        text-align: right;
	margin-bottom: 14px;
}

#seminars .apply-now-top-right a {
	width: 75px;
	text-align: right;
	font-size: 1.1em;
	font-weight: bold;
	color: white;
	padding: 6px 6px;
        background-color: green;
	text-decoration: none;
	border: 3px ridge green;
}

#seminars .apply-now-top-right a:hover {
        border: 3px groove green;
	background-color: white;
	color: green;
}

#seminars .apply-now-bottom-left {
        text-align: left;
        margin-bottom: 14px;
}

#seminars .apply-now-bottom-left a {
        width: 75px;
        text-align: left;
        font-size: 1.1em;
        font-weight: bold;
        color: white;
        padding: 6px 6px;
        background-color: green;
        text-decoration: none;
        border: 3px ridge green;
}

#seminars .apply-now-bottom-left a:hover {
        border: 3px groove green;
        background-color: white;
        color: green;
}

#seminars .seminar {
	padding-bottom: 20px;
}

#seminars .seminar-heading {
	font-size: 1.1em;
	padding: 8px 8px 8px 8px;
        background-color: #E8E8E8;
}

#seminars .seminar-classes {
	padding-left: 40px;
        border: 3px solid #E8E8E8;
}

#seminars .moreinfo {
 	font-size: .9em;
	font-weight: normal;
	text-decoration: underline;
	padding-left: 8px;
}

/**************************************/

/************SEMINAR APPLICATIONS**************/

#seminar-application label {
	font-weight: normal;
	width: 120px;
	float: left;
	text-align: left;
	padding-right: 10px;
	margin-bottom: 3px;
}

#seminar-application input {
	margin-bottom: 3px;
}

#seminar-application textarea {
        width: 375px;
	height: 75px;
}

#seminar-application fieldset {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 90%;
}

#seminar-application legend {
	font-size: 1.1em;
	font-weight: bold;
}

#seminar-application input.radio, input.check, input.checkbox {
        width: 20px;
	display: inline;
        border: 0;
}

#seminar-application div.check input{
        width: 30px;
        display: inline;
        border: 0;
}

#seminar-application .radio label {
	float: none;  
	width: auto;  
	margin-right: auto; 
}

#seminar-application .check label {
        float: none;
        width: auto;
        margin-right: auto;
}


/**********************************************/
#modal_container {
        padding: 10px;
        background-color: #fff;
        border: 8px solid #555;
        overflow:auto;
        color: #333;
        text-align:left;
}

#modal_container div.modal-content {
        height: 100%;
        overflow: auto;
}

a.link-close-modal {
        display: block;
        width: 60px;
        margin: 0 auto;
        text-align: center;
        color: #999;
        text-decoration: none;
        font-size: 16px;
	font-weight: bold;
        float: right;
}

a.link-close-modal:hover {
        color: #bbb;
}

div.modal-close {
        position: absolute;
        top: 382px;
        left: 0;
        z-index: 1;
        width: 60px;
        background: #555;
        border: 4px solid white;
        border-left: 0;
}

#modal_overlay {
        background-color:#000;
}

/**************FAQS****************/

#faqs { margin-bottom: 10px; }
#faqs .contentbody { padding: 10px 20px 40px 20px; min-height: 0; }
#faqs h3 { font-size: 110%; font-weight: normal; padding-bottom: 12px;}
#faqs .faqAnswer { margin-left: 20px; }
#faqs a { text-decoration: none; }
#faqs p { line-height: 150%; }
.faqAnswer p { line-height: 18px; margin-bottom: 25px; }

/**********************************/