﻿body{
	/* fill the entire page height */ 
	margin:0px;
	padding:0px;
	height:100%;
	border:none
}

html{
	/* fill the entire page height */ 
	margin:0px;
	padding:0px;
	height:100%;
	border:none
}

.AmazonLeftBanner
{
	margin-top:10px;
	margin-left:3px;
}


#OutermostContainer{
	/* fill the entire page height and width */ 
	height:100%;
	width:100%;
	/* no border at all */
	border-collapse:collapse;
	table-layout:fixed;
}
#RightFiller{
	background-color:#a2cbe4;
}
#LeftFiller{
	background-color:#a2cbe4;
}
#RightShadow{
	*min-width:16px;
	width:16px;
	border:none;
	padding:0px;
	margin:0px;
}
#LeftShadow{
	*min-width:16px;
	width:16px;
	border:none;
	padding:0px;
	margin:0px;
}
#LeftShadow{
	background-image:url('../images/HaiTad_01/ShadowLeft.gif');
	background-repeat:repeat-y;

}
#RightShadow{
	background-image:url('../images/HaiTad_01/ShadowRight.gif');
	background-repeat:repeat-y;
}
#Content{
	width:974px;  	/* width:918px; */
	vertical-align:top;
	border-style:none;
	border:none;
	border-collapse:collapse;
	height:100%;
}




.console
{
	clear:both;
	padding:0px;
	margin:0px;
}
.masterContent
{
	/* test area */
	background-color:#c1d8e6;
	border-collapse:collapse;
	height:100%;
}
.authoringRegion
{
	background-color: #CBD1E0;
	background: url('../images/HaiTad_01/TopSignInBar.gif') repeat-x;
	width: 100%;
	color: #333333;
}
.siteActionMenu
{
    float:left;
}
.sharepointLogin
{
	float:left;
	display:inline;
}
.sharepointLogin .ms-globallinks
{
    position:relative;
}
.topArea
{
	background:url("../images/HaiTad_01/header3.jpg") no-repeat;
	background-position:top left;
	/* height:166px; */
	height:166px;
}
.topLinkBar 
{
    float:right;
    width:auto;
	padding-left: 1px;
	padding-right: 7px;
   	display:inline;
}
.toplinkbar a:active
{
   	color: #444444;
	font-family: tahoma;  
	font-size:9pt; 
	text-decoration:none;
}
.topLinkBar a
{
   	color: #444444;
	font-family: tahoma;  
	font-size:9pt; 
	text-decoration:none;
}
.topLinkBar a:hover
{
	text-decoration:underline;
}
.topLink
{
   	background: url("../images/HaiTad_01/TopNavBarDivider.gif") right 6px no-repeat;
   	display:inline;
}
.topNavContainer
{
	background-image: url('../images/HaiTad_01/TopNavBar.gif');
	background-repeat:repeat-x;
	height: 40px;
	background-position:0px -2px;
}
.topNavRoundRight
{
    width:0px;
}
.topNavRoundLeft
{
    width:0px;
}
.topNav
{
    *position:relative;
    *top:-1px;
}
.topNavItem
{
	background-image: url('../images/HaiTad_01/TopNavBarDivider.gif');
	background-repeat:no-repeat;
	background-position:right -2px;
	font-family: tahoma;  
	font-size: 8pt; 
	color: #ffffff;	
}
.topNavItem a
{
	display:block;
	padding:8px 5px 0px 5px;
	height:32px;
}
.topNavSelected a
{
	background-image: url('../images/HaiTad_01/TopNavBarSelected.gif');
	background-repeat:repeat-x;
	/* background-position:top right; */
	background-position:0px -2px;
	color: #EFF4FA;
	color:#000000;
}
.topNavHover a
{
	color:#000000;
	background-image: url('../images/HaiTad_01/TopNavBarHover.gif');
	background-repeat:repeat-x;
	/* background-position:top right; */
	background-position:0px -2px;
}
.topNavFlyOuts
{
	border-top:1px #CBD1E0 solid;
}
.topNavFlyOutsItem
{	
	font-family: tahoma; 
	font-size: 8pt; 
	background-color: #ECEFF3;
	border:1px #CBD1E0 solid;
	border-top-style: none;
	color:#3A4663; 
	*width:150px;
	min-width:150px;
}
.topNavFlyOutsItem a
{
    display:block;
    padding:4px 5px 4px 5px;
}
.topNavFlyOutsHover
{
	background-color: #B2BCD3;
}
.search
{
    margin:6px 2px 20px 2px;
}
.search .ms-sbcell .ms-sbplain
{
    margin-right:2px;
    margin-left:2px;
    border:1px #555555 solid;
    height:14px;
}
.search .ms-sbcell
{
    border:none;
    font-weight:normal; 
    font-size:8pt; 
    color: #3A4663;
    padding:0px;
}
.search .ms-sbgo
{
    background:none;
}
.leftNav
{
	width:160px; 
    text-align:right;
    padding-top:5px;
    padding-bottom:5px;
	font-size: small;
	font-family:Tahoma;
	margin-top:50px;
}
.leftNavSpacer
{
	width: 160px;
}
.leftNav3
{
	font-size:12px;
	font-family:Tahoma;
}
.leftNav2
{
	font-size:12px;
	font-family:Tahoma;
}
.leftNav1
{
	font-size:12px;
	font-family:Tahoma;
}
.leftNav1
{
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url('../images/HaiTad_01/Button.gif');
	background-repeat:repeat-y;
	background-position:right center   ;
	padding-right:5px;
}
.leftNav1 a
{
	color:#FFFFFF;
}
.leftNav2
{	
	padding-top:5px;
	padding-bottom:5px;
	background-image:url('../images/HaiTad_01/Button.gif');
	background-repeat:repeat-y;
	background-position:right center   ;
	padding-right:5px;
	font-family: tahoma;  
	font-size: 8pt; 
}
.leftNav2 a
{
	color:#FFFFFF;
}
.leftNav3
{	
	padding-top:5px;
	padding-bottom:5px;
	background-image:url('../images/HaiTad_01/Button.gif');
	background-repeat:repeat-y;
	background-position:right center   ;
	padding-right:5px;
	font-family: tahoma;  
	font-size: 8pt; 
}
.leftNav3 a
{
	color:#FFFFFF;
}
.leftNavHover
{
	background-image:url('../images/HaiTad_01/ButtonHover.gif');
	background-repeat:repeat-y;
	background-color: #FFCC00;
}
.leftNavHover a
{
	color:#000000;
}
.leftNavSelected
{
	background-color: #B2BCD3;
	background-image:url('../images/HaiTad_01/ButtonSelected.gif');
	background-repeat:repeat-y;
	color: #000000;
}
.leftNavSelected a
{
	color: #000000;
}



