body 
{
    background: #FFF5DF url("/Images/peel-bg.png") 0 0 repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

#wrap 
{
    /*background-color: Blue;*/
}

#header 
{
    /*background-color: Yellow;*/
    text-align: left;
}

	

	#globalNav {
		float: left;
		width: 444px;
		margin: 20px 0 20px 17px;
		list-style: none;
		}
		
		#globalNav li {
			float: left;
			font-size: 100%;
			color: #3D7084;
			}
			
			#globalNav a {
				float: left;
				display: block;
				margin: 0 1px 0 0;
				padding: 11px 25px;
				background: #F3F7F9;
                text-decoration: none;
				}
				
				#globalNav a:hover {
					background: #93BAC9;
					}
                    
                    #globalNav #g-home a {
                       padding-left: 30px;
                       background: url("/Images/header/bg-globalnav-left-off.png") no-repeat top left;
                       }
                       
                     #globalNav #g-home a:hover, body#home #g-home a {
                       background: url("/Images/header/bg-globalnav-left-on.png") no-repeat top left;
                       }
                       
                    #globalNav #g-background a {
                       margin-left: -1px;
                       background: url("/Images/header/bg-globalnav-middle-off.png") no-repeat top left;
                       }
                       
                     #globalNav #g-background a:hover, body#background #g-background a {
                       background: url("/Images/header/bg-globalnav-middle-on.png") no-repeat top left;
                       }
                       
                    #globalNav #g-discussions a {
                       margin-left: -1px;
                       background: url("/Images/header/bg-globalnav-middle-off.png") no-repeat top left;
                       }
                       
                     #globalNav #g-discussions a:hover, body#discussions #g-discussions a {
                       background: url("/Images/header/bg-globalnav-middle-on.png") no-repeat top left;
                       }
                       
                    #globalNav #g-events a {
                       padding-right: 30px;
                       background: url("/Images/header/bg-globalnav-right-off.png") no-repeat top right;
                       }
                       
                     #globalNav #g-events a:hover, body#events #g-events a {
                       background: url("/Images/header/bg-globalnav-right-on.png") no-repeat top right;
                       }     

#footer 
{
    border-top: 2px #FFB622 solid;
    background-color: #FFF;
    clear: both;
    padding: 20px;
    text-align: center;
}

	#footer-logos, #footer-links {
        margin: 20px auto 10px auto;
		width: 870px;
		}
		
		#footer-logos img {
			margin: 0 15px;
			}
			
	#footer-links {
		margin-top: 20px;
        font-size: 110%;
		}
        
        #footer-links a {
          margin: 0 10px;
          }
          
          #footer-links span {
               margin: 0 20px 0 0;
          }

#middle 
{
    clear:both;
    text-align: left;
    margin-left: 20px;
    margin-bottom: 20px;
    min-height: 250px;
}

#content 
{
    background: #3D7084 url(/Images/header/header-back-default.png) 0 0 repeat-x;
    margin-right: 320px;
    padding: 10px;
    padding-top: 96px;   
}

#content.topic-1 
{
    background: #8F8A27 url(/Images/header/header-back-topic1.png) 0 0 repeat-x;
}
#content.topic-2 
{
    background: #B75E42 url(/Images/header/header-back-topic2.png) 0 0 repeat-x;
}
#content.topic-3 
{
    background: #917767 url(/Images/header/header-back-topic3.png) 0 0 repeat-x;
}
#content.topic-4 
{
    background: #514E1D url(/Images/header/header-back-topic4.png) 0 0 repeat-x;
}
#content.topic-5 
{
    background: #AF6E0D url(/Images/header/header-back-topic5.png) 0 0 repeat-x;
}
#content.topic-6 
{
    background: #4259B7 url(/Images/header/header-back-topic6.png) 0 0 repeat-x;
}
#content.topic-7 
{
    background: #777F8B url(/Images/header/header-back-topic7.png) 0 0 repeat-x;
}
#content.topic-8 
{
    background: #AC6172 url(/Images/header/header-back-topic8.png) 0 0 repeat-x;
}

#sidebar 
{
    float: right;
    width: 270px;
    /*padding: 10px;
    padding-top: 0px;*/
    margin-top: 100px;
    margin-right: 20px;
}

