/* @include url(/Frameworks/Common/Styles/Common.css); */


:root


{


	overflow-y: scroll;


}





body 


{


	background: #3c95a2;


}





/*** Region ***/ 


.region:after


{


	content: ".";


	clear: both;


	display: block;


	visibility: hidden;


	height: 0;


}





/*** ContentBlocks ***/ 


.cb


{


	margin: 0 0 10px 0;


	


}


#RegionContent .cb


{


	padding-bottom: 10px;


	background-image: url(/Frameworks/Default/Images/TransparentWhite70.png);


}

















 


/* @include url(/Frameworks/Common/InnerTemplates/ThreeColumns.css); */


.ThreeColumn .blockArea


{


	float: left;


	width: 130px;


}





.ThreeColumn .CenterColumn,


.ThreeColumn .RightColumn


{


	margin-left: 15px;


} 


/* @include url(/Frameworks/Common/InnerTemplates/TwoColumns.css); */


.TwoColumn .blockArea


{


	float: left;


	width: 200px;


}





.TwoColumn .RightColumn


{


	float: right;


}





 


/* @include url(/Frameworks/Default/Styles/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! 


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





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


{


	margin: 0;


	padding: 0;


}











html


{


	font-size: small;


}





body


{


	font-size: 85%;


	line-height: 1.455;


}





form


{


}





p


{


	margin-bottom: 10px;


}





.ingress


{


	font-weight: bold;


	margin-bottom: 10px;


}





.category


{


	color: #666;


	text-transform: uppercase;


	font-size: .9em;


}





.dateLabel


{


	font-size: .8em;


	color: #666;


}





span.action 


{


	color: #3b3b3b;


	cursor: pointer;


}





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


/* Headings


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


h1, h2, h3, h4, h5, h6


{


	margin-bottom: .3em;


}





h1


{


	color: #3b3b3b;


	font-size: 180%;


}





h2


{


	color: #3b3b3b;


	font-size: 140%;


}





h3


{


	color: #3b3b3b;


	font-size: 110%;


}





h4, h5, h6


{


	font-size: 100%;


}











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


/ Lists 


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


ul, ol, dl


{


	margin: 0 0 10px;


}





ul, ol


{


	padding-left: 1.5em;


}





li


{


	margin: 0 0 .3em;


	vertical-align: middle;


}





dt


{


	font-weight: bold;


	margin: 0 0 .2em;


	clear: both;


}





dd


{


	margin: 0 0 10px;


}





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: 10px;


}





td


{


	border-color: #ccc;


}





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


/* Separators


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


hr


{


	clear: both;


	display: block;


	border-width: 0;


	height: 1px;


	color: #ccc;


	background-color: #ccc;


	margin: 10px 0;


}





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


/* Float container fix


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


.fc:after


{


	content: ".";


	clear: both;


	display: block;


	visibility: hidden;


	height: 0;


}


 


/* @include url(/Frameworks/Default/Styles/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;


}





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


/* BLOCKS


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


.inputBlock


{


	clear: both;


	margin-bottom: 5px;


}





fieldset


{


	padding: 10px;


	border: solid 1px #ccc;


	margin-bottom: 10px;


}





legend


{


	padding: 0 .5em;


	color: ;


}





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


/* LABELS


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


label


{


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


}





.infoLabel label


{


	font-weight: bold;


	width: 120px;


	float: left;


}





.infoLabel span


{


	vertical-align: middle;


}





.blockLabel


{


	float: left;


	width: 120px;


	font-weight: bold;


}





.displayLabel


{


	display: block;


	margin-left: 120px;


}





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


/* TEXTBOX


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


.textBox


{


	padding: 1px;


	border: solid 1px #ccc;


	width: 150px;


}





textarea


{


	width: 250px;


	height: 100px;


	overflow: auto;


}





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


/* select


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


select


{


	width: 150px;


}





select option


{


}





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


/* STATE CONTROLS (checkbox & radiobutton)


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


.stateList


{


	display: block;


}





.inputBlock .stateList


{


	margin-left: 120px;


}





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


/* BUTTONS


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


.buttonBlock


{


	clear: both;


	margin: 10px 0;


	text-align: right;


}





.buttonBlock .button,


.inputBlock .button


{


	margin-left: 5px;


}





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


/* ERRORS


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


.errorLabel


{


	color: #f00;


	display: block;


}





.errorList


{


	margin-left: 120px;


}





.errorList ul


{


	color: #f00;


	list-style-type: none;


	margin: 0;


}





.errorIndicator


{


	color: #f00;


	margin-left: 5px;


	vertical-align: top;


}








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


/* 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(/Sites/Interoc/Frameworks/Default/Styles/MasterPage.css); */


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