.leftNavFlyOuts
{
	font-family:Tahoma; 
	font-size:8pt; 
	border-top:1px #CBD1E0 solid;
	border-left:1px #CBD1E0 solid;
	border-right:1px #CBD1E0 solid;	
}
.leftNavFlyOutsItem
{
	border-bottom:1px #CBD1E0 solid;
	background-color: #ECEFF3;
}
.leftNavFlyOutsItem a
{
	padding:1px 5px 1px 5px;
	display:block;
	color:#354260;
	*width:100px;
	min-width:100px;
}
.leftNavFlyOutsHover
{
	background-color: #B2BCD3;
}
.breadcrumb
{
    font-family: tahoma; 
    color: #656b77;
    clear:both;
    font-size:9pt; 
    font-family: tahoma; 
    padding-left:7px;
    padding-bottom:2px;
    padding-top:4px;
    border-bottom:1px #CCCCCC none;
    margin-bottom:4px;
}
.breadcrumb a:active
{
	padding-left:0px;
	padding-right: 0px;
	text-decoration:none;
   	color: #656b77;
}
.breadcrumb:active
{
	padding-left:0px;
	padding-right: 0px;
	text-decoration:none;
   	color: #656b77;
}
.breadcrumb a
{
	padding-left:0px;
	padding-right: 0px;
	text-decoration:none;
   	color: #656b77;
}
.breadcrumb a:hover
{
	text-decoration:underline;
}
.breadcrumbCurrent
{
	font-weight:bold; 
}
.pageTitle
{
	margin:0px;
	font-family: tahoma;  
	font-size: 12pt; 
	font-weight: bold; 
	color: #666666;
}
.pageTitle span
{
	margin:0px;
	padding:0px;
}