#sidebar .top 
{
    height: 110px;
    color: #3B697A;
    font-size: 110%;
    /*padding: 0px 20px;*/
}

	#sidebar .top ul {
		margin-top: 10px;
		}
		
		#sidebar .top li {
			padding: 0 0 7px 20px;
			line-height: 13px;
			background: url("/Images/bullet.png") no-repeat 0 20%;
			font-size: 90%;
			}

#sidebar .bottom 
{
    padding: 10px;
    background-color: #FFF;
}

#title a {
	float: left;
    margin-top: 13px;
    background: url("/Images/header/top-logo.png") no-repeat top left;
    width: 234px;
    height: 54px;
	}
	
	#title a:hover {
	    background: url("/Images/header/top-logo-on.png") no-repeat top left;
		}


#search-controls 
{
	margin-top: 20px;
	float:right;
	background: url(/Images/header/search-box.png) 0 0 no-repeat; 
	margin-right: 10px; 
	width: 260px;
}

#search-controls input 
{
    background-color: transparent;
    border: none;
    margin-right: 14px;
    margin-left: 10px;
    margin-top: 5px;
    width: 181px;
    vertical-align: top;
    font-size: 110%;
}


.title-text {
    margin-bottom: 3px;
    padding: 0 10px 0 10px;
	}
	.title-text h1 {
	    font-size: 120%;
	    color: #FFF;
	    line-height: 23px;
	    margin-bottom: 10px;
		}
		
	.title-text h1 a:link, .title-text h1 a:visited {
		color: #FFF;
		}
		
	.title-text h1 a:hover, .title-text h1 a:active {
		color: #FFF5DF;
		}

/*.title-text*/ .hr 
{
    height: 34px;
    width: 100%;
}




input 
{
    border: 1px #B1C9D3 solid;
    padding: 3px;
    color: #333;
}

input.input-default-text 
{
    color: #CCC;
}

textarea 
{
    border: 1px #B1C9D3 solid;
    padding: 3px;
    font-family: Arial;
    font-size: 110%;
    color: #333;
}

label 
{
    color: #333;
    font-family: Arial;
    font-style: normal;
}

.test 
{
    border: 1px #B1C9D3 solid;
    
}


/* Deals with the tabs on the home page */

.tabs 
{
    position:relative;
}

.tab-arrow 
{
    position: absolute;
    height: 16px;
    width: 160px;
    top: 34px;
    left: 11px;
    z-index: 4;
    background: #FFF url(/Images/tab-arrow.png) center bottom no-repeat;
}

.tab 
{
    height: 16px;
    width: 160px;
    float: left;
    background: #FEFEFE url(/Images/tab-back.png) 0 0 repeat-x;
    margin-right: 10px;
    padding: 10px;
    cursor: pointer;
    color: #3D7084;
    text-align: center;
    font-size: 110%;
}

.tab.active 
{
    background: #FFF;/* url(/Images/tab-arrow.png) center 30px no-repeat;*/
    cursor: default;
}

.tab-body 
{
    display:none;
    clear:left;
    background-color: White;
    padding: 20px 15px;
    min-height: 200px;
}

.tab-body.active 
{
    display:block;
}

.tab-body .top-text 
{
    display:block;
    font-style: italic;
    color: #5D5A2C;
    padding: 0px 20px 10px 20px;
    line-height: 22px;
    font-family: Georgia, Arial, Helvetica;
}

.tab-body p 
{
    display: block;
    padding: 0px 10px;
}

/* Styles for the Discussion Pages*/

.topic-text 
{
    color: #333;
}

.topic-text .heading 
{
    font-size: 120%;
    color: #FFF;
    margin-bottom: 15px;
    padding: 0px 10px;
}

.topic-text .body
{
    background-color: #FFF;
    padding: 15px;
    padding-bottom: 1px;
}
.topic-text .body p
{
    margin-bottom: 15px;
    color: #5D5A2C;
    font-style: italic;
    line-height: 22px;
    font-family: Georgia, Arial, Helvetica;
}
.topic-text .body h3
{
    margin-bottom: 10px;
    line-height: 22px;
	font-weight: bold;
	font-size: 110%;
}

.topic-text ul 
{
    margin-left: 10px;
    margin-bottom: 20px;
}

.topic-text li 
{
    list-style-type: disc;
    margin-bottom: 5px;
    color: #333;
}


