html
{
	height : 100%;
}

body
{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 80%;
	color : #191817;
	height : 100%;
	background : #615d59;
}

body * {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
}

table th, table td {text-align:left;vertical-align:top;}
table td ul {margin:0 0 0 10px;}

.clear {clear:both;}

/**************************************
	LAYOUT
**************************************/

div.topBar
{
	background : url(/local/images/global/logo.gif) no-repeat 29px 7px #feeee9;
	width : 773px;
	margin: 0px auto;
	padding : 7px 0px 7px 0px;
	height : 77px;
	border : 3px solid #ffffff;
	border-bottom : 1px solid #ffffff;
}
	.logo {background:url(/local/images/global/logo.gif) no-repeat; float: left; height: 80px; margin:0 0 0 30px; width: 200px;}

	div.topBar div.search
	{
		margin: 28px 20px 0px 0px;
		float : right;
		font-size : .9em;
		line-height : 21px;
	}

		div.topBar div.search b.searchText
		{
			color : #615d59;
			padding : 0px 0px 30px 0px;
		}

		div.topBar div.search input.go
		{
			color : #ffffff;
			background : #615d59;
			padding : 2px;
			border : 1px none;
			font-weight : bold;
			cursor : hand;
		}

div.mainMenu
{
	background : #ffffff;
	width : 777px;
	height : 31px;
	margin: 0px auto;
	border-top : 2px solid #ffffff;
	border-bottom : 2px solid #ffffff;
	border-left : 1px solid #ffffff;
	border-right : 1px solid #ffffff;
	position:relative;
	z-index:5;
}

	div.mainMenu ul.topNav
	{
		background : #D7D4D1;
		list-style : none;
		margin : 0;
		padding : 0;
		height : 31px;
	}
	
	div.mainMenu ul.topNav li
	{
		float : left;
		position : relative;
	}

		div.mainMenu ul.topNav li a
		{
			color : #615d59;
			background : #d7d4d1;
			text-decoration : none;
			font-size : 12pt;
			font-weight : bold;
			padding : 8px 60px 7px 61px;
			text-align : center;
			line-height : 31px;
			border : 1px solid #ffffff;
		}

			div.mainMenu ul.topNav li a:hover
			{
				background : #f67127;
				color : #ffffff;
			}

			div.mainMenu ul.topNav li a#mainOn
			{
				background : #f67127;
				color : #ffffff;
			}



	div.mainMenu ul.topSubNav
	{
		list-style : none;
		margin : 0px;
		margin-left:-1px;
		padding : 0px;
		height : 1px;
		position : absolute;
		top : 31px;
		left : 0px;
		background : #d7d4d1;
		width:248px;
	}

	div.mainMenu ul.topSubNav#submenu-4ae227ca-ad9e-4b21-ac9f-741cb9a4b2e4 {margin:0 0 0 -77px;}

	div.mainMenu ul.topSubNav li
	{
		border : 1px solid #ffffff;
		margin:0px; 
		padding:0px;
		width:248px;
		display : block;
	}

		div.mainMenu ul.topSubNav li a
		{
			color : #615d59;
			text-decoration : none;
			font-size : 10pt;
			font-weight : bold;
			padding: 2px 23px 2px 23px;
			text-align : left;
			line-height : 26px;
			display:block;
			width:200px;
		}	

			div.mainMenu ul.topSubNav li a:hover
			{
				background : #f67127;
				color : #ffffff;
			}

			div.mainMenu ul.topSubNav li a#mainOn
			{
				background : #f67127;
				color : #ffffff;
			}

			
div.titleBar
{
	background : url(/local/images/global/header_about.jpg) no-repeat right top #e3dfde;
	width : 779px;
	margin: 0px auto;
	height : 122px;
}

	div.titleBar#homeTitleBar
	{
		background : url(/local/images/home/home_header.jpg) no-repeat left top #eaecec;
		width : 779px;
		margin: 0px auto;
		height : 223px;
		border-bottom : 22px solid #c7e3ea;
	}

	div.titleBar h1.pageTitle
	{
		color : #387e8f;
		font-weight : bold;
		font-size : 14pt;
		padding : 52px 0px 0px 31px;
		margin : 0px;
	}
	
		div.titleBar h1.pageTitle#homePageTitle
		{
			display : none;
		}

div.bottomBar
{
	background : #b9dce5;
	width : 750px;
	height : 27px;
	margin: 0px auto;
	color : #4c5253;
	text-align : right;
	line-height : 27px;
	padding-right : 29px;
	font-size : 8pt;
}

	div.bottomBar a
	{
		color : #4c5253;
		text-decoration : none;
	}

	div.bottomBar a:hover
	{
		color : #e15424;
	}


/**************************************
	END LAYOUT
**************************************/






/**************************************
	CONTENT STYLES
**************************************/