#RoundedBorderContentTable{
	width:100%;
	min-width:100%;
	background-color:#c1d8e6;
	table-layout:fixed;  /* used for restricting the width of the content so that it stays inside the rounded frame */
}
#RoundedBorderTopLeftCell{
	width:180px;	
	background-image:url('../images/HaiTad_01/b_TopLeft.gif');
	background-repeat:no-repeat;
	background-position:right bottom;
	height:25px;
}
#RoundedBorderTopCell{
	width:auto;
	background-image:url('../images/HaiTad_01/b_Top.gif');
	background-repeat:repeat-x;
	background-position:left bottom;
}
#RoundedBorderTopRightCell{
	width:40px;
	background-image:url('../images/HaiTad_01/b_TopRight.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}
#RoundedBorderLeftCell{
	background-image:url('../images/HaiTad_01/b_Left.gif');
	background-repeat:repeat-y;
	vertical-align:top;
}
#RoundedBorderCentreCell{
	vertical-align:top;	
	background-color:#FFFFFF;
}	
#RoundedBorderRightCell{
	background-image:url('../images/HaiTad_01/b_Right.gif');
	background-repeat:repeat-y;
	background-position:left top;
	min-height:100%;
}
#RoundedBorderBottomLeftCell{
	background-image:url('../images/HaiTad_01/b_BottomLeft.gif');
	background-repeat:no-repeat;
	background-position:right top;
}
#RoundedBorderBottomCell{
	background-image:url('../images/HaiTad_01/b_Bottom.gif');
	background-repeat:repeat-x;
	background-position:left top;
	height:35px;
}
#RoundedBorderBottomRightCell{
	background-image:url('../images/HaiTad_01/b_BottomRight.gif');
	background-repeat:no-repeat;
	background-position:left top;
}

#BreadcrumbTable{
	width:100%;
	background-color:transparent;
}
#BreadcrumbIndentation{
	width:135px;
}
#BreadcrumbCell{
	width:auto;
}
	
#BreadcrumbAndPageContainerTable{
	background-color:transparent;
	height:100%;
	vertical-align:top;
	/* table-layout:fixed; */
}
#BreadcrumbAndPageContainerTableContainerCell{
	min-height:0px;
	height:100%;
	vertical-align:top;
}
#ContentTableContainerCell{
	 min-height:100%;
	 height:100%;
	 vertical-align:top; 
}








.CustomWebPartZoneTableDouble{
	width:100%;
	border-collapse:collapse;
}








.CustomWebPartZoneTable{
	width:100%;
	border-collapse:collapse;
}
.CustomWebPartZoneTable{

}
.CustomWebPartZoneTableDouble{
}
.CustomWebPartZoneRow{

}
.CustomWebPartZoneSingle{
	vertical-align:top;	
	padding:0px;
}
.CustomWebPartZoneDoubleEqual{
	vertical-align:top;
	width:50%;
	padding:0px;	
}
.CustomWebPartZoneTripleEqual{
	vertical-align:top;
	width:33%;	
	padding:0px;
}
.CustomWebPartZoneDoubleWide{
	vertical-align:top;
	width:66%;		
	padding:0px;
}
.CustomWebPartZoneDoubleNarrow{
	vertical-align:top;
	width:33%;		
	padding:0px;
}


.DonationHeader{
	color:navy;
	text-align:center;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}
.PayPalForm{
	text-align:center;
	vertical-align:middle;
	font-family:Verdana;
	font-size:11px;
}
.PayPalBody{
	margin-left:15px;
}

hr{
	color:navy;
	height:2px;
}



.BodyText{
	font-family:Verdana;
	font-size:11px;
}
.BodyTextBold{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
}
.BodyTextItalics{
	font-family:Verdana;
	font-size:11px;
	font-style:italic;
}
.HeaderCentered{
	text-align:center;
}




	#tabnav {float: left; width: 100%; background-image: url(http://your.domain.com/site/ImageLibrary/bottom_rule.gif); background-repeat: repeat-x; background-position: bottom; font-size: 9px; line-height: normal;}
	#tabnav ul {margin: 0px; padding: 0px; list-style: none;}
	#tabnav li {float: left; background-image: url(http://your.domain.com/site/ImageLibrary/righttab.gif); background-repeat: no-repeat; background-position: right top; margin: 0px 2px 0px 2px; padding: 0px;}
	#tabnav a {display: block; background-image: url(http://your.domain.com/site/ImageLibrary/lefttab.gif); background-repeat: no-repeat; background-position: left top; padding: 4px 10px 4px 10px; text-decoration: none; font-weight: bold; color: #666666;}
	#tabnav a em {text-decoration: underline; font-style: normal;}
	#tabnav a:hover {color: #000000;}
	/* Set the Active Tab */
	#tabnav #tab1 {background-image: url(http://your.domain.com/site/ImageLibrary/righttab_on.gif);}
	#tabnav #tab1 a {background-image: url(http://your.domain.com/site/ImageLibrary/lefttab_on.gif); color: #000000; padding-bottom: 5px;}