/* FRAMEWORK STATICS


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


* {


	margin: 0;


	padding:0px;


}





html, body, form {height: 100%;}


body, td, th


{


	color: #333;


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


}


form 


{


	display: block;


	width: auto;	


	background-color: none;


}


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


/ Links 


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


a


{


	outline: none;


	padding:2px;


	color: #3b3b3b;


	display:inline;


}





a:hover


{


	color: #fff;


}





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


/* REGIONS


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


#RegionPageBody


{


	overflow:visible;


	height: auto !important;


	height: 100%;


	padding-bottom:0px;


	margin-bottom:0px;


}





#RegionHeader


{


	position:relative;


	z-index:1;


	width: 890px;


	margin: 0 auto;


}





#RegionPage


{


	clear: both;


	padding: 0px;


	width: 890px;


	margin: 10px auto 20px auto;


	height:auto;


}





#RegionSidebar


{


	float: left;


	width: 170px;


}





#RegionContent


{


	float: right;


	width: 710px;


	padding-bottom:0px;


	margin-bottom:0px;


}


#RegionMainContent


{


	float: left;


	width: 470px;


	overflow:hidden;	


	height:auto;


	padding-bottom:10px;


}





#RegionSecondaryContent


{


	float: right;


	width: 230px;	


	padding-bottom:0px;


}





#push


{


	height:60px;


	padding:0px;


}


#RegionFooter


{


	font-size:0.9em;	


	background:url("/Frameworks/Default/Images/TransparentWhite70.png");


	padding: 10px 10px 20px 10px;	


}








/* EXTENSION FIX - fixed the gap on the floating menu*/


.Ext3FunctionBarHeader, #aspnetForm .Ext3DialogHeader 


{


	display:block !important;


}





.Ext3ContentArea 


{


	position: relative;


} 


/* @include url(/Sites/Interoc/Frameworks/Default/Styles/PageFooter.css); */


#RegionFooter ul


{


	list-style-type:none;	


	width:910px;


	margin:0 auto;


}


#RegionFooter ul li


{


	width:205px;


	float:left;


	border-right:1px solid #3b3b3b;


	margin:0px 0 -10px 0;


	padding-right: 20px;


}


#RegionFooter ul li.second


{


	padding-left:30px;


	padding-right:30px;


	width:175px;


}


#RegionFooter ul li.third


{


	width:410px;


	border-right:0px;


	padding-right:0px;	


	padding-left:30px;


} 


/* @include url(/Sites/Interoc/Frameworks/Default/Styles/PageHeader.css); */


#RegionHeader,


.PageHeader


{


	overflow:visible;	


}


.PageHeaderLogo


{


	margin: 10px 0px;


	display:block;


	float:left;


	overflow:visible;


	cursor:pointer;


}


 


/* @include url(/Frameworks/Default/Styles/Subsidiaries.css); */


#Subsidiaries .PuffHeading .buttonLink


{


	float: right;


	margin: 6px 1px 0 0;


}


#Subsidiaries .boxed


{


	margin-bottom: 0;


}





#Subsidiaries .jcarousel-container


{


	padding: 3px 39px;


	width: 835px;


	height: 85px;


	background-color: #fff;


}


#Subsidiaries .jcarousel-clip-horizontal


{


	width: 835px;


	height: 85px;


}





#Subsidiaries ul


{


	list-style: none none;


	margin: 0;


	padding: 0;


}


#Subsidiaries ul li


{


	float: left;


	width: 125px;


	height: 85px;


	margin: 0 17px 0 0;


	padding: 0;


	overflow: hidden;


}





#Subsidiaries li img


{


	width: 125px;


	height: 85px;


	margin: 0;


	padding: 0;


	display: block;


}


#Subsidiaries .Navigation


{


	width: 19px;


	height: 85px;


	position: absolute;


	top: 4px;


	cursor: pointer;


	background: transparent url(/Frameworks/Default/Images/SubsidiariesNavigation.gif) no-repeat 0 0;


}