div.contentRegion
{
	background : #ffffff;
	width : 715px;
	margin: 0px auto;
	padding : 30px 32px 30px 32px;
}

	div.contentRegion#rightBarContentRegion
	{
		width : 447px;
		padding : 30px 300px 30px 32px;
	}

	div.contentRegion#homeContentRegion
	{
		width : 715px;
		background : #b9dce5;
		padding : 30px 32px 30px 32px;
	}

	div.contentRegion a
	{
		color : #e15424;
		text-decoration : none;
	}

		div.contentRegion a:hover
		{
			color : #615d59;
		}
	
	div.contentRegion h1
	{
		font-size : 10pt;
		color : #387e8f;
	}
	
	div.contentRegion ul
	{
		list-style : none;
		margin-left : 10px;
		pppadding-left : 0px;
	}
	
	div.contentRegion ol li.letterList
	{
		background : none;
		padding : 0px;
		margin : 0px;
	}
	
		div.contentRegion ul li
		{
			background : url(/local/images/global/arrow.gif) no-repeat left 5px;
			padding : 0px 0px 5px 10px;
		}
	
	div.contentRegion div.b2t
	{
		color : #387e8f;
		text-align : right;
		font-weight : bold;
		background : url(/local/images/global/b2t_arrow.gif) no-repeat right 6px;
		padding : 0px 12px 0px 0px;
		margin : 10px 0px 10px 0px;
	}

div.rightBar
{
	margin : 0px 10px 0px 20px;
	padding : 0px 0px 0px 0px;
	width : 200px;
	display : none;
}

	div.rightBar#rightBarRightBar
	{
		display : block;
		position : absolute;
		margin : 0px 0px 0px 538px;
	}

	div.rightBar h1.title
	{
		color : #387e8f;
		font-size : 1.3em;
		margin-bottom : 0px;
		margin-top : 0px;
	}

	div.rightBar div.sectionTitle
	{
		color : #857e78;
		font-size : 1.2em;
		font-weight : bold;
		margin-bottom : 10px;
		margin-top : 15px;
		border-left : 6px solid #f67127;
		padding-left : 6px;
	}
	
	div.rightBar#homeRightBar
	{
		display : block;
		position : absolute;
		margin : -255px 0px 0px 493px;
		width : 230px;
		height : 330px;
		background : #ffffff;
		padding : 22px 12px;
	}
	
		* html div.rightBar#homeRightBar
		{
			mmmmmargin : -255px 0px 0px 12px;
		}		
	


		div.rightBar#homeRightBar h1
		{
			font-size : 12pt;
			color : #387e8f;
			margin : 0px 0px 5px 10px;
		}
		
		div.rightBar#homeRightBar h1 b
		{
			font-size : 12pt;
			color : #543a3c;
		}
	
		div.rightBar#homeRightBar h2
		{
			font-size : 9pt;
			color : #387e8f;
			margin : 10px 0px 5px 0px;
		}
		
		div.rightBar#homeRightBar div.videoLeft
		{
			float : left;			
			text-align : center;
			margin-left : 5px;
		}
		
		div.rightBar#homeRightBar div.videoRight
		{
			float : left;
			text-align : center;
			margin-left : 5px;
		}
	
div.homeWelcome
{
	padding : 0px 0px 0px 30px;
	width : 437px;
}

	div.homeWelcome b.welcome
	{
		color : #387e8f;
	}

div.question
{
	color : #387e8f;
	font-weight : bold;
	margin-top : 15px;
}

div.answer
{
	margin-left : 15px;
}

div.iconText
{
	background : url(/local/images/footer_klick.gif) no-repeat left top;
	height : 29px;
	padding : 6px 0px 0px 30px; 
}


/**************************************
	END CONTENT STYLES
**************************************/

/**************************************
	FORM STYLES
**************************************/

div.formRegion
{
	background: #ebf8fb;
	padding : 25px 30px;
	margin : 0px 200px 0px 0px;
	wwwwidth : 430px;
}

	table.inputForm
	{
		margin : 0px;
	}

	table.inputForm td.label
	{
		padding : 5px 5px 5px 0px;
		font-weight : bold;
		white-space : nowrap;
		vertical-align : top;
	}
	
		table.inputForm td.labelPostal
		{
			padding : 0px 0px 0px 0px;
			font-weight : bold;
			white-space : nowrap;
			vvvvertical-align : top;
			margin-top : 15px;
		}

	table.inputForm td.field
	{
		padding : 5px;
		margin : 0px;
	}
	
	table.inputForm td.labelLinks ul
	{
		list-style : none;
			margin-top : 20px;
	}
	
		td.labelLinks ul li
		{
			background : url(/local/images/global/form_arrow.gif) no-repeat left 5px;
		}
	
	table.inputForm input.submit
	{
		color : #ffffff;
		background : #f67127;
		font-weight : bold;
		border : 1px none;
		float : right;
		text-transform : uppercase;
		margin-right : 7px;
	}

div.disscussBoard
{
	margin-top : 20px;
	width : 450px;
	font-weight : bold;
}

	div.posted
	{
		font-weight : bold;
	}

	div.reply
	{
		font-weight : bold;
		color : #e15424;
	}
	
div.divider
{
	border-top : 1px solid #d7d4d1;
	margin-top : 10px;
	margin-bottom : 10px;
}

/**************************************
	END FORM STYLES
**************************************/