.events-list .heading, .background-text .heading
{
    font-size: 120%;
    color: #FFF;
    margin-bottom: 15px;
    padding: 0px 10px;
}

.events-list .body, .background-text .body
{
    background-color: #FFF;
    padding: 15px;
    padding-bottom: 1px;
}
.events-list .body p
{
    margin-bottom: 15px;
    color: #5D5A2C;
    font-style: italic;
    line-height: 22px;
    font-family: Georgia, Arial, Helvetica;
}
.background-text .body p
{
    margin-bottom: 10px;
    line-height: 22px;
}
.events-list .body img, .background-text .body img, .zoom-image img {
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #3B697A;
	background-color: #FFF;	
}
.zoom-image img {
	margin-top: 0;
}

.events-list .body h3, .background-text .body h3
{
    margin-bottom: 10px;
    line-height: 22px;
	font-weight: bold;
	font-size: 120%;
}
.background-text .body h4
{
    margin-bottom: 10px;
    line-height: 22px;
	font-weight: bold;
	font-size: 110%;
}

.events-list .body ul, .background-text .body ul
{
    margin: 0 0 15px 15px;
    line-height: 18px;
}

.events-list .body li, .background-text .body li
{
	list-style-type: disc;
	margin-bottom: 5px;
	color: #333;
}

.events-list .event 
{
    margin-bottom: 20px;
    color: #333;
}
.events-list .event strong
{
    font-size: 120%;
    display: block;
    margin-bottom: 10px;
    font-weight: normal;
}


.document-list .header 
{
    font-size: 120%;
    margin-bottom: 15px;
}
.document-list .document 
{
    background: #EEE url(/Images/document-box-back.png) 0 0 repeat-x;
    border: 1px #CCC solid;
    padding: 20px;
    margin-bottom: 20px;
    line-height: 20px;
}

.document-list .document img 
{
    border: 1px #3D7084 solid;
    margin-right: 20px; 
}
.document-list .document a
{
    font-size: 120%;
    display: block;
}

.recent-box 
{
    border: 1px #3D7084 solid;
    margin-bottom: 20px;
    padding: 15px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomright: 5px;
	color: #333;
	font-style: italic;
	cursor: pointer;
}


.recent-box.topic-1-side 
{
    border-right: 20px #8F8A27 solid;
}
.recent-box.topic-2-side 
{
    border-right: 20px #B75E42 solid;
}
.recent-box.topic-3-side 
{
    border-right: 20px #917767 solid;
}
.recent-box.topic-4-side 
{
    border-right: 20px #514E1D solid;
}
.recent-box.topic-5-side 
{
    border-right: 20px #AF6E0D solid;
}
.recent-box.topic-6-side 
{
    border-right: 20px #4259B7 solid;
}
.recent-box.topic-7-side 
{
    border-right: 20px #777F8B solid;
}
.recent-box.topic-8-side 
{
    border-right: 20px #AC6172 solid;
}

.recent-box .from-text 
{
    margin-top: 10px;
    font-size: 90%;
    color: #3D7084;
}

.busy-box 
{
    position: relative;
    margin-bottom: 20px;
	color: #FFF;
	font-size: 120%;
	padding-top: 8px;
	padding-right: 8px;
	font-weight: bold;
}

.busy-box a 
{
    color: #FFF;
    line-height: 25px;
}

.busy-box-body 
{
    padding: 7px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    padding-right: 40px;
}


.busy-box .comment-count 
{
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: Black;*/
    background: transparent url(/Images/comment.png) bottom center no-repeat;
    /*float:right;*/
}

.busy-box .comment-count div 
{
    background-color: #333;
    padding: 3px 15px;
    margin-bottom: 8px;
}


.busy-box-body.topic-1-bg
{
    background-color: #8F8A27;
}
.busy-box-body.topic-2-bg
{
    background-color: #B75E42;
}
.busy-box-body.topic-3-bg
{
    background-color: #917767;
}
.busy-box-body.topic-4-bg
{
    background-color: #514E1D;
}
.busy-box-body.topic-5-bg
{
    background-color: #AF6E0D;
}
.busy-box-body.topic-6-bg
{
    background-color: #4259B7;
}
.busy-box-body.topic-7-bg
{
    background-color: #777F8B;
}
.busy-box-body.topic-8-bg
{
    background-color: #AC6172;
}

