/*****************************************


/* This file should contain the path 


/* to all element stylesheets 


/*****************************************/


 


/* @include url(/Elements/Arrows/Arrows.css); */


.arrow


{


	font-size:1.2em;


	font-weight:bold;


	padding-right:2px;	


	display:inline;


} 


/* @include url(/Elements/ArticleBox/ArticleBox.css); */


.ArticleBox


{


}


.ArticleBox h4


{


	font-size:1.2em;


}





.ArticleBox ul


{


	list-style-type:none;


	margin-left:5px;


	padding-left:0px;


}


.ArticleBox .short-facts ul li


{


	background:url(ArticleBox/Images/bullet_disc.png) no-repeat 0 5px;	


	padding:0 0 0 15px;


}


.ArticleBox .more-info ul li


{


	background:url(ArticleBox/Images/bullet_arrow.png) no-repeat 0 3px;	


	padding:0 0 0 15px;


}


.ArticleBox .tags ul li


{


	background:url(ArticleBox/Images/bullet_tag.png) no-repeat 0 3px;	


	padding:0 0 0 15px;


} 


/* @include url(/Elements/Box/Box.css); */


#RegionPage #RegionSecondaryContent .box


{


	background: #333;


	width:270px;


		


}





.boxHead


{


	background-image:url();


	background-repeat:repeat-x;


	color:#FFFFFF;


	font-weight:bold;


	height:30px;


	line-height:30px;


	margin-bottom:0;


	padding:7px 15px 5px;


	text-align:center;


	text-transform:uppercase;


}


h1.boxHead, h2.boxHead, h3.boxHead, h4.boxHead


{


	margin:0px;	


	color:#fff;	


}





.boxBody


{


	/*background: transparent url(/Elements/Box/bottom.gif) no-repeat 0 100%;*/


	padding: 9px;


	background:#fff;


	border:1px solid #DDDDDD;


	border-top:0px;


}