/**************************************
	DROP DOWN MENU STYLES
**************************************/


.cls-xweb-menu-bar
{
    background-color: #A0BFF5;
    color: #000000;
    height: 20px;
    padding: 5px 0px 0px 0px;
    position: absolute;
    text-align: left;
    width: 100%;
    top: 10px;
    left: 10px;
}

.cls-xweb-menu-baritem, 
.cls-xweb-menu-baritem-over, 
.cls-xweb-menu-baritem-click
{
    position: relative;
    color: black;
    cursor: default;
    font: 11px verdana;

    padding: 1px 6px 3px 6px;
    border: 1px solid #000080;
    z-index: 101;
}

.cls-xweb-menu-baritem
{
    border-color: #A0BFF5;
    background-color: #A0BFF5;
}

.cls-xweb-menu-baritem-click
{
    background: url( "xwebmenuimage/menubaritembackover" ) repeat-x center;
    border-bottom-color: White;    
    z-index: 103;
}

.cls-xweb-menu-baritem-over
{
    background: url( "xwebmenuimage/menubaritemback" ) repeat-x center;
}

.cls-xweb-menu-outer-div
{
    position: absolute;
    display: none;
    z-index: 102;
}

.cls-xweb-menu-shadow-div
{
    background-color: gray;
	filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow="true",ShadowOpacity=.4);
    -moz-opacity: 0.30;
    position: absolute;
    top: 3px !important;
    left: 3px !important;
    top: 1px;
    left: 1px;
    -moz-border-radius: 1px;
}

.cls-xweb-menu-menu-div
{
    position: relative;
    padding-top: 0px; /* 1px; */
    padding-bottom: 0px; /* 1px; */
    background-color: #d3cecb;
    border: 1px none #AEBEC5; /* #000080; Changed by brad, May 2006  */
    margin: 0px;
    z-index: 102;
}

.cls-xweb-menu-menu-tablecontainer
{
    /* Removed by Brad May 2006 */
    /* background: white url( "xwebmenuimage/menuleftbarback" ) repeat-y left; */
    
    padding-right: 0px; /*1px*/
    padding-left: 0px; /*1px*/
}

.cls-xweb-menu-menu-table
{
    margin: 0px;
    empty-cells: show;
}

.cls-xweb-menuitem-parent
{
    cursor: default;
}

.cls-xweb-menu-left, 
.cls-xweb-menu-middle, 
.cls-xweb-menu-right,
.cls-xweb-menu-right-arrow
{
    color: #3b3334;
    border: 0px solid white; /* 1px; */
    background-color: transparent;
    cursor: default;
}

.cls-xweb-menu-left-highlight, 
.cls-xweb-menu-middle-highlight, 
.cls-xweb-menu-right-highlight,
.cls-xweb-menu-right-arrow-highlight
{
    color: #3b3334;
    background-color: #f67127; /* Changed by Brad, May 2006 */
    cursor: default;
    /* Removed by Brad, May 2006 */
    /* border: 1px solid #000080; */
}

.cls-xweb-menu-left, 
.cls-xweb-menu-left-highlight
{
    width: 22px;
    text-align: center;
    height: 18px;
}

.cls-xweb-menu-left
{
    border: 0px;
    padding: 0px; /* 1px, Changed by Brad, May 2006 */
    padding-right: 0px;
}

.cls-xweb-menu-middle,
.cls-xweb-menu-middle-highlight
{
    padding: 2px 0px 2px 5px;
    font: 10pt Arial;
    border-left: 0px;
    border-right: 0px;
}

.cls-xweb-menu-middle {}

.cls-xweb-menu-right,
.cls-xweb-menu-right-highlight,
.cls-xweb-menu-right-arrow,
.cls-xweb-menu-right-arrow-highlight
{
    width: 25px;
    border-left: 0px;
}

.cls-xweb-menu-right-arrow,
.cls-xweb-menu-right-arrow-highlight
{
    background: #FFEEC2 url( /administration/layouts/xwebmenuimage/arrow) no-repeat center right;
}
.cls-xweb-menu-right,
.cls-xweb-menu-right-arrow 
{
    background-color: #d3cecb; 
}

.cls-xweb-menu-left-highlight
{
    border-right: 0px;
}

.cls-xweb-menu-right-highlight
{
}

.cls-xweb-menu-td-separator
{
    padding-left: 26px;
    font-size: 0.001mm;
    background-color: transparent;
    padding-top: 0px; /* 1px */
    padding-bottom: 0px; /* 1px */
}

.cls-xweb-menu-div-separator
{
    overflow: hidden;
    background-color: #6A8CCB;
    height: 1px;
}




/**************************************
	END DROP DOWN MENU STYLES
**************************************/

#accessPageTitle {padding-top:40px;width:400px;}



/* content video block */

div.videosBlock h3 {font-size:9pt; color:#4d4c4a; margin:0 0px 5px 0px;}
div.videosBlock div.videoLeft {float:left; text-align:center; margin-left:5px;}
div.videosBlock div.videoRight {float:left; text-align:center; margin-left:5px;}