.topic-questions 
{
    
}

.topic-questions .header 
{
    padding: 10px;
    color: #FFF;
    font-size: 120%;
    background-color: #386778;
}

.topic-questions .body 
{
    background-color: #FFF;
    padding: 10px;
}

.question-box 
{
    border: 1px #386778 solid;
    padding: 15px;
    margin-bottom: 10px;
    background: #DCE9EE url(/Images/answer-box-back.png) 0 0 repeat-x;
    color: #333;
}

	.pending {
		list-style: none;
		}

.question-box .question-text 
{
    margin-bottom: 15px;
}

.question-box textarea 
{
    border: 1px #B1C9D3 solid;
}

.question-box.complete textarea 
{
    background: #CCC;
}

.question-box .answers 
{
    display: none;
    /*clear: both;*/
}

.complete .button
{
    border: 2px #CCC solid;
    background: #CCC url(/Images/button-back-inactive.png) 0 0 repeat-x;
    color: #A1A1A1 !important;
    padding: 4px 6px;
    text-decoration: none;
}

.button 
{
    border: 2px #72404A solid;
    background: #874B57 url(/Images/button-back.png) 0 0 repeat-x;
    color: #FFF !important;
    padding: 4px 6px;
    text-decoration: none !important;
}

.comment-counter-box 
{
    background: transparent url(/Images/comment.png) center bottom no-repeat;
    color: #FFF;
    font-weight: bold;
    font-size: 110%;
    text-align: center;
    display: inline-block;
}

.comment-counter-box div 
{
    background-color: #333; 
    padding: 4px 10px; 
    margin-bottom: 8px;
}

.comment-counter-box.inactive 
{
    background: transparent url(/Images/comment-inactive.png) center bottom no-repeat;
}
.comment-counter-box.inactive div 
{
    background-color: #999;
}


.answers 
{
    margin-top: 20px;
}

.answers .answer
{
    margin-bottom: 10px;
}

.answers .answer-box 
{
    border-top: 1px #B4CFDA solid;
    border-bottom: 3px #B4CFDA solid;
    background-color: #F1F5F7;
    padding: 10px;
    min-height: 26px;
}

.answers .source-box 
{
    color: #3B697A;
    font-size: 90%;
    background: transparent url(/Images/comment-bottom.png) 10px top no-repeat; 
    padding: 3px 0px 0px 30px;
}

#email-prompt-box 
{
    margin: 10px 0px;
}

#email-prompt-box p
{
    margin-bottom: 10px;
    color: #666;
    font-size: 100%;
}

#email-prompt-box .prompt-block 
{
    width: 220px; 
    display: inline-block; 
    margin-right: 20px;
    font-size: 90%;
    font-family: Arial, Helvetica, sans-serif;
}
#email-prompt-box .prompt-block input
{
    width: 100%;
}
.prompt-block p {
	margin: 10px 0 0 0;
	padding: 0 10px;
	line-height: 18px;
}

.right-section-box.last .body 
{
	margin-bottom: 0px;
}

.right-section-box .header 
{
	background-color: #79A9BC;
	padding: 10px 10px;
	color: #333;
	font-size: 110%;
	color: #FFF;
}

.right-section-box .header a 
{
    color: #FFF;
}

.right-section-box .body 
{
    border: 1px #79A9BC solid;
	padding: 13px 14px;
	background-color: #F1F5F7;
	margin-bottom: 10px;
	color: #333;
}
.right-section-box .body p
{
    margin-bottom: 10px;
}