.current-section-box{background:#333;}


.current-section-box h3


{


	background-image: url();


    background-repeat:repeat-x;


    padding:8px 15px 6px 15px;


    color:#fff;


    text-align:center;


    font-weight:bold;    


    text-transform:uppercase;


    margin-bottom:0px;


}


#RegionMainContent .current-section-box h3


{


	text-align:left;


}





.boxBody ul


{


	overflow:hidden;	


}


.boxBody ul, .boxBody ul li


{


	list-style-type:none;


	padding:0px;


	margin:0px;


}


.boxBody ul li


{


	border-bottom:1px solid #ddd;


	padding:15px;


}


.boxBody ul li:last-child


{


	border:0px;


}


.boxBody h4


{


	margin:0px;


	font-size:1.2em;


	font-weight:bold;


	line-height:1.2em;


}


.boxBody p


{


	color:#666;


	margin:0px 0 0 0px;


	line-height:1.4em;


}











.boxFooter


{	


	margin:0;


	padding:10px 9px;


	background:#f1f1f1;


	border-top:1px solid #DDDDDD;


	margin:0 -9px -9px -9px;


}


.box .box-link-left


{


	float:left;


	line-height:normal;


}


.box .box-link-right


{


	float:right;


	line-height:normal;


} 


/* @include url(/Elements/BreadCrumb/BreadCrumb.css); */


.breadcrumb


{


	margin-bottom: 1em;


	/*background-image:url('bc_bg.png'); 


    background-repeat:repeat-x;*/


    background:#f1f1f1;


    height:30px;    


    color:#9b9b9b;


    border:solid 1px #ddd;    


    overflow:hidden;


    line-height:30px;


    margin:0px;


    padding:0px 0 0 0px;


    vertical-align:middle;


    text-transform:uppercase;


    font-size:0.9em;


    margin-bottom:20px;    


}





.breadcrumb a, .breadcrumb .sel


{


	text-decoration: none;


    display:block;


    height:30px;


    float:left;


    /*background-image:url('bc_separator.png'); */


    background-repeat:no-repeat; 


    background-position:right;


    padding:0 15px;


    text-decoration: none;


    color:#0c49a3;


	background:#fff;


	margin-left:-8px;


	padding-left:23px;


}


.breadcrumb .sel


{


	color:#999;


	background:#f1f1f1;


}


.breadcrumb img


{


	display:block;


	float:left;


	position:relative;


	z-index:2;


}





.breadcrumb a:hover


{


	text-decoration: underline;


	background-color:#fff;


	color:#000;


}





.breadcrumb .separator


{


	margin: 0 .3em;


} 


/* @include url(/Elements/Common/Base.css); */


/******************************************************


/* Base.css


/* This stylesheet contains the default styling 


/* of html elements and general classes used 


/* throughout the project.


/*


/* Don't add control, framework, template 


/* or contentblock specific classes to this file! 


/*****************************************************/


html


{


	background:#fff ;


}





body, form, h1, h2, h3, h4, h5, h6, h6, p, img, blockquote


{


	margin: 0;


	padding: 0;


}





body, td, th


{


	color: #000;


	font-family: Arial, Tahoma, Helvetica, Sans-Serif;


}





html


{


	font: 76%/135% Arial;


}





body


{


	


	line-height: 1.455;


}





form


{


	width:940px;


	margin:0 auto;	


}





p


{


	margin-bottom: 1em;


	line-height:1.4em;


}





.intro


{


	font-size:115%;


	margin-bottom: 1em;


	line-height:1.3em;


	font-weight: normal;


}





.category


{


	color: #fff;


	text-transform: uppercase;


	font-size: .9em;


	padding:0 3px;


}


.section-category


{


	color: #fff;


	text-transform: uppercase;	


	padding:0 3px;


	font-size:0.9em;


}





.dateLabel


{


	font-size: .8em;


	color: #666;


}





span.action 


{


	color: #000;


	cursor: pointer;


}


.previewframe


{


	display:block !important;


} 





/******************************************************


/* Headings


/*****************************************************/


h1, h2, h3, h4, h5, h6


{


	margin-bottom: .3em;


}





h1


{


	color: #000;


	font-size: 40px;


	line-height:1.1em;


	letter-spacing:-1px;


	margin-top:10px;


	margin:0px 0 10px 0;


	padding:0px;	


}





h2


{


	color: #000;


	font-size: 1.8em;


	margin-bottom:5px;


	margin-top:10px;


	line-height:normal;


}





h3


{


	color: #000;


	font-size: 110%;


	line-height:normal;


}








h4, h5, h6


{


	font-size: 100%;


}





/*********************************


/ Links 


/********************************/


a


{


	color: #000;


	text-decoration:underline;


	font-weight:bold;


	padding:0 2px;


	outline:none;


}





a:hover


{	


	color:#fff;


	text-decoration:none;


	background:#000;


	


}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a


{


	color:#000;


}


h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover


{


	color:#000;


	background:none;


	text-decoration:underline;


}


a.buttonLink


{


	display:block;


	background-color:#fff;	


	padding:0px;


	margin-bottom: 1em;


}


 a.buttonLink:hover


{	


	


	text-decoration:none;


	background:none;


}


a.buttonLink img


{


	padding-right:1px;


}


a.buttonLink:hover img


{


	filter:alpha(opacity=85);	


	opacity:0.85;


}


/*********************************


/ Lists 


/********************************/


ul, ol, dl


{


	margin: 0;


}





ul, ol


{


	padding:0;


}





li


{


	margin: 0 0 .3em;


	vertical-align: middle;	


}





dt


{


	font-weight: bold;


	margin: 0 0 .2em;


	clear: both;


}





dd


{


	margin: 0 0 1em;


}





dl.compact dt


{


	clear: both;


	float: left;


	width: 15em;


}





dl.compact dd


{


	margin-left: 16em;


}





/******************************************************


/* Images


/*****************************************************/


img


{


	border: 0;


}





img.blockImage


{


	display: block;


	line-height: 0;


}





img.leftAligned


{


	float: left;


}





img.rightAligned


{


	float: right;


}





/******************************************************


/* Tables


/*****************************************************/


table


{


	border-spacing: 0px;


	empty-cells: show;


	border-collapse: collapse;


	border-color: #ccc;


	margin-bottom: 1em;


}





td


{


	border-color: #ccc;


}





/******************************************************


/* Separators


/*****************************************************/


hr


{


	/*clear: both;


	display: block;


	border-width: 0;


	height: 1px;


	color: #ccc;


	background-color: #ccc;


	margin: 10px 0;*/


	


	display:block;	


	margin:10px 0px;


	border:1px solid #fff;


	border-top:1px dashed #ccc;


	height:1px;


	color:#fff;


	background:#fff;


	


}


.fill


{


	


}


/******************************************************


/* Float container fix


/*****************************************************/


.fc:after, .StandardTeaser ul:after


{


	content: ".";


	clear: both;


	display: block;


	visibility: hidden;


	height: 0;


}





* html .fc, *html .StandardTeaser ul


{


	height: 1px;


}





/*****************************************************************************


 


/* @include url(/Elements/Common/Forms.css); */


/******************************************************


/* This file should only contain basic form styles.


/*


/*****************************************************/


.textBox, 


textarea, 


select,


.stateCtrl input, 


.stateList input,


.button, 


label


{


	vertical-align: middle;


}





input,


textarea,


select, 


option


{


	color: ;


	font-size: 1em;


	line-height: normal;


	background: #fff url() repeat-x top left;


	border:1px solid #dfdfdf;	


	border-top:1px solid #ccc;


	border-bottom:0px;


	padding:8px 2px;


	font-size:1.2em;


}


input:hover,


textarea:hover,


select:hover


{


	opacity:0.75;


	


}


input:focus,


textarea:focus,


select:focus{


	border:4px solid #deafaf;


	padding:4px 0 4px 0;


}


select


{


	


}


option


{


	padding:2px 2px;


	border:0px solid #ddd;


	font-weight:normal;


	font-size:1em;


}


input.button


{


	background:none;	


}





/******************************************************


/* BLOCKS


/*****************************************************/


.inputBlock


{


	clear: both;


	margin-bottom: 15px;


}





fieldset


{


	padding: 20px;


	border: solid 0px #ccc;


	margin-bottom: 1em;


	margin:0px;


	background:#f1f1f1;


	border-top:1px solid #ddd;	


}





legend


{


	padding: 0 .5em;


	color: ;


}





.button:hover


{


	opacity:.75;


	-moz-opacity:.75;	


	filter: alpha(opacity=75);


}


.BecomeVolunteer #RegionMainContent .SignupForm


{


	background:#f1f1f1;


	padding:20px 10px 20px 20px;


	border:1px solid #ddd;


	width:623px;


}


/******************************************************


/* LABELS


/*****************************************************/


label


{


/*	line-height: 20px; /* Height of input fields */


}





.blockLabel


{


	float: left;


	width: auto;


	display:block;


}





.displayLabel


{


	display: block;


	margin-left: auto;


}





/******************************************************


/* TEXTBOX


/*****************************************************/


.textBox


{


	/*padding: 1px;*/


	/*border: solid 1px #ccc;*/


	width: 99%;


}





textarea


{


	width: 250px;


	height: 100px;


	overflow: auto;


}





/******************************************************


/* select


/*****************************************************/


select


{


	width: 99%;


}





select option


{


}





/******************************************************


/* STATE CONTROLS (checkbox & radiobutton)


/*****************************************************/


.stateList


{


	display: block;


}





.inputBlock .stateList


{


	margin-left: auto;


}





/******************************************************


/* BUTTONS


/*****************************************************/


.buttonBlock


{


	clear: both;


	margin: 1em 0;


	text-align: right;


}





.buttonBlock .button,


.inputBlock .button


{


	margin-left: 5px;


}





/******************************************************


/* ERRORS


/*****************************************************/


.errorLabel


{


	color: #f00;


	display: block;


}





.errorList


{


	margin-left: 6px;


}





.errorList ul


{


	color: #f00;


	list-style-type: none;


	margin: 0;


}





.errorIndicator


{


	color: #b90000;


	margin-top: 5px;


	vertical-align: top;


	font-size:1em;


}








/******************************************************


/* CLEAR SPACER


/*****************************************************/


.inputBlock:after


{


	content: ".";


	display: block;


	height: 0;


	clear: both;


	visibility: hidden;


}





/* Hides from IE-mac \*/


* html .inputBlock


{


	height: 1px;


	padding-bottom: 1px; /* Fix for dropdown so that not bottom-border gets hidden */


}


/* End hide from IE-mac */


 


/* @include url(/Elements/ExpandablePanel/ExpandablePanel.css); */


.exPanel


{


	clear: both;


	margin-bottom: 1em;


	border: solid 1px #ccc;


}





.exPanel .header


{


	padding: 5px 10px 5px 20px;


	background-color: #eee;


	background-image: url(/Elements/ExpandablePanel/Collapsed.gif);


	background-position: 5px center;


	background-repeat: no-repeat;


	cursor: pointer;


}





.exPanel .content


{


	padding: 5px 10px;


	border-top: solid 1px #ccc;


}





/*** EXPANDED ***/


.exPanel-Exp .header


{


	background-image: url(/Elements/ExpandablePanel/Expanded.gif);


}





/*** HOVER ***/


.exPanel-Hover .header


{


	background-color: #ddd;


}





.exPanel-ExpHover


{


}





/*** DISABLED ***/


.exPanel-Disabled


{


	color: #aaa;


	cursor: auto;


}


 


/* @include url(/Elements/ExpandablePanelList/ExpandablePanelList.css); */


.exPanelList


{


	clear: both;


	margin-bottom: 1em;


}





.exPanelList .exPanel


{


	margin-bottom: 0;


	border-bottom-style: none; 


	background-color: ;


}





.exPanelList .exPanel .header


{


}





.exPanelList .exPanel .content


{


	border-top-style: none; 


}





.exPanelList .last


{


	border-bottom-style: solid;


}





/*** ALT ITEM ***/


.exPanelList .alt,


.exPanelList .alt .header


{


	background-color: ;


}





.exPanelList .alt .hover


{


	background-color: #ddd;


}





/*** EXPANDED ***/


.exPanelList .exPanelExpanded


{


} 


/* @include url(/Elements/GlossaryLabel/GlossaryLabel.css); */


.glossaryLabel .description


{


    display:none;


    position:absolute;


    font-weight:normal;


    width:200px;


    padding-bottom:15px;


    background: transparent url(/Elements/GlossaryLabel/bottom_bg.png) no-repeat 0 bottom;


    bottom:0px;


    left:0px;


    margin-left:-90px;


    margin-bottom:10px;


    z-index:99999;


}





.glossaryLabel .content


{


    display:none;


}


.glossaryLabel .description .content


{


    display:block;


}








.glossaryLabel a.heading 


{    


	font-weight:bold;


	font-size:1.1em;


	background: #f3d1cc;    


	display:block;


	padding:10px 10px 0 10px;


	margin:0px;


	text-decoration: none;


}





.glossaryLabel a:hover.heading 


{    


    color: #000;


}





.glossaryLabel a:hover.link 


{    


    color: #000;


    text-decoration:underline;





}





.glossaryLabel .description .content


{


    padding:0 10px 0px 10px;


    background: #f3d1cc;


}


.glossaryLabel .description .link


{


	display:block;


	background: #f3d1cc;


	padding:5px 10px 10px 10px;


}


.glossaryLabel .description .link a


{


	display:inline;


	cursor:pointer;


	font-weight:bold;


	text-decoration:underline;


}


.glossaryLabel .description .link a.over


{


	text-decoration:none;


	color:#fff;


	background:#000;


}


.glossaryLabel .highlight


{


    display:inline; 


    text-decoration: none;


    border-bottom: dotted 1px Black;


    color:black;


    cursor:help;


    position:relative;


}


.glossaryLabel a:hover .highlight


{


	color:White;


}


.glossaryLabel a:hover .highlight *


{


	color:#000;


} 


/* @include url(/Elements/GridView/GridView.css); */


.gridView 


{


	width: 100%;


	border-spacing: 0px;


	empty-cells: show;


	border-collapse: collapse;


}





.gridView caption


{


	text-align: left;


	margin-bottom: .5em;


	font-size: 1.4em;


}





.gridView .header th


{


	text-align: left;


	padding: 2px 5px;


	color: #fff;


	background-color: #999;


	border: solid 1px #999;


	border-bottom-style: none; 


}





.gridView .footer td


{


	padding: 2px 5px;


	background-color: #ddd;


	color: #333;


	border: solid 1px #ccc;


}





.gridView td


{


	padding: 2px 5px;


	border-right: solid 1px #eee;


	vertical-align: top;


}





.gridView tr


{


	background-color: #fff;


}





.gridView tr.alt


{


	background-color: #eee;


}





.gridView td.first


{


	border-left: solid 1px #ccc;


}





.gridView td.last 


{


	border-right-color: #ccc;


}





.gridView tr.last td


{


	border-bottom: solid 1px #ccc;


}





.gridView tr:hover


{


	background-color: #ddd;


}


 


/* @include url(/Elements/Heading/H3.css); */


h3.ContentHeader


{


	background:#333333 url(Images/topmenu_bg.png) repeat-x top left;


	color:#fff;


	margin:0px 0 0 0;


	font-size:1.3em;


	padding:7px 0px 7px 20px;


	text-transform:uppercase;


	height:28px;


	line-height:30px;


	font-weight:bold;


} 


/* @include url(/Elements/Heading/H5_Glossary.css); */


h5.Glossary


{


	color:black;


	font-weight:bold;


	font-size: 2.2em;


} 


/* @include url(/Elements/IconLink/IconLink.css); */


.iconLink


{


	display: block;


	text-align: right;


	text-decoration: none;


}





.iconLink .icon


{


	margin-left: 3px;


}





.iconLink .text


{


	color: #666;


	text-decoration: underline;


} 


/* @include url(/Elements/LinkDropDown/LinkDropDown.css); */


.linkDropDown


{


	list-style-image: none;


	list-style-type: none;


	background-color: #fff;


	border: solid 1px #ccc;


	margin: 0;


	width: 148px;


}





.linkDropDown li


{


	position: relative;


	cursor: default;


	white-space: nowrap;


	margin: 0;


}





.linkDropDown li span


{


	display: block;


	padding: 2px 15px 2px 5px;


	background: transparent url(/Elements/LinkDropDown/LinkDropDown.gif) right center no-repeat;


	font-weight: bold;


}





.linkDropDown li ul


{


	display: none;


	list-style-image: none;


	list-style-type: none;


	position: absolute;


	width: 148px;


	border: solid 1px #ccc;


	border-top-width: 0;


	margin: 0;


	left: -1px;


	background-color: #fff;


	z-index: 100;


}





.linkDropDown li:hover ul,


.linkDropDown li.hover ul


{


	display: block;


}





.linkDropDown ul li


{


	position: static;


	white-space: normal;


}





.linkDropDown ul li a


{


	text-decoration: none;


	display: block;


	padding: 2px 5px;


}





.linkDropDown ul li a:hover


{


	color: #5fa19f;


}





/* IE hasLayout Fix \*/


* html .linkDropDown ul


{


	top: 1.6em;


}





* html .linkDropDown li,


* html .linkDropDown ul a  


{ 


	height: 1px; 


}


/* END fix */ 


/* @include url(/Elements/LinkList/IconLinkList.css); */


ul.iconLinkList


{


	list-style-image: none;


	list-style-type: none;


	margin-left: 0;


}





ul.iconLinkList li


{


	list-style-image: none;


	list-style-type: none;


} 


/* @include url(/Elements/Pager/Pager.css); */


.Pager


{


	line-height:4em;


	height:4em;


	text-align:center;


	background:#f1f1f1;		


}





.Pager a


{	


	padding:5px 7px;


	border:1px solid #ddd;


	margin:0 2px;	


	background:#fff;


	color:#0c49a3;


}


.Pager a:hover


{


	background:#f1f1f1;


}


.Pager a.Current


{


	border:1px solid #033c90;


	background:#0c49a3;


	color:#fff;


}


 


/* @include url(/Elements/PanelList/PanelList.css); */


.panelList


{


	clear: both;


	margin-bottom: 1em;


}





.panelList .listItem


{


	padding: 5px 10px;


	background-color: #eee;


}





.panelList .alt


{


	background-color: #fff;


}





.panelList .header


{


	font-weight: bold;


	background-color: #999;


	color: #fff;


	margin-bottom: 1px;


}





.panelList .footer


{


	background-color: #ccc;


	height: 1.5em;


	margin-top: 1px;


} 


/* @include url(/Elements/TabStrip/TabStrip.css); */


.tabStrip


{


	float: left;


	list-style-image: none;


	list-style-type: none;


	margin: 0;


	padding: 0 0 0 10px;


}





.tabStrip li


{


	float: left;


	list-style-image: none;


	list-style-type: none;


	cursor: pointer;


	cursor: hand;


	padding: 5px 10px;


	margin: 0 1px 0 0;


	border: solid 1px #999;


	border-bottom-style: none; 





	background-color: #ccc;


}





.tabStrip .hover,


.tabStrip .active


{


	color: #fff;


	background-color: #999;


} 


/* @include url(/Elements/UnionIconLink/UnionIconLink.css); */


.unionIconLink


{


    position:relative;


}





.unionIconLink a:hover


{


    text-decoration: none;


    background: none;


}





.unionIconLink .toolTip


{


    display:none;


    position:absolute;


    font-weight:normal;


    width:165px;    


    padding-bottom:15px;


    background: transparent url(/Elements/UnionIconLink/bottom.png) no-repeat 0 100%;


    bottom:37px;


    left:-51px;


    z-index:99999;


}





.unionIconLink .toolTip .top


{


    height:3px;


    background: transparent url(/Elements/UnionIconLink/top.png) no-repeat 0 0;


}





.unionIconLink .toolTip .middle


{


    padding:10px;


    background: transparent url(/Elements/UnionIconLink/middle.png) repeat-y 0 0;


}