/* CSS Document */

#left_column { width: 240px;}
#content { width: 660px; }

h4 { line-height: 1.4em; padding: 0;}
table.promo td { padding: 0 0 6px 0;}
div.PageToolsEmailPrint { margin-bottom: .35em; }
div.shareThis { margin-bottom: .35em;}

#content table tr td table tr td { font-size: 1em;}
#content table tr td table tr td table tr td { font-size: 2em;}

#nav-page-live-more { padding: 0; background: #d2e2d5; font-size: .8em; margin-bottom: 20px;}
#nav-page-live-more ul { display: block; list-style: none; margin: 0; padding: 30px;}
#nav-page-live-more ul li { display: inline; margin: 0; color: #1E702E; padding: 0; }
#nav-page-live-more ul li ul { padding: 0; margin-bottom: 20px; border: none;}
#nav-page-live-more ul li ul li { padding: 0; margin: 0;}
#nav-page-live-more a, #nav-page a:visited { color:#1E702E; text-decoration: underline; display:block; padding:5px 5px 5px 0; background: #d2e2d5;}
#nav-page-live-more a:hover { text-decoration: underline; background: #d2e2d5; color:#666666;}
#nav-page-live-more a.current { font-style: italic; color: #434241; text-decoration: underline; padding:5px 5px 5px 0;}
#nav-page-live-more li.phonenumber { font-size: 1.90em; font-weight: normal; color: #8AB492; display: block; line-height: 1.4em;}
#nav-page-live-more .acknowledge { font-size: .8em;}

table.fees  { border: 1px solid #ccc;}
.fees th { padding: 3px 0 3px 10px; background-color: #065EA8; font: bold Arial, Helvetica, sans-serif; text-align: left; color: #fff;}
.fees tr td { vertical-align:top; padding: 6px 10px;}
.fees tr.even td { background-color: #cddfee;}
.fees ul li { font-size: 1.4em; line-height: 1.4em; }
.fees ol li { font-size: 1.1em; line-height: 1.4em; }
.fees ul li ol li, .article ol li ol li, .article ul li ul li, .article ol li ul li { font-size: 1em; line-height: 1.4em;}

table.agenda  { border: none; }
.agenda td.agendaday { border-bottom: 1px solid #CCC; color: #084585; font-size: 1.3em; }
.agenda tr td { vertical-align:top; padding: 10px;}
.agenda tr.agendaheadingdarkblue td { background-color: #b4cee5;}
.agenda tr.agendaheadingmediumblue td { background-color: #cddfee;}
.agenda tr.agendaheadinglightblue td { background-color: #e6eff7;}
.agenda tr.agendaheadingdarkgreen td { background-color: #a5c6ab;}
.agenda tr.agendaheadingmediumgreen td { background-color: #d2e2d5;}
.agenda tr.agendaheadinglightgreen td { background-color: #e8f0ea;}

div.brochureimage { float: right; margin-bottom: .5em;}
div.brochurecaption { font-size: .75em; }
img.img-right { float: none;}

/* (6) Reuseable Tricks */
/* doublecolumn class - puts two divs containing text side by side */
div.doublecolumn {
	width: 100%;
	height:auto;
	margin: auto;
	margin-bottom: 0px;
	padding:0;
	clear:both;
	display:block;
	overflow: auto;
}
div.doublecolumn div.doublecolumn_one {
	width: 45%;
	height:auto;
	float:left;
	margin-bottom: none;
	padding-bottom: none;
}
div.doublecolumn div.doublecolumn_two {
	width: 45%;
	height:auto;
	float:left;
	margin:0 0 0 0.875em;
}
/* Doublecolumn - IE 6 corrections */
* html div.doublecolumn {
	margin:.9375em 0 0 0;
	padding: none;
}
/* Doublecolumn - IE 7 corrections */
*:first-child+html div.doublecolumn {
	margin:.9375em 0 0 0;
}
#chapter_links { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin: 20px 0; padding-top: 10px; padding-bottom: 10px;}
#chapter_links ul {  margin: 0 .9375em;}
#chapter_links ul li { padding-bottom: .35em; list-style-image:url(/images/elements/bluearrow.jpg);}
#chapter_links a { color: #365ea4; text-decoration: underline; font-size: 1em;}
#chapter_links a:active { color: #365ea4; text-decoration: underline; font-size: 1em;}
#chapter_links a:hover { color: #1e702e; text-decoration: underline; font-size: 1em;}

#alert { background-color:#0081C5; padding:10px; display:inline-block; margin-bottom:25px; }
.alertimage { float:left; padding-right:10px; }
.alertimage img { width:32px; }
.alerttext { color:#FFFFFF; float:left; width:93%; font-size:13px; }

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
.alerttext { font-size:11px; }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
#alert { background-color:#0081C5; padding:10px; display:inline-block; }
.alertimage { float:left; padding-right:10px; }
.alertimage img { width:25px; }
.alerttext { color:#FFFFFF; float:left; width:88%; font-size:11px; }
}