/*=====================================================

Skinned by Cuong Dang
Engage Modules
http://engagemodules.com

Color scheme: Blue - Fixed Width


=======================================================*/



body, html {background: #fff; font-family: Helvetica, Arial, sans-serif; font-size: small; line-height: 1.5; color: #000; text-align: left; margin: 0;}

/*=====================================================

1. Global Layout

=======================================================*/

	#siteGray{margin: 0 auto; width: 100%;}
		#topBar{background: #fff url(images/topBar.gif) repeat-x bottom left; text-align: right; clear: both; height: 32px; color: #000;}
			#topBarDiv{width: 900px; overflow: auto; text-align: right; margin: 0 auto; padding-top: 4px; font-size: 85%;}
				#userLogin{float: left; width: 680px;}
				.siteSearch{float: left; width: 220px; color: #fff;}
					.siteSearch a{color: #fff;}
			
		#siteID{width: 900px; clear: both;  margin: 0 auto; margin-top: 1.5em; height: 99px; */ height: 98px;}
			.siteLogo{float: left; width: 200px;}
			.siteMenu{float: right; width: 700px; padding-top: 65px; position: relative; z-index: 1; text-transform: uppercase;}
				* html .siteMenu{padding-top: 85px; padding-bottom: 0; margin: 0;} 
			
		#siteContent{background: #fff url(images/siteContentBg.gif) repeat-x top left; position: relative; z-index: 2; cursor: default;}
			#siteContentDiv{width: 900px; clear: both; margin: 0 auto; cursor: auto; padding: 0 0 1.5em 0;}
				.siteBanner{width: 900px; clear: both; padding-top: 2em;}
				.siteBreadcrumb{width: 900px; clear: both; border-bottom: 1px #ccc solid; padding-top: 1em; padding-bottom: 0.2em;}
					.siteBreadcrumb a{font-weight: normal; color: #00789f;}
				
				#contentDiv{width: 900px; clear: both; padding: 0 0 2.5em;}
					.topPane{clear: both;}
					#contentDiv-c2{clear: both;}
						.contentPane{float: left; width: 670px;}
						.rightPane{float: right; width: 210px;}
					.bottomPane{clear: both;}
					
				#siteFooter{width: 900px; clear: both; border-top: 1px #ccc solid; padding: 1em 0; color: #ccc;}
					.siteCopyright{float: left; width: 670px; color: #ccc;}
						.siteCopyright .SkinObject{color: #666; font-weight: normal;}
					.termsPrivacy{float: right; width: 210px; text-align: right;}
						.termsPrivacy a.SkinObject:link, .termsPrivacy a.SkinObject:visited, .termsPrivacy a.SkinObject:active{color:#666; font-weight: normal;}
					




#contentDiv-c4 {clear: both;}
	#contentDiv-c4 .Head{font-size: 125%;}
	
.c2-1{width: 440px;}
.c4-1{width: 210px;}


.left{float: left;}
.center{float: left; margin-left: 20px;}
.right{float: right;}








/*=====================================================

2. Links

=======================================================*/

a, a:link, a:active, a:visited{color: #e42025;}
a:hover {color: #00789f; text-decoration: underline;}

.CommandButton, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {color: #df5e00; text-decoration: none;}
a.CommandButton:hover {color: #000; text-decoration: underline;}

a.SkinObject:link, a.SkinObject:visited, a.SkinObject:active{color:#e42025;}
a.SkinObject:hover {color:#c64e27; text-decoration: underline;}

#userLogin a{color: #555;}
#userLogin a:hover {color: #00789f; text-decoration: underline;}

.searchLink, .searchLink a, .searchLink a:link, .searchLink a:active, .searchLink a:visited{color: #555 !important; font-weight: bold; text-transform: uppercase;}	
/*=====================================================

3. Text

=======================================================*/

.Normal, .NormalDisabled{font-size: 100%; font-family: Helvetica, Arial, sans-serif; line-height: 1.5;}
.CommandLink, .CommandButton, .NormalTextBox{font-family: Helvetica, Arial, sans-serif;}
.SkinObject{font-family: Helvetica, Arial, sans-serif; font-size: 100%; color: #00789f;}
.SubHead, .Head{font-family: "Lucida Sans", Helvetica, Arial, sans-serif; color: #268ad0;}

.containerBlueTop .Head, .containerLimeTop .Head, .containerRedTop .Head, .containerDarkGrayTop .Head{font-family: "Lucida Sans", Helvetica, Arial, sans-serif; font-size: 140%; padding-left: 0.5em;}

.containerRedTop .Head{color: #444;}

#siteBlue table, #siteBlue td {text-align: left;}


/*=====================================================

4. Global Navigation

=======================================================*/

.MainMenu_MenuContainer{background-color: transparent; width: 1%; float: right;}
.MainMenu_MenuBar {float: right;  height: 26px; padding-top: 7px; */ height: 33px;}

.MainMenu_MenuItem {color: #fff; font-family: Helvetica, Arial, sans-serif; border-bottom: 2px #000 solid;; border: none;}
.MainMenu_MenuItemSel {font-family: Helvetica, Arial, sans-serif; background:url(images/subnavbg.gif) repeat-x top; color: #333;}

.MainMenu_SubMenu {color:#999;font-family: Helvetica, Arial, sans-serif; background: #000 url(images/subnavbg.gif) repeat-x top; border: 2px #fff solid; border-top: none; margin-top: 4px; */ margin-top: 2px;}
	.MainMenu_SubMenu .MainMenu_MenuItem{padding: 2px 12px 2px 2px;}
	.MainMenu_SubMenu .MainMenu_MenuItemSel{padding: 2px 12px 2px 2px;}
.SubMenuItemOn {color:#ccc; font-family: Helvetica, Arial, sans-serif; border: none;}

.MainMenu_RootMenuItem {background: transparent url(images/bodyNavOff.gif) repeat-x; color:#fff; font-family: Helvetica, Arial, sans-serif; text-align: center; padding-left: 5px; border: none; border-bottom: 0;}
.MainMenu_RootMenuActive {background: transparent url(images/bodyNavOn.gif) repeat-x; color:#fff;font-family: Helvetica, Arial, sans-serif; text-align: center;padding-left: 5px; border: none; border-bottom: 0;}
.MainMenu_RootMenuSel {color:#ccc; font-family: Helvetica, Arial, sans-serif; padding-left: 5px; border-bottom: 0;}


.MainMenu_RootMenuItem td, .MainMenu_RootMenuActive td, .MainMenu_RootMenuSel td {padding: 0 8px 0 5px; border: none; border-bottom: 0;}


.MainMenu_MenuBreak {background:transparent; border: 0; color:#fff;}

.mySeparator {background:transparent;}

.MenuLeftSeparator {background:transparent url(images/leftNavOff.gif) no-repeat left;  height: 33px;}
.MenuRightSeparator {background:transparent url(images/rightNavOff.gif) no-repeat right;  height: 33px;}

.MenuLeftSeparatorActive {background:transparent url(images/leftNavOn.gif) no-repeat left;  height: 33px;}
.MenuRightSeparatorActive {background:transparent url(images/rightNavOn.gif) no-repeat right;  height: 33px;}

.ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .MainMenu_MenuArrow, .MainMenu_MenuIcon {display:none;}



/*=====================================================

5. Containers

=======================================================*/

#containerNoTitle{}
	.containerNoTitleBody{padding: 1em 0;;}

#containerSimple{}
	.containerSimpleTop{padding: 5px 0; margin-top: 1em; border-bottom: 1px #ccc solid;}
	.containerSimpleBody{padding: 0;}

#containerBlue{}
	.containerBlueTop{padding: 5px; margin-top: 1em; background: transparent url(images/contTopBlue.gif) repeat-x bottom;}
	.containerBlueBody{padding: 0 15px;}

#containerLime{}
	.containerLimeTop{padding: 5px; margin-top: 1em; background: transparent url(images/contTopLime.gif) repeat-x bottom;}
	.containerLimeBody{padding: 0 15px;}

#containerRed{}
	.containerRedTop{padding: 5px; margin-top: 1em; background: transparent url(images/contTopRed.gif) repeat-x bottom;}
	.containerRedBody{padding: 0 15px;}
	
#containerDarkGray{}
	.containerDarkGrayTop{padding: 5px; margin-top: 1em; background: transparent url(images/contTopGray.gif) repeat-x bottom;}
	.containerDarkGrayBody{padding: 0 15px;}