#Subsidiaries .PrevButton


{


	left: 4px;


}


#Subsidiaries .PrevButton:hover


{


	background-position: -76px 0;


}


#Subsidiaries .jcarousel-prev-disabled,


#Subsidiaries .jcarousel-prev-disabled:hover


{


	background-position: -38px 0;


	cursor: auto;	


}


#Subsidiaries .NextButton


{


	right: 4px;


	background-position: -19px 0;


}


#Subsidiaries .NextButton:hover


{


	background-position: -95px 0;


}


#Subsidiaries .jcarousel-next-disabled,


#Subsidiaries .jcarousel-next-disabled:hover


{


	background-position: -57px 0;


	cursor: auto;


}


 


/* @include url(/Sites/Interoc/Frameworks/Default/Styles/TopMenu.css); */


.TopMenu


{	


	position:absolute;	


	float:right;


	bottom:20px;


	right:0px;


	width:auto;	


	overflow:visible !important;


	font-size: 1.15em;


}





.TopMenu ul


{


	background:url("/Frameworks/Default/Images/TransparentWhite30.png");


	list-style-image: none;


	list-style-type: none;


	margin: 0;


	padding: 0;


	height:38px;


	overflow:visible;	


	width:auto;


	float:right;


}








.TopMenu li


{


	float: left;


	line-height: normal;


	margin: 0;


	display:block;


}





.TopMenu a


{


	display: block;


	text-decoration: none;


	color: #fff;


	padding:10px;


	font-weight:bolder;


	font-size:1em;





}





.TopMenu a:hover


{


	background-color: #fff;


	color:#3b3b3b;


}





.TopMenu .sel a, .TopMenu .sel a:hover


{


	color: #3b3b3b;


	background-color: #fff;


}


 


/* @include url(/Sites/Interoc/Frameworks/Default/Styles/TreeMenu.css); */


.TreeMenu


{


	padding: 0px 0 5px 0;


	background:url("/Frameworks/Default/Images/TransparentWhite70.png");	


}





.TreeMenu ul


{


	list-style-image: none;


	list-style-type: none;


	margin:2px 0 10px 0;


	padding: 5px 0 0 0;


}





.TreeMenu li


{


	list-style-image: none;


	list-style-type: none;


	margin:3px 0 0 0;


}





.TreeMenu a, 


.TreeMenu .sel li a


{	


	display: block;


	text-decoration: none;


	color: #3b3b3b;


	background-color: Transparent;


}





.TreeMenu a:hover


{


	text-decoration: none;


	background:none;


}





.TreeMenu .sel a


{


	font-weight:bold;	


}





.TreeMenu .sel a:hover


{


	text-decoration: none;


}








/*** INDENT ***/


.TreeMenu li a


{


	padding-left:10px;


}





.TreeMenu li li a


{


	padding-left: 20px;


}





.TreeMenu li li li a


{


	padding-left: 30px;


}





 


/* @include url(/Sites/Interoc/Frameworks/Default/Styles/MasterPage.css); */


body


{


	background-image: url('/Sites/Interoc/Images/bg.png');


	font-family: Verdana, Helvetica;


}





h1


{


	font-size: 160%;


}





h2


{


	font-size: 118%;


}





.StartPage #RegionContent,


#RegionPage


{


	width: 860px;


	margin: 10px auto 0;


}





.StartPage #RegionContent


{


	line-height: 0;


}





#RegionSecondaryContent


{


	width: 190px;


}





* html #RegionSecondaryContent


{


	width: 190px;


}





.StartPage #RegionMainContent 


{


	width: 620px;


}





#RegionContent


{


	width: 680px;


	font-size: 110%;


	line-height: 1.7;


}





.StartPage #RegionPage


{


	font-size: 110%;


	line-height: 1.7;


}





.StartPage #RegionContent


{


	margin: 0;


}





#RegionPage .InteractiveFlashBlock


{


	position: relative;


	left: -10px;


	display: block;


	width: 880px;


	margin: 0;


}





#RegionMainContent .Article .TopContent .InteractiveFlashBlock


{


	background: Transparent url('/Sites/Interoc/Functions/Basic/Images/image_bg.gif') no-repeat top left;


	padding: 5px 5px;


	margin: 0;


	width: 480px;


	margin-left: 10px;


}





.breadcrumb


{


	display: none;


}





#RegionMainContent


