/* CSS Document */
body {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#container {position:relative; width:950px; margin:auto; padding-top:0px; background-color:#FFFFFF; border:1px solid #000}
#banner {position:relative; width:950px; height: 340px;}	
#topNav {position:relative; width:950px; height:60px; background-image: url(../images/nav_bg.gif); background-repeat:repeat-x; overflow:hidden; border-bottom:1px solid white}	
#middle_content {float:left; position:relative; width:505px; margin-left:15px; padding:18px 0 18px 0 }
#footer {position:relative; width:100%; height:36px; padding:0; background-image:url(../images/footer_bg.gif); background-color:#FFF;}
#content {position:relative; width:950px; background-image:url(../images/left_grad.gif); background-repeat:no-repeat;}
#left_content_home {float:left; position:relative; width:215px; padding: 20px 0 60px 0; overflow:hidden;}
#left_content {float:left; position:relative; width:215px; padding: 20px 0 10px 0; overflow:hidden;}
#left_content_indent {position:relative; width:175px; padding: 0 20px 0 20px;}
#right_content {float:right; position:relative; width:200px;}

#leftContentTitle {color:#412682; font-weight:bold; font-size:14px; border-bottom:2px solid white;padding-bottom:4px; margin-bottom:4px;}
#leftContentTitle a{color:#412682; font-weight:bold; font-size:14px; text-decoration:none}
#leftContentTitle a:hover{color:#FFF; font-weight:bold; font-size:14px; text-decoration:none}

#leftContentTitle_home {color:#412682; font-weight:bold; font-size:14px; padding-bottom:6px; margin-bottom:4px;}
#telephone {position:relative; width:215px; height: 108px; background:url(../images/telephone.gif) no-repeat 10px 20px; padding: 30px 0 0 72px; font-size:18px; color: #009999}

.clear {clear:both;}

.subNavDown {display:block; font-weight:bold; font-size:12px; color: #444; text-decoration: none; padding:6px 0 6px 7px; border-bottom:1px solid white; background:url(../images/arrow.gif) no-repeat 0px 10px}
a.subNav {display:block; font-weight:bold; font-size:12px; color: #444; text-decoration: none; padding:6px 0 6px 7px; border-bottom:1px solid white;}
a.subNav:hover{color: black; text-decoration: none;}

.subSubNavDown {display:block; font-weight:normal; font-size:11px; color: #444; text-decoration: none; padding:6px 0 6px 15px; border-bottom:1px solid white; background:url(../images/arrow.gif) no-repeat 6px 10px}
a.subSubNav {display:block; font-weight:normal; font-size:11px; color: #444; text-decoration: none; padding:6px 0 6px 15px; border-bottom:1px solid white;}
a.subSubNav:hover{color: black; text-decoration: none;}

.quadrant_left {float:left; position:relative; width:245px; height: 210px; overflow:hidden; background-image: url(../images/quadrant_bg.gif); background-position:bottom; background-repeat:no-repeat;}
.quadrant_right {float:right; position:relative; width:245px; height: 210px; overflow:hidden; background-image: url(../images/quadrant_bg.gif); background-position:bottom; background-repeat:no-repeat;}			

.quadrant_subtitle {position: absolute; width:215px; top:52px; left:15px;}
.quadrant_text {position: absolute; width:215px; top:96px; left:15px;}

#quadrant_title_tl {position:relative; width:245px; height:44px; display:block; background:url(../images/quadrant_top_tl.gif) no-repeat 0 0; overflow:hidden; text-indent:-1000px;}
#quadrant_title_tl:hover { background-position: 0 -44px;}
#quadrant_title_tr {position:relative; width:245px; height:44px; display:block; background:url(../images/quadrant_top_tr.gif) no-repeat 0 0; overflow:hidden; text-indent:-1000px;}
#quadrant_title_tr:hover { background-position: 0 -44px;}
#quadrant_title_bl {position:relative; width:245px; height:44px; display:block; background:url(../images/quadrant_top_bl.gif) no-repeat 0 0; overflow:hidden; text-indent:-1000px;}
#quadrant_title_bl:hover { background-position: 0 -44px;}
#quadrant_title_br {position:relative; width:245px; height:44px; display:block; background:url(../images/quadrant_top_br.gif) no-repeat 0 0; overflow:hidden; text-indent:-1000px;}
#quadrant_title_br:hover { background-position: 0 -44px;}

.greenH1 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#0092A7; font-weight:normal; text-decoration:none;}
.greenH1 a{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#0092A7; font-weight:normal; text-decoration:none;}
.greenH1 a:hover {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#0092A7; font-weight:normal; text-decoration:underline;}

.greenH2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#0092A7; font-weight:normal; text-decoration:none;}
.greenH2 a{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#0092A7; font-weight:normal; text-decoration:none;}
.greenH2 a:hover{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#0092A7; font-weight:normal; text-decoration:underline;}

h4 {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#0092A7; font-weight:normal; text-decoration:none;}

.bodyText {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:normal; text-decoration:none;}
.bodyText a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#412682; font-weight:normal; text-decoration:none;}
.xxxbodyText a:hover{text-decoration:none;}
.bodyText {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:normal; text-decoration:none;}
.bodyText ul{clear:both;  margin:15px; padding:5px 0 0 18px; background: url(../images/ul_bg.gif) repeat-x; background-color:#f1f2f2; color:#f00; list-style-type: disc; list-style-image:url(../images/li_bullet.gif)}
.bodyText ul li{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#333; padding:0 15px 5px 0; }
.bodyText ul li a {font-size:11px;}
.bodyText ul ul {margin:0px; padding:5px 0 0 18px; background:none; list-style-type: circle; list-style-image:url(../images/li_bullet2.gif)}
.bodyText ul ul li{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none;}
.bodyText .underlinedLinks a {text-decoration: underline;}
.bodyText .underlinedLinks a:hover {text-decoration: none;}
.errorText {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f00; font-weight:normal; text-decoration:none;}

.bodyText_sm{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; font-weight:normal; text-decoration:none;}
.bodyText_sm a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#412682; font-weight:normal; text-decoration:none;}
.bodyText_sm a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:normal; text-decoration:none;}
.bodyText_sm ul{ margin:0 0 0 3px; padding:0 0 0 12px; background-image:none; list-style-type: disc;list-style-image:url(../images/li_bullet.gif)}
.bodyText_sm ul li{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none;  padding:0 0 3px 0;}

.xbreadCrumb {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888; font-weight:normal; text-decoration:none;}
.xbreadCrumb a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0092A7; font-weight:normal; text-decoration:none;}
.xbreadCrumb a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:normal; text-decoration:none;}
.xbreadCrumb a.homeImage {position:relative; float:left; height:10px; width:10px; margin:0; background:url(../images/breadcrumb_home.gif) no-repeat; overflow:hidden}
.xbreadCrumb a.homeImage:hover { background-position: 0 -10px;}
.xbreadCrumb .divide {position:relative;  float:left; height:9px; width:7px;  margin:3px 5px 0 5px; background:url(../images/breadcrumb_divide.gif) no-repeat;}

ul.breadcrumb {font-size:11px; font-weight:normal; text-decoration:none; list-style:none; margin:0; padding: 5px 0 0 12px; height:25px}
ul.breadcrumb li {float:left; display:inline; color:#555; font-size:11px; margin:0; padding:0;}
ul.breadcrumb li.divide {width: 1px; height: 11px; overflow:hidden; margin: 3px 8px 0 8px; background-color:#555}
ul.breadcrumb li a {color:#0092A7; font-size:11px; text-decoration:underline}
ul.breadcrumb li a:hover {color:#000; font-size:11px; text-decoration:underline}
ul.breadcrumb li a.home {display:block; width:9px; height:10px; background:url(../images/breadcrumb_home.gif) top; text-indent:-1000px }
ul.breadcrumb li a:hover {background-position: bottom;}



.blog_links {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; font-weight:normal; text-decoration:none;}
.blog_links a {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#402681; font-weight:normal; text-decoration:underline;}
.blog_links a:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#402681; font-weight:normal; text-decoration:none;}

.green_grad_box {position:relative; width:500px; padding:7px; margin-top:10px; border:1px solid #0092A7; background:url(../images/small_gradient.gif) repeat-x;}
.green_grad_boxRuled {position:relative; width:498px; padding:7px; margin-top:10px; border:2px solid #0092A7; background:url(../images/small_gradient.gif) repeat-x;}

.downloadBG {position:relative; width:500px; padding:0; margin:10px 0 20px 0; background:url(../images/small_gradient.gif) repeat-x 0px 10px; border:1px solid #fff}
.downloadBG .greenH1 {font-size: 15px; margin:15px 0 3px 0; font-weight:bold}

#footerLinksRight {position:absolute; right: 20px; top: 10px; color:#fff;}
.footerText_white {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#fff; font-weight:normal; text-decoration:none;}
.footerText_white a{color:#fff; font-weight:normal; text-decoration:none;}
.footerText_white a:hover{color:#fff; font-weight:normal; text-decoration:underline;}

#footerLinksLeft {position:absolute; left:20px; top:3px; color: #553D8F;}
.footerText_purple  {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#412682; font-weight:normal; text-decoration:none;}
.footerText_purple  a{color:#412682; font-weight:normal; text-decoration:none;}
.footerText_purple  a:hover{color:#412682; font-weight:normal; text-decoration:underline;}

#navSearch {position:absolute; top:36px; right:15px; height:21px; width:190px; background: url(../images/search_bg.gif) no-repeat;}
#searchButton {position:absolute; width:18px; height:17px; top:1px; right:2px; background-image:url(../images/search_go.gif); background-repeat:no-repeat; background-position:0 0; border:0px}
#searchButton:hover {background-position:0 -18px}
#searchField {position:absolute; top: 4px; left: 8px; width:160px; height:14px; border-width: 0px; border-color:#FFFFFF; color:#333; font-size:12px}

.purpleNavHolder {display:block; width: 950px; height:27px; padding: 4px 0 0 0;}
.purpleNavHolder ul{font: normal 11px Arial, Verdana, sans-serif; margin:0; padding:0; list-style:none;}
.purpleNavHolder li{display:inline; margin:0; padding:0;}
.purpleNavHolder a{float:left; color: white; background:url(../images/nav_purple.gif) no-repeat 0px 0px; text-decoration:none; letter-spacing: 1px; width:148px; height:19px; padding: 8px 9px 0 7px; overflow: hidden}
.purpleNavHolder a:hover{background-position: 0 -27px;}
.purpleNavHolder a.purple_nav_selected {background-image:url(../images/nav_purple_down.gif); color: #412682}
.purpleNavHolder a.purple_nav_selected:hover {background-position:0 0; background-image:url(../images/nav_purple_down.gif); color: #412682}

.greenNavHolder {display: block; clear:both; width: 950px; height:27px; padding: 2px 0 0 80px;}
.greenNavHolder ul{ font: normal 11px Arial, Verdana, sans-serif; margin:0; padding:0; list-style:none;}
.greenNavHolder li{ display:inline; margin:0; padding:0; }
.greenNavHolder a{float:left; color: white; background:url(../images/nav_green.gif) no-repeat 0px 0px; text-decoration:none; letter-spacing: 1px; width:148px; height:19px; padding: 8px 9px 0 7px; overflow: hidden}
.greenNavHolder a:hover{background-position: 0 -27px;}
.greenNavHolder a.green_nav_selected {background-image:url(../images/nav_green_down.gif); color: #0092A7}
.greenNavHolder a.green_nav_selected:hover {background-position:0 0; background-image:url(../images/nav_green_down.gif); color: #0092A7}

.feedbackFormButton {border:1px solid #fff; background-color:#0092A7; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.feedbackFormButton:hover {border:1px solid #0092A7; background-color:#fff; color:#0092A7; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.blog_intro_pair {margin-top:10px}
.blog_intro {position:relative; float:left; display:block ; width:223px ; height: 260px; padding:10px 10px 10px 10px; background-image:url(../images/blog_bg.gif); overflow:hidden; margin-right:8px}
.blog_intro h2 {margin:0 0 3px 0;}
.blog_intro_bottom {position: absolute; bottom:2px; left:10px; height:100px; color:#412682}

.blog_intro_bottom a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#412682; font-weight:normal; text-decoration:underline;}
.blog_intro_bottom a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#412682; font-weight:normal; text-decoration:none;}

.blog_intro_bottom h2{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#0092A7; font-weight:bold; text-decoration:none; margin:5px 0 0 0}
.blog_intro_bottom span {color:#0092A7; text-decoration:none; font-size:13px; font-weight:normal}
.blog_intro_bottom span a {color:#0092A7; text-decoration:none; font-size:13px; font-weight:normal}
.blog_intro_bottom span a:hover{color:#0092A7; text-decoration:underline; font-size:13px; font-weight:normal}


.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: black;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudivGreen{
	position:absolute;
	top: 0;
	border: 1px solid #b2dee4; /*THEME CHANGE HERE*/
	border-top-width: 1px; /*Top border width. Should match height of .ddcolortabsline above*/
	border-bottom-width: 0px;
	font:normal 11px Arial; color:#FFFFFF;
	line-height:18px;
	z-index:100;
	background-color: #42a0ad;
	width: 162px;
	opacity: 0.9;
	visibility: hidden;
}

.dropmenudivGreen a{
	display: block;
	border-top: 0 solid #678b3f;
	border-bottom: 1px solid #b2dee4; /*THEME CHANGE HERE*/
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	color: #fff;
	opacity: 0.9;
	width: 152px;
}

.dropmenudivGreen a:hover{ /*THEME CHANGE HERE*/
	background-color: #99d3dc;
	color: white;
}
			
.dropmenudivPurple{
	position:absolute;
	top: 0;
	width: 162px;
	border: 1px solid #a596c9; /*THEME CHANGE HERE*/
	border-top-width: 1px; /*Top border width. Should match height of .ddcolortabsline above*/
	border-bottom-width: 0px;
	font:normal 11px Arial; color:#FFFFFF;
	line-height:18px;
	z-index:100;
	background-color: #432983;	
	opacity: 0.9;	
	visibility: hidden;
}

.dropmenudivPurple a{
	width:152px;
	display: block;
	border-top: 0 solid #a596c9;
	border-bottom: 1px solid #a596c9; /*THEME CHANGE HERE*/
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	color: #fff;
}

.dropmenudivPurple a:hover{ /*THEME CHANGE HERE*/
	background-color: #a596c9;
	color: white;
}
.dropshadow{
	position:absolute;
	width:auto;
	background-color:#000000;
	border:1px solid #666666;
	z-index:98;
	opacity: 0.3;
} 
			
			
.greenworksAgendaContainer {position:relative;}
.greenworksAgendaTime {position:relative; width:398px; padding:10px 0 5px 100px; font-size:12px; color:#000000; font-weight:bold; background:url(../images/agenda_arrow.gif) no-repeat 250px 0px}
.greenworksAgendaInner {position:relative; width:398px; background: url(../images/agenda_bg.gif) repeat-y; padding:10px 0 10px 100px;}
.greenworksAgendaInnerTop {position:absolute; top:0; left:0; width:498px; height:30px; background:url(../images/agenda_bg_top.gif) no-repeat; z-index:0}
.greenworksAgendaInnerBottom {position:absolute; bottom:0; left:0; width:498px; height:7px; background:url(../images/agenda_bg_btm.gif) no-repeat; z-index:1}
.greenworksAgendaContent {position:relative; z-index:2}
.greenworksAgendaTitle {color:#48AA43; font-size: 14px; padding-bottom: 15px}
.greenworksAgendaText {font-size: 11px;}
.greenworksAgendaImage {position:absolute; top:2px; left:17px; width:68px; height: 68px; background-color:#FFFFFF; overflow:hidden}
.greenworksAgendaImageBorder {position:absolute; top:0px; left:15px; width:72px; height: 72px; background:url(../images/agenda_image_box.gif)}

.greenworksAgendaInner2 {position:relative; width:398px; background: url(../images/agenda_bg2.gif) repeat-y; padding:10px 0 10px 100px;}
.greenworksAgendaInnerTop2 {position:absolute; top:0; left:0; width:498px; height:30px; background:url(../images/agenda_bg_top2.gif) no-repeat; z-index:0}
.greenworksAgendaInnerBottom2 {position:absolute; bottom:0; left:0; width:498px; height:7px; background:url(../images/agenda_bg_btm2.gif) no-repeat; z-index:1}
.greenworksAgendaTitle2 {color:#fff; font-size: 14px; padding-bottom: 15px}
.greenworksAgendaText2 {font-size: 11px; color:#fff}
.greenworksFormTop {position:relative; width:175px; padding: 40px 10px 105px 10px; background: url(../images/greenworksForm_bg.gif) no-repeat; overflow:hidden; color: #fff; font-size:11px}
.greenworksFromInput {width:146px; height:21px; padding:3px 8px 0 8px; background:url(../images/greenworksFormInput_bg.gif) no-repeat; margin-bottom:4px;}
.greenworksFromInputBottom {position: absolute; left:0; bottom:0px; width:195px; height:105px; background: url(../images/greenworksForm_bg_btm.gif) no-repeat;}
.greenworksFormInputField {border:0px;}

.galleryContainer {position:relative; width:100%; margin:8px 0px 8px 0px; clear:both; padding:5px 0 5px 0; overflow:hidden;}
.galleryCells {float:left; width:165px; background-color:#FFF; padding:3px 0 2px 0}

.galleryThumbs {display:block; clear:both;}
.galleryThumbs a {display:block; float:left; border:1px solid #ccc; background: #efefef; text-align:center; margin: 3px 3px 0 0}
.galleryThumbs a:hover {border:1px solid #000;}

.galleryMainImage {clear:both; border:1px solid #ccc; background: #efefef; text-align:center; margin:10px 0 10px 0; overflow:hidden}

.galleryMainImageTitle {color:#7A003C; font-size:12px; font-weight:bold}
.galleryMainImageDescription {}

.customFormSelect2 {width:230px;}
.submitButton {background:#0092A7; color: #fff; border:1px solid #0092A7}
.submitButton:hover {color:#0092A7; background:#fff; border:1px solid #0092A7}

#openMindlandingContainer {position:relative; width:502px; height:auto; background-color:#66beca;}
#openMindlandingContainer h2 {color:#412682; font-size: 20px; font-weight:normal; margin:0;}
#openMindlandingContainer h3 {color:#412682; font-size: 13px; font-weight:normal; margin:0;}
#openMindlandingContainer .purple {color:#412682; font-weight: bold}
#openMindlandingContainer #tryIt {position:relative; width:475px; height: 95px; background:url(../images/open_your_mind_images/tryit.jpg)}
#openMindlandingContainer #contactMe {position:relative; width:475px; height: 75px; background:url(../images/open_your_mind_images/contactMe.jpg)}
#openMindlandingContainer #landingHeader {position:relative; width:502px; height:316px; background-image:url(../images/open_your_mind_images/landing_header.gif)}
#openMindlandingContainer #landingContent {position:relative; width:480px; left:10px; height:auto; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#refreshlandingContainer {position:relative; width:502px; height:auto;}
#refreshlandingContainer h2 {color:#412682; font-size: 20px; font-weight:normal; margin:5px 0 5px 0;}
#refreshlandingContainer h3 {color:#412682; font-size: 13px; font-weight:normal; margin:5px 0 5px 0;}
#refreshlandingContainer .purple {color:#412682; font-weight: bold}
#refreshlandingContainer #tryIt {position:relative; width:475px; height: 95px; background:url(../images/open_your_mind_images/tryit.jpg)}
#refreshlandingContainer #contactMe {position:relative; width:475px; height: 75px; background:url(../images/open_your_mind_images/contactMe.jpg)}
#refreshlandingContainer #landingHeader {position:relative; width:502px; height:267px; background:url(../images/refresh_images/refresh_top.jpg) no-repeat; margin-bottom:8px}
#refreshlandingContainer #landingContent {position:relative; width:480px; padding:10px; height:auto; color:#412682; background-color:#DBEBCE; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