.right-section-box .body .group-box
{
    padding: 8px;
    background-color: #CCD9E1;
    margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.right-section-box .body .group-box.last
{
    margin-bottom: 0px;
}
.right-section-box .body .group-box span
{
    float:right;
    font-weight: bold;
}

.search-section-header 
{
    margin-bottom: 10px;
    line-height: 22px;
	font-weight: bold;
	font-size: 120%;
}

.search-result 
{
    margin-bottom: 20px;
}

.search-result .url 
{
    font-size: 85%;
}
. search-section-results ul {
    margin: 0 0 15px 15px;
    line-height: 18px;	
}
. search-section-results li {
	list-style-type: disc;
	margin-bottom: 5px;
	color: #333;
}


/*
#email-prompt 
{
    position: absolute; 
    height: 200px; 
    width: 400px; 
    background-color: Aqua; 
    top: 40%;
    left: 40%;
    padding: 10px 15px;
    border: 1px black solid;
}

#email-prompt p 
{
    margin-bottom: 10px;
}

#email-prompt input 
{
    width: 230px;
}

#email-prompt a 
{
    display: inline-block;
    padding: 8px 10px;
    background-color: Green;
    vertical-align: top;
}

*/





.topic-block 
{
    margin: 15px 0px;
}

.topic-block h2
{
    padding: 10px 10px 12px 10px;
    background-color: #F83BA1;
    color: #FFF;
    font-size: 120%;
    margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    
}

.topic-block h2 a 
{
    font-weight: bold;
    color: #FFF;
    text-decoration: underline;
}

	.topic-block h2 a:hover 
	{
	    text-decoration: none;
	}


.topic-block p 
{
    color: #333;
    font-size: 110%;
    line-height: 20px;
}

.topic-1-bg h2
{
    background-color: #8F8A27;
}
.topic-2-bg h2
{
    background-color: #B75E42;
}
.topic-3-bg h2
{
    background-color: #917767;
}
.topic-4-bg h2
{
    background-color: #514E1D;
}
.topic-5-bg h2
{
    background-color: #AF6E0D;
}
.topic-6-bg h2
{
    background-color: #4259B7;
}
.topic-7-bg h2
{
    background-color: #777F8B;
}
.topic-8-bg h2
{
    background-color: #AC6172;
}



#documentViewer 
{
    position: absolute;
    width: 800px;
    height: 80%;
    background-color: #FFF;
    z-index: 1;
    border: 1px black solid;
}

.inset-image {
	float: right;
	margin: 7px 0 10px 20px;
}

.inset-box {
	float: right;
	border: 1px solid #79A9BC;
	background-color: #F1F5F7;
	width: 180px;
	margin: 0 0 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
}

	.inset-box h3 {
		border-bottom: 1px solid #79A9BC;
		background-color: #FFF;
		padding: 7px 0 10px 10px;
		}
					
		.inset-box h3 span {
			background: url("/Images/inset-arrow.png") no-repeat 0 50%;
			padding: 10px 0 14px 14px;
			margin-left: 10px;
			}
				
	.inset-box h4 {
		padding: 0 10px 13px 10px;
		line-height: 18px;
		font-size: 100%;
		}

	.inset-box h4 strong {
		margin-top: 0;
		padding: 10px 10px 0 0;
		}

.body a.tip {
	text-decoration: none;
	font-weight: bold;
	color: #514C1D;
}

.tip {
	border-bottom: 1px dotted #514C1D;
}

#tipBox {
	position: absolute;
	top: 20px;
	left: 20px;
	display: none;
	z-index: 3;
	background: transparent url(/Images/tip-box-top.png) top center no-repeat;
	width: 180px;
	line-height: 18px;
	overflow: hidden;
}
#tipBox div
{
    border: 1px solid #FFAD04;
    border-top: none;
    margin-top: 14px;
	padding: 7px 10px;
    background-color: #FFF5DF;
    text-align: left;
    color: #333;
}

.success-message 
{
	margin-top: 10px;
    padding: 8px 13px 10px 13px;
    color: #514E1D;
    font-size: 100%;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E9E6AD;
	border: 1px solid #514E1D;
}


.topic-rotator 
{
    line-height: 18px;
    margin-top: 5px;
    text-align: center;
}

.rotator-button 
{
    cursor: pointer;
    height: 14px;
    width: 14px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.rotator-button.left 
{
    background: transparent url(/Images/arrow-left.png) 0 0 no-repeat;
}
.rotator-button.left.active
{
    background: transparent url(/Images/arrow-left-over.png) 0 0 no-repeat;
}
.rotator-button.right 
{
    background: transparent url(/Images/arrow-right.png) 0 0 no-repeat;
}
.rotator-button.right.active
{
    background: transparent url(/Images/arrow-right-over.png) 0 0 no-repeat;
}



.toast 
{
    background-color: #FFF5DF;
}

.toast-header 
{
    background-color: #3D7084;
}

.faq-body 
{
    display:none;
    padding-left: 10px;
}