{


	padding-bottom: 0px;


}





#RegionMainContent .Content3


{


	width: 460px;


	margin-left: 5px;


}





#RegionContent #RegionMainContent .Content3 .FiftyFiftyDivider .left,


#RegionContent #RegionMainContent .Content3 .FiftyFiftyDivider .right


{


	width: 222px;


}





#RegionContent .FiftyFiftyDivider,


#RegionContent .FiftyFiftyDivider cb


{


	padding-bottom: 0;


	margin-bottom: 0;


}





.linkList a


{


	font-weight: bold;


	text-decoration: none;


	color: #112E55;


}





a:hover


{


	color: #000;


}





.linkList a:hover


{


	text-decoration: underline;


} 


/* @include url(/Sites/Interoc/Frameworks/Default/Styles/PageFooter.css); */


#RegionFooter


{


	background: none;


	visibility: visible;


	display: block;


	width: 860px;


	margin: 0 auto;


}





#RegionFooter a:hover


{


	color: #112E55;


}





#RegionFooter .FooterTop


{


	height: 10px;


	background: Transparent url('/Sites/Interoc/Images/footer_top_bg.gif') no-repeat left top;


}





#RegionFooter .FooterContent


{


	padding: 0 10px;


	background-color: #e7e7e7;


	font-size: 110%;


}





#RegionFooter .FooterBottom


{


	height: 10px;


	background: Transparent url('/Sites/Interoc/Images/footer_bottom_bg.gif') no-repeat left top;


} 


/* @include url(/Sites/Interoc/Frameworks/Default/Styles/PageHeader.css); */


#RegionHeader


{


	background-image: url('/Sites/Interoc/Images/top_bg.png');


	height: 115px;


	width: 100%;


}





#RegionHeader .PageHeader


{


	width: 860px;


	margin: 0 auto;


	position: relative;


}





#RegionHeader .PageHeaderLogo


{


	padding-top: 20px;


} 


/* @include url(/Sites/Interoc/Frameworks/Default/Styles/TopMenu.css); */


.TopMenu


{


	font-family: Gill Sans MT, Gill Sans;


	font-weight: bold;


	top: 69px;


}





.TopMenu a


{


	font-size: 95%;


	color: #666;


}





.TopMenu,


.TopMenu ul


{


	background: none;


}





.TopMenu li a


{


	text-transform: uppercase;


}





.TopMenu li.sel a,


.TopMenu li a:hover,


.TopMenu li.sel a:hover


{


	color: #112E55;


	background-color: Transparent;


	background: none;


} 


/* @include url(/Sites/Interoc/Frameworks/Default/Styles/TreeMenu.css); */


.TreeMenu


{


	background: none;


	font-family: Gill Sans MT, Gill Sans;


	font-size: 110%;


}





.TreeMenu h2


{


	display: none;


}





.TreeMenu ul


{


	padding-top: 0;


	margin-top: 0;


}





.TreeMenu li /*divider and bottom padding for list items*/


{


	background: Transparent url('/Sites/Interoc/Images/Dividers/menu_hr.gif') no-repeat left bottom;


	padding-bottom: 10px;


}


.TreeMenu li li,


.TreeMenu li li li /*remove the divider and padding for sub items*/


{


	background: none;


	padding-bottom: 0px;


}





.TreeMenu li a,


.TreeMenu li a:hover /*set icon (a blue dot) for list items (links) */


{


	background: Transparent url('/Sites/Interoc/Images/Icons/menu_icon.gif') no-repeat left center;


}


.TreeMenu li a /*set font for list items (links)*/


{


	color: #666;


	font-weight: bold;


}








.TreeMenu li.sel a,


.TreeMenu li li.sel a:hover /*set icon (arrow) for selected item*/


{


	background: Transparent url('/Sites/Interoc/Images/Icons/menu_icon_active.gif') no-repeat left center;


}





.TreeMenu li li a,


.TreeMenu li li a:hover,


.TreeMenu li.sel li a:hover /*remove the dot for sub items*/


{


	background: none;


}





.TreeMenu li.sel li a /*remove icon(arrow) and set color for sub items below slected item*/


{


    color: #666;


	background: none;


}





.TreeMenu li.sel a,


.TreeMenu li a:hover,


.TreeMenu li li a:hover /*set color for selected item and hvered items*/


{


	color: #112E55;


}