/*  
Author: Lynn Koble
Author URI: http://www.parasee.com/
*/

/* MB blue: #132b64;  MB green: #62bd19; MB light blue: #a0d8f1; */



/* UBER STYLES */

html {font-size: 125%;}

body {font: 50% arial, helvetica, sans-serif; text-align:center;  background: #132b64 url('images/bg_gradient.png') repeat-x; behavior:url(style/csshover.htc);}

* {margin:0; padding:0;}

img {border: none;}
#contentarea img {float: left; padding: 4px 20px 16px 0;}
#sidebar img {float: none; padding: 0;}

.floatleft {float:left;}
.floatright {float:right;}

a {text-decoration:underline; color:#62bd19; font-weight: bold;}
a:visited {color:#96c96e;}
a:hover {color:#62bd19;}
a:active {color:#62bd19;}



/* MAIN CONTAINERS */

#mainwrap {width:900px; margin-left:auto; margin-right:auto; margin-top: 0; text-align:left; background-color:#fff; padding: 0; border-right: 2px solid #62bd19; border-left: 2px solid #62bd19; border-bottom: 1px solid #62bd19;}

#topbanner {width:900px; height:67px; background-color:#fff;}
#topbanner.hp {height:85px;}
.topbannerlogo {float: left;}
#topbanner.hp .clientlogin {float: right; width:280px; height:85px; background: #a0d8f1 url('images/bg_clientlogin.png') repeat-x;}
.clientlogin {float: right; width:280px; background-color: #fff;}
.clientlogin img {float: right;}


#banner {width: 900px; height: 159px; background: #a0d8f1 url('images/bg_banner.png') repeat-x; margin: 0 0 1px 0;}
#banner img {float: right;}
#banner p {font: 1.5em/1.8em arial, helvetica, sans-serif; color:#fff; padding: 10px 40px;}
.bannerblurb {width: 620px; float:left;}


#contentarea {width:900px;}
#contentarea.hp {background: url(images/bg_hp_column.png) repeat-y top left; }


#hpcontent {width:900px; min-height:260px;}
/* mac hide \*/
* html #content {height:260px;}
/* end hide */

.hpcolumns {width: 620px; float: left; background: url(images/bg_hp_column_divider.png) repeat-y 0 0; margin: 20px 0 1px 0; padding: 0 0 30px 0;} /*fixed applies to background-attachment*/
.column1 {width:336px; float:left;  padding: 0 20px 0 24px;  }
.column2 {width:196px; float:left;  padding: 0 24px 0 20px;}


#content {width:900px; min-height:440px; background: url(images/bg_h1gradient.png) repeat-x top left;}
/* mac hide \*/
* html #content {height:440px;}
/* end hide */

.pagetext {width:560px; float:left; padding: 0 20px 20px 60px; min-height:440px;}

#sidebar {width:220px; float: left; padding: 0 20px 60px 20px;}
.hp #sidebar {width:210px; float: left; padding: 57px 0 0 70px; background: #a0d8f1 url('images/bg_sidebar_hp.png') repeat-x;}




#footer {width:900px; min-height:21px; background-color:#132b64; border-top: 1px solid #fff;}
/* mac hide \*/
* html #footer {height:21px;}
/* end hide */
#footer p {font-size: 1.1em; color:#97a2bb; line-height:1.8em; padding: 1px 12px;}
#footer a {text-decoration:none; color:#97a2bb; font-weight: normal;}
#footer a:visited {color:#97a2bb;}
#footer a:hover {text-decoration:underline; color:#97a2bb;}
#footer a:active {text-decoration:underline; color:97a2bb;}



/* LIST STYLES - EXCEPT FOR NAV */

#content ul, #hpcontent ul {font-size:1.2em; color: #132b64; letter-spacing:.02em; margin: 0 0 .6em 0px; padding: 0 0 1em 0;}
#content ul li, #hpcontent ul li {margin: .5em 0 0 0; padding: 0 0 0 1em; list-style-type: none; background: url('images/bg_bullet.png') no-repeat 0 0;}
#content #sidebar ul, #content #sidebar ul li {margin-top: 20; padding: 0; background:none !important;}

#content ul li ul, #hpcontent ul li ul  {font:1em/1.5em arial, helvetica, sans-serif; margin: 0 0 .5em 1.5em; padding: 0;}

#hpcontent .column2 ul {font-size:1.1em;}



/* H & TYPE STYLES */

p, td, label {font:1.2em/1.5em arial, helvetica, sans-serif; color:#132b64; letter-spacing:.02em; padding: 0 0 1em 0;}
td, label {padding: 0;}

h1 {font: 1.6em arial, helvetica, sans-serif; color:#132b64; font-weight: bold; padding: 12px 0 12px 38px; margin: 0 0 19px 0; text-indent: 21px; border-bottom: 1px solid #daf0fb; background: url('images/img_square_lg.png') no-repeat 40px 16px;}
.hp .column2 h1 {font-size: 1.3em; padding: 0; margin: 0 0 .8em 0; border-bottom: 0; text-indent: 15px; background: url('images/img_square_sm.png') no-repeat 0 4px;}

h2 {font: 1.5em/1.1em arial, helvetica, sans-serif; color:#132b64; font-weight:bold; padding: .46em 0 .2em 0; margin: 0 0 .6em 0; border-bottom: 1px solid #62bd19;}

div.pagetext h2:first-child {padding: 0 0 .2em 0;}

h3, h4, h5, h6 {font: 1.4em arial, helvetica, sans-serif; color:#132b64; font-weight:bold; padding: .4em 0 .3em 0; }


.hp .introword {font-size:1.2em; color:#62bd19; font-weight: bold;}
.hp .column2 p {font:1.1em/1.4em arial, helvetica, sans-serif;}


p.footnote  {font: 1.1em/1.2em arial, helvetica, sans-serif !important; color:#b4b4b4 !important;}
.footnote a {color: #b4b4b4;}
.footnote a:visited {color:#b4b4b4;}
.footnote a:hover {color:#b4b4b4;}
.footnote a:active {color:#b4b4b4;}

blockquote {font: 1.1em/1.7em arial, helvetica, sans-serif; border: 0; padding: 0 0 1em 30px;} 
blockquote p {color:#a0d8f1 !important;}




/* FORMS & WIDGETS */

.submitButton input { /* BEN, this is old - from PJDC */
	background-image:url(images/img_submit.png);
	background-position:0 0;
	background-repeat:no-repeat;
	border:0 none;
	height:23px;
	margin:7px 30px 0 0;
	outline-color:0;
	outline-style:none;
	outline-width:0;
	width:87px;
	display: block;
}

.submitButton2 input { /* BEN, this is my own mad addition... you are truly a madwoman. */
	background-image:url(images/img_button_subscribe.png);
	background-position:0 0;
	background-repeat:no-repeat;
	border:0 none;
	height: 23px;
	margin:7px 20px 0 0;
	outline-color:0;
	outline-style:none;
	outline-width:0;
	width:87px; 
}

.submit input, #wp-submit-tml-page { /* BEN, this is old - from PJDC */
	background-image:url(images/img_submit.png);
	background-position:0 0;
	background-repeat:no-repeat;
	border:0 none;
	height:23px;
	margin:7px 30px 0 0;
	outline-color:0;
	outline-style:none;
	outline-width:0;
	width:81px;
	display: block;
}



.subscribeform {background-color: #c2e6f8; border: 1px solid #84ccec; padding: 10px 10px 0 10px;}
.subscribeform p {font-size: .9em; line-height: 1.2em;}

#loginform-tml-page label {font-size: inherit;}
.loginform {padding: 0 0 20px 0;}
.loginform .input {width: 230px; border: 1px solid #afd2e1;}
.input {width: 190px; font:.9/1.2em arial, helvetica, sans-serif; color:#2a4073; height: 18px; border: 1px solid #9ad5f0; background-color:#fff; padding: 3px 0 0 6px; margin: 0 0 1em;}


.textarea {font:.9/1.2em arial, helvetica, sans-serif; color:#808080; border: 1px solid #d6d6d6; background-color:#fff; padding: 3px 0 0 6px; margin: 0 0 0 4px;}
.requiredfield {font-size: .9em; color:#62bd19; font-style: italic;}



#sidebar .divider {width: 220px; text-align: center; padding: 26px 0;}

li.widget2 .quote {background: #e0f1ec url('images/bg_quote01.png') repeat-x !important;}
li.widget3 .quote {background: #daf0fb url('images/bg_quote02.png') repeat-x !important;}

li.widget2 p, li.widget3 p {font: 1.3em/1.7em arial, helvetica, sans-serif; color:#0c9a56; text-align:center; padding: 24px 20px; }
.quoteauthor {font: .8em/1.2em arial, helvetica, sans-serif; font-style: italic;}


.borderbox {border: 1px solid #d6d6d6; background-color:#f0f0f0; text-align:center; padding: 10px 0; margin: 0 0 1em 0;}

/* ben's widget styles 
#sidebar .widget { margin-top: 30px; }
*/
#sidebar ul li.widget {
	background: url('images/img_3squares.png') no-repeat left top) !important;
}

#text-3 h2 { visibility:hidden; display:none; }
#text-4 h2 { visibility:hidden; display:none; }
#stray_widgets-2 h2 { visibility:hidden; display:none; }
#stray_widgets-3 h2 { visibility:hidden; display:none; }

li.widget_stray_quotes .stray_quote-2 {background: #e0f1ec url('images/bg_quote01.png') repeat-x !important;}
li.widget_stray_quotes .stray_quote-3 {background: #daf0fb url('images/bg_quote02.png') repeat-x !important;}
li.widget_stray_quotes p {font: 1.3em/1.7em arial, helvetica, sans-serif; color:#0c9a56; text-align:center; padding: 24px 20px; }

.mc_custom_border {background-color: #c2e6f8 !important;}
#mc_signup_form .mc_custom_border p {font-size: .9em; line-height: 1.2em !important; padding: 0; margin: 0;}
#mc_signup_form label.mc_var_label {font-size: 1em; line-height: 1.2em !important; padding: .8em 0 .2em 0;}
#mc_signup_container {background-color: #c2e6f8; border: 1px solid #84ccec !important; padding: 5px;}
.mc_signup_submit {text-align: left !important;}
#mc_signup_submit {background:url('images/img_subscribe.png'); width:81px; height: 23px; border: 0 none; margin: 1em 0;}
#mc_signup_form input.mc_input {width: 190px; border: 1px solid #afd2e1;}
.mc_input {font:.9/1.2em arial, helvetica, sans-serif; color:#2a4073; height: 18px; border: 1px solid #9ad5f0; background-color:#fff;}
form#mc_signup_form {border: 0 none #c2e6f8 !important;}

.error_msg { color: red; padding-top: 10px;}
.success_msg { color: #62bd19 !important; }
.mc_error_msg { color: red; }
.mc_success_msg { color: #62bd19 !important; }

/* TOGGLER TABLE STYLE */
.togglerTable {display: none; background-color: #daf0fb;  margin: 8px 0 20px 0;}
table.togglerTable td {padding: 12px 20px;}
table.togglerTable td p {font-size: 1em; padding: 1em 0 0 0;}
table.togglerTable ul {font-size:1em !important; margin: 0 !important; padding: 0 !important;}
table.togglerTable ul li {background: url('images/bg_bullet2.png') no-repeat 0 0 !important; margin: 0 !important;}
table.togglerTable img {padding-bottom: 0 !important;}

/* NAV CONTAINERS*/

#globalnav {height: 27px; background-color:#fff; border-bottom: 2px solid #62bd19;}
#globalnav.hp {height: 26px; background-color:#aedff6; border-bottom: 1px solid #fff;}
.navcol {float: right; width:280px; height:26px; background: #82cced url('images/bg_navcol.png') repeat-x; }

/*.tertiary {width: 646px; height: 28px;}
.tertiaryNav {float: left; color: #999; margin: .5em 0 0 0;}
.tertiaryNav a.on {color:#808080; font-weight: bold; text-decoration: none;}
.tertiaryNav a.on:visited {color:#808080;}
.tertiaryNav a.on:hover {color:#808080; text-decoration: underline;}
.tertiaryNav a.on:active {color:#808080; text-decoration: underline;}

#breadcrumbs {width:610px; float: left;}
#breadcrumbs p, p.small  {font: 1em/1em arial, helvetica, sans-serif; color: #b4b4b4;}
#breadcrumbs a, .small a {color: #b4b4b4; font-weight: normal;}
#breadcrumbs a:visited, .small a:visited {color:#b4b4b4;}
#breadcrumbs a:hover, .small a:hover {color:#808080;}
#breadcrumbs a:active, .small a:active {color:#808080;}
.searcharea {float: right;} */

		
			
/* HORIZ MENU */

#listmenu {
	width: 844px;  /* 100% makes the div full width */
	float:left; /*makes the div enclose the list */
	text-align: center;
	font: 1.3em arial, helvetica, sans-serif;	/* SET FONT-SIZE HERE */
	letter-spacing:.02em;
	font-weight: bold;
	padding: 1px 0 0 56px;
	background: #aedff6 url('images/bg_nav.png') repeat-x;
	}
#globalnav #listmenu.hp {
	width: 564px; 
	float:left; /*makes the div enclose the list */
	text-align: center;
	font: 1.3em arial, helvetica, sans-serif;	/* SET FONT-SIZE HERE */
	font-weight: bold;
	padding: 1px 0 0 56px;
	background: url('images/bg_nav.png') repeat-x; 
	background-color:#aedff6;
	}
#listmenu ul {margin:0 0 0 0px;/* indents ul from edge of container. if add this back, you must add in IE hack. see pg 193.*/
	}
#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	/* border-right: 1px solid #a84023; */
	}
#listmenu li:first-child {
	/* border-left: 1px solid #a84023; */
	}
#listmenu li:hover { 
	background-color:#acddf6; 
	}
#listmenu a {
	display:block;
	padding: 6px 17px; 
	text-decoration:none;	
	color:#132b64;	
	}
#listmenu a:visited {
	color:#132b64;	
	}
#listmenu a:hover {
	color:#132b64;
	}
/* end horizontal menu */

/* DROP DOWN MENU */
#listmenu ul li ul {
	margin: 0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width: 19em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	/*left:-1px; aligns the drop exactly under the menu */
	padding-right: 1px; 
	background-color:#fff;
	border-bottom: 1px solid #aedff6;
	}

#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left: 1px solid #aedff6;
	border-right: 1px solid #aedff6;
	padding: 0 0 1px;
	text-align: left;
	}
	
#listmenu ul li ul li:first-child {
	border-left: 1px solid #aedff6;
	border-top:1px solid #aedff6;
	}
		
#listmenu ul li ul li:hover { 
	background-color:#daf0fb; 
	}

#listmenu ul li ul li a {
	/* padding: 7px 20px; */
	color:#132b64;	
	}
#listmenu ul li ul li a:visited {
	color:#132b64;
	}
#listmenu ul li ul li a:hover {
	color:#132b64;
	}

	
/* make the drop-down display as the menu is rolled over */
#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
#listmenu ul li:hover ul {display:block;} /* shows the drop-down when the menu is hovered */



/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html #listmenu ul {
	float:left; /* makes the ul wrap the li's */
	/* border-left:1px solid #a84023;  adds the rightmost menu vertical line to the ul */
	/* margin-left:40px;  IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  #listmenu ul li ul {
	/* border-top:1px solid #eda477; */
	/* border-left:0px;  stops the drop inheriting the ul border */
	}

/* end of hack zone */



/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */