/* CSS Document */
/*************************
***   OVERALL STYLES   ***
*************************/
h2 {margin:0px 0px .75em 0px;}

/************************
***   HEADER STYLES   ***
************************/


/****************************
***   NAVIGATION STYLES   ***
****************************/
#navigation ul li.active ul {display:none;}
#navigation ul li.active:hover ul {display:none;}


/****************************
***   BREADCRUMB STYLES   ***
****************************/
#breadCrumb {width:100%; background-color:#6e6b51; color:#fff; float:left;}
@media print { #breadCrumb { display: none; } }

#breadCrumbLinks {float:left;padding:10px 12px 10px 30px;}
#breadCrumbLinks a {color:#fff; text-decoration:none;}
#breadCrumbLinks a:hover {text-decoration:underline;}

/******************************
***   MAIN CONTENT STYLES   ***
******************************/
#content {float:left; width:100%; overflow:hidden; background:#fff;}
@media print { #content { float: none; overflow: visible; width: inherit; background: transparent; white-space: normal; } }

h3 {color:rgb(100,129,69); border-bottom: 1px solid rgb(100,129,69); clear: both;}
.h3Like {color:rgb(100,129,69); border-bottom: 1px solid rgb(100,129,69); font-weight:bold;}
.noNumber {list-style-type:none;}

/* calendar styles */
#content  ul.month_nav li.prev {float:left; background-image:none; padding-left:0px;}
#content ul.month_nav li.next {float:right; background-image:none; padding-left:0px;}
#content .month_nav {float:left; width:100%;}

/*****************************
***   LEFT COLUMN STYLES   ***
*****************************/
#colLeft {float:left; width:168px; padding-left:30px; padding-top:1em; margin-bottom:-5000px; padding-bottom:5000px;  border: solid rgb(168,166,151); border-width: 2px 2px 0 0; background-color: #6E6B51; }
@media print { #colLeft { display: none; width: 0px; border-width: 0; } }

#colLeft .navigationSub {margin-bottom:46px; color: white; }
#content #colLeft li {background:transparent url(../images/shared/bulletSub.gif) no-repeat scroll 0px 5px; list-style-type:none; padding-left:15px; padding-bottom:.25em;}
#content #colLeft li.open {background:transparent url(../images/shared/bulletSubDown.gif) no-repeat scroll 0px 5px;}
#content #colLeft li a {color:white; text-decoration:none;}
#content #colLeft li a:hover {text-decoration:underline;}
#content #colLeft li.active { text-decoration: underline; }
#content #colLeft h2 { color: white; }

/******************************
***   RIGHT COLUMN STYLES   ***
******************************/
#colRight {float: right; width:720px; background-color:#fff; padding-left:40px; padding-top:1em; padding-bottom:0px; margin-bottom:0px; border: 0; }
#colRight li {padding-bottom:1em;}
@media print { 
	#colRight { float: none; width: auto; margin: 0; padding: 0; background: transparent; white-space: normal; }
 }

#content ul.anchorMenu {border-bottom: 1px solid #8b876a; padding-bottom:7px; margin-bottom:1em;}
#content ul.anchorMenu li {padding-bottom:0.25em}
#loginArea {float:right;}
@media print { 
	#content ul.anchorMenu { display: none; }
	#loginArea { display: none; }
}

#text {float:left; padding-right:36px; padding-bottom:46px;}
body.login #text {width:444px;}
#text p {margin-top:0px;}
@media print { #text { float: none; padding: 0; width: inherit; } }

#article #text .captionLarge {padding:7px; margin:0px 0px 10px 0px; background-color:#8b876b; color:#fff; text-align:center;}
#article #text .captionRight {float:right; padding:7px; margin:0px 0px 10px 20px; background-color:#8b876b; color:#fff; text-align:center;}
#article #text .caption {float:left; padding:7px; margin:0px 20px 10px 0px; background-color:#8b876b; color:#fff; text-align:center;}
#article #text .caption img {margin-bottom: 4px;}
#article #text a.captionLarge, #article #text a.captionRight, #article #text a.caption {text-decoration:none;}
@media print { #article #text { float: none; } }

/* right column table styles */
#colRight table {border-collapse:collapse; margin-bottom:.75em;}
#colRight table td, #colRight table th {border: 1px solid #8b876a; vertical-align:top; padding:5px;}
#colRight table th  {background-color: #dde1ad;}
#colRight table.noBorder {width:100%; margin-bottom:.75em;}
#colRight table.noBorder td, #colRight table.noBorder th {border: none; vertical-align:top; padding:0px; background-color:transparent; text-align:center;}
#colRight table.noBorder table {margin:0px auto; margin-bottom:0px;}
#colRight table table {margin-bottom:0px;}
#colRight table.noBorder td table td, #colRight table.noBorder td table th {border: 1px solid #8b876a; vertical-align:middle; padding:5px; text-align:left;}
#colRight table.noBorder td table th,  #colRight table.noBorder th table th {background-color: #dde1ad;}
#colRight #loginArea table td, #colRight #loginArea table th{border:none; padding:2px 1px 2px 1px; vertical-align:center; background-color:transparent;}
td.invertColor {background-color:#000; color:#fff;}
#colRight table.noStyle {margin-bottom:.75em;}
#colRight table.noStyle td, #colRight table.noStyle th {border: none; vertical-align:middle; padding:2px 1px; background-color:transparent; text-align:left;}
#colRight table.noStyle th {vertical-align:top;}

/* for when the page is too wide due to overly wide table content */
.widePage #loginArea {width:152px;}
.widePage #loginArea table {width:100%;}
.widePage #loginArea table input {width:85px;}
.widePage #loginArea .report {font-family:Arial,Helvetica,sans-serif; font-size:1.165em; font-weight:bold; margin:1em 0px 1em 0px; padding: .5em 0px 0px 0px; background:transparent url(../images/shared/bg-dot.gif) repeat-x scroll 0px 2px; border:1px solid #93d742;}
.widePage #loginArea .report a {color:#fffff7; text-decoration:none; background:transparent no-repeat scroll 0px 3px; }
.widePage #text {width:505px;}
@media print { 
	.widePage #loginArea { display: none; width: 0px; } 
	.widePage #text { width: auto; } 
}
/*****************
***   FOOTER   ***
*****************/

/*****************
***   MOBILE   ***
*****************/

#colLeftMobile {display:none;}
@media handheld, only screen and (max-device-width: 480px) {
	#breadCrumb {width:100%; background-color:rgb(86,111,57); color:#fff; float:left; font-weight:bold;}
	h2 {margin:5px; font-size:14px;}
}
	
@media handheld, only screen and (max-device-width: 480px) {
	#colLeft {display:none;}
	#content {float:left; width:100%; background-color:#FFFFFF; background-image:none;}
	#colLeftMobile {float:right; width:100%; padding:0px; margin:0px; background-color: #6E6B51; display:block; border-top:solid 1px rgb(168,166,151); color:#fff;}
	#colLeftMobile .navigationSub {margin-bottom:3px;}
	#colLeftMobile li {background:none; list-style-type:none; padding-left:15px; padding-bottom:.25em;}
	#colLeftMobile li.open {background:none;}
	#colLeftMobile li a {color:white; text-decoration:none;}
	#colLeftMobile li a:hover {text-decoration:underline;}
	#colLeftMobile li.active { text-decoration: underline; }
	#colLeftMobile h2 { color: white; }
	#article #text .captionLarge { float:left; padding:7px; margin:10px; background-color:#8b876b; color:#fff; text-align:center;}
	#article #text .captionRight { float:right; padding:7px; margin:10px; background-color:#8b876b; color:#fff; text-align:center;}
	#article #text .caption { padding:7px; margin:10px; background-color:#8b876b; color:#fff; text-align:center;}
	#article #text .caption img {margin-bottom: 4px;}
	#article #text a.captionLarge, #article #text a.captionRight, #article #text a.caption {text-decoration:none;}
	#article #text  img { max-width:270px;}
	body.login #text {width:98%;}
	#text p {margin-top:0px; width:98%;}
	#colRight {float: left; width:100%; background-color:#fff; padding:3px; margin:0px;}
	#colRight table {border-collapse:collapse; margin:4px 0px; width:95%;}
	#colRight li {padding-bottom:1em; width:98%;}
	#colRight table.noStyle {margin-bottom:.75em;}
	#colRight table.noStyle td, #colRight table.noStyle th {border: none; vertical-align:middle; padding:2px 1px; background-color:transparent; text-align:left;}
	#colRight table.noStyle th {vertical-align:top;}
}

@media handheld, only screen and (max-device-width: 480px) {
	#text  { font-size:14px; padding:6px;}
}