<!--
* {
	margin: 0;
	padding: 0;
}

.alt {
	display: none;
}

body {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
   	text-align: left;
	vertical-align: middle;
    background-color: #22586d;	color: #9b9ba0;
}

img {
	border: 0;
}

a {
    text-decoration: none;
    color: #333333;
    background-color: #fff;
}

a:hover {
    text-decoration: none;
    color: #000000;
    background-color: #fffff;
}

.txtLink {
	font-family: Tahoma;
	font-size: 11px;
	color: #005595;
	text-align: left;
}

.txtLink:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #ff5a2e;
	text-align: left;
}

.txtLinkGray {
	font-family: Tahoma;
	font-size: 11px;
	color: #005595;
	text-align: left;
	background-color: #dfdfdf;
}

.txtLinkGray:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #ff5a2e;
	text-align: left;
	background-color: #dfdfdf;
}



.txtLinkGray {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #005595;
	text-align: left;
	background-color: #dfdfdf;
}

.txtLinkGray:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	background-color: #dfdfdf;
}

.txtParaContent {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align: justify;
	color: #333333;
	text-align: left;
	padding: 0px 10px 0px 10px;
}

.txtParaContentTwo {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align: left;
	color: #333333;
	background-color: #dfdfdf;
}

.txtTitleContent {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	padding: 10px 10px 0px 10px;
}


/* Layout Holder */

#maincontainer {
	width: 100%;
	height: 100%;
	margin-right:auto;
	margin-left:auto;
}

#wrapperHome {
	float: center;
	width:760px;
	height: 683px;
	padding: 10px 10px 10px 10px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	background-color: #ffffff;
	margin-top: 20px;	
}

#wrapBorderHome {
	width: 760px;
	height: 683px;
	background-color: #ffffff;
	border: 1px solid #dfdfdf;
	margin-left: auto;
	margin-right: auto;
}

#wrapper {
	float: center;
	width:760px;
	height: 760px;
	padding: 10px 10px 10px 10px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	background-color: #ffffff;
	margin-top: 20px;	
}

#wrapBorder {
	width: 760px;
	height: 760px;
	background-color: #ffffff;
	border: 1px solid #dfdfdf;
	margin-left: auto;
	margin-right: auto;
}

#copyrightcontainer {
	float: center;
	width: 780px;
	vertical-align: top;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #22586d;
}

#copyright {
	float: left;
	width: 409px;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	background-color: #22586d;
}

#CompatibleBrowsers {
	float: right;
	text-align: right;
	vertical-align: top;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}

.validationTxt {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
   	text-align: left;
	background-color: #22586d;
	color: #9b9ba0;
}

.validationTxt:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
   	text-align: left;
	background-color: #22586d;
	color: #ffffff;
}

/* Column Left */

#leftColumn {
	float: left;
	width:255px;
	background-color: #ffffff;
}

#dsdLogoContainer {
	float: left;
	width:255px;
	height: 80px;
}

#dsdLogo {
	float: left;
	width:214px;
	height: 80px;
}

#dsdHome {
	float: left;
	width: 41px;
	height: 80px;
}

#dsdAbout {
	float: left;
	width:255px;
	background-color: #ffffff;
}

#dsdAboutTitle {
	width: 255px;
	height: 20px;
}

#dsdAboutContentContainer {
	width: 255px;
	height: 160px;
}

#dsdAboutContentImage {
	float: left;
	padding: 5px 0px 5px 5px;
}

#dsdAboutContentContent {
	float: right;
	width: 135px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
   	text-align: justify;
	background-color: #ffffff;	color: #666666;
	padding: 5px 5px 5px 10px;
}

#dsdNews {
	float: left;
	width:255px;
	background-color: #ffffff;
}

#dsdNewsTitle {
	width: 255px;
	height: 20px;
}

#dsdNewsContentContainer {
	width: 255px;
	height: 160px;
}

#dsdNewsContentImage {
	float: left;
	padding: 5px 0px 5px 5px;
}

#dsdNewsContentContent {
	float: right;
	width: 135px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
   	text-align: justify;
	background-color: #ffffff;	color: #666666;
	padding: 5px 5px 5px 10px;
}


#dsdBarry  {
	float: left;
	width:255px;
	background-color: #ffffff;
}

#dsdBarryTitle {
	width: 255px;
	height: 20px;
}

#dsdBarryContentContainer {
	width: 255px;
	height: 145px;
}

#dsdBarryContentImage {
	float: left;	
	padding: 5px 0px 5px 5px;
}

#dsdBarryContentContent {
	float: right;
	width: 135px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
   	text-align: justify;
	background-color: #ffffff;	color: #666666;
	padding: 5px 5px 5px 10px;
}

#dsdBocMember {
	float: left;
	width:255px;
	background-color: #ffffff;
}

#dsdBocMemberTitle {
	width: 255px;
	height: 20px;
}

#dsdBocMemberContent {
	float: right;
	width: 240px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
   	text-align: justify;
	background-color: #ffffff;	color: #666666;
	padding: 5px 5px 5px 10px;
}

#relatedLinkOne{
	vertical-align: top;
	float: left;
	width: 260px;
	height: 70px;
	background-color: #ffffff;
}

#relatedLinkTwo{
	float: left;
	width: 249px;
	height: 70px;
	background-color: #ffffff;
}

#savills7sLogo{
	float: left;
	width: 127px;
}

#hkrugbyLogo{
	float: left;
	width: 122px;
}

#relatedLink{
	float: left;
	width: 129px;
}

#ayoLogo{
	float: right;
	vertical-align: top;
	width: 129px;
}

#LinkHKRFU{
	float: left;
	width: 255px;
	text-align: center;	
	padding: 8px 0px 8px 0px;
}

.linkRugby{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: 800;
	text-decoration: none;
	color: #005595;
}

.linkRugby:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: 800;
	text-decoration: none;
	text-align: center; 
   	color: #ff6600;
}


/* Middel space */

#MiddelColumn {
	float: left;
	width: 5px;
}

/* Column Right */

#rightColumn {
	float: right;
	width:500px;
}

#animationContainer {
	width: 500px;
	<!--[if gte IE 5.5]>
		<![if lt IE 7]>	
			height: 226px;
		<![endif]>
	<![endif]-->
	height: 291px;
}

#ContentMid {
	width: 500px;
}

#ContentMidLeft {
	float: left;	
	width: 249px;
	height: 295px;
	background-color: #dfdfdf;
}

#ContentMidLeftImage {
	padding: 8px 7px 8px 8px;
}

#ContentMidLeftContent {
	padding: 0px 8px 10px 8px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
   	text-align: justify;
	color: #333333;
}



#ContentMidRight {
	float: left;	
	width: 249px;
	height: 392px;
	background-color: #dfdfdf;
}

#ContentMidRightTop {
	width: 249px;
}

#ContentMidRightTopTitle {
	width: 249px;
	height: 20px;	
}

#ContentMidRightTopImage {
	padding: 8px 7px 8px 8px;
}

#ContentMidRightTopContent {
	padding: 0px 8px 10px 8px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
   	text-align: justify;
	color: #333333;
}



#ContentMidRightBottom {
	width: 249px;
	height: 160px;	
}

#ContentMidRightBottomTitle {
	width: 249px;
	height: 20px;	
}

#ContentMidRightBottomContent {
	padding: 7px 8px 0px 8px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
   	text-align: justify;
	color: #333333;
}






#ContentMidMid {
	float: left;	
	width: 2px;
	height: 10px;
}


/* Navigation Styles */

#navBar {
	float: right;
	width:500px;
	height: 65px;
}

#dsdNor {
	float: left;
	width: 108px;
	height: 65px;
}

a.dsd { 
	display: block;
	width: 108px; 
	height: 65px; 
	background: url('../images/dsdNor.gif') no-repeat; 
} 

a.dsdAct { 
	display: block;
	width: 108px; 
	height: 65px; 
	background: url('../images/dsdMou.gif') no-repeat; 
} 

a.dsd:hover { 
	background: url('../images/dsdAct.gif') no-repeat; 
} 

#hisNor {
	float: left;
	width: 60px;
	height: 65px;
}

a.his { 
	display: block;
	width: 60px; 
	height: 65px; 
	background: url('../images/hisNor.gif') no-repeat; 
} 

a.hisAct { 
	display: block;
	width: 60px; 
	height: 65px; 
	background: url('../images/hisMou.gif') no-repeat; 
} 

a.his:hover { 
	background: url('../images/hisAct.gif') no-repeat; 
} 


#impNor {
	float: left;
	width: 99px;
	height: 65px;
}

a.imp { 
	display: block;
	width: 99px; 
	height: 65px; 
	background: url('../images/impNor.gif') no-repeat; 
} 

a.impAct { 
	display: block;
	width: 99px; 
	height: 65px; 
	background: url('../images/impMou.gif') no-repeat; 
} 


a.imp:hover { 
	background: url('../images/impAct.gif') no-repeat; 
} 


#newNor {
	float: left;
	width: 101px;
	height: 65px;
}

a.new { 
	display: block;
	width: 101px; 
	height: 65px; 
	background: url('../images/newNor.gif') no-repeat; 
} 

a.newAct { 
	display: block;
	width: 101px; 
	height: 65px; 
	background: url('../images/newMou.gif') no-repeat; 
} 

a.new:hover { 
	background: url('../images/newAct.gif') no-repeat; 
} 


#donNor {
	float: left;
	width: 74px;
	height: 65px;
}

a.don { 
	display: block;
	width: 74px; 
	height: 65px; 
	background: url('../images/donNor.gif') no-repeat; 
} 

a.donAct { 
	display: block;
	width: 74px; 
	height: 65px; 
	background: url('../images/donMou.gif') no-repeat; 
} 

a.don:hover { 
	background: url('../images/donAct.gif') no-repeat; 
} 

#conNor {
	float: left;
	width: 58px;
	height: 65px;
}

a.con { 
	display: block;
	width: 58px; 
	height: 65px; 
	background: url('../images/conNor.gif') no-repeat; 
} 

a.conAct { 
	display: block;
	width: 58px; 
	height: 65px; 
	background: url('../images/conMou.gif') no-repeat; 
} 

a.con:hover { 
	background: url('../images/conAct.gif') no-repeat; 
} 

#ContentBackground {
	width: 500px;
	height: 508px;
	background-color: #dfdfdf;
}

/*DSD Foundation Styles*/

#titleDSDFoundation {
	width: 500px;
}

#ayoText {
	width: 200px;
	float: left;
}

#ayoImage {
	width: 300px;
	float: left;
}

#hkrfuText {
	width: 200px;
	float: left;
}


#hkrfuImage {
	width: 300px;
	float: left;
}

#spaceHi {
	height: 170px;
}

#spaceHiSma {
	height: 50px;
}


/* Navigation Area */

#DSDNavi {
 width: 500px;
 height: 65px;
 background: url(images/DSD_navi.gif);
 margin: 10px auto; padding: 0;
 position: relative;
}
#DSDNavi li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#DSDNavi li, #DSDNavi a {height: 65px; display: block;}
#DSDFou {left: 0; width: 108px;}
#DSDHis {left: 108px; width: 60px;}
#DSDImp {left: 168px; width: 99px;}
#DSDNew {left: 267px; width: 101px;}
#DSDDon {left: 368px; width: 74px;}
#DSDCon {left: 442px; width: 58px;}
#DSDFouAc {left: 0; width: 108px;}
#DSDHisAc {left: 108px; width: 60px;}
#DSDImpAc {left: 168px; width: 99px;}
#DSDNewAc {left: 267px; width: 101px;}
#DSDDonAc {left: 368px; width: 74px;}
#DSDConAc {left: 442px; width: 58px;}

#DSDFou a:hover {background: transparent url(images/DSD_navi.gif) 0 -75px no-repeat;}
#DSDHis a:hover {background: transparent url(images/DSD_navi.gif) -108px -75px no-repeat;}
#DSDImp a:hover {background: transparent url(images/DSD_navi.gif) -168px -75px no-repeat;}
#DSDNew a:hover {background: transparent url(images/DSD_navi.gif) -267px -75px no-repeat;}
#DSDDon a:hover {background: transparent url(images/DSD_navi.gif) -368px -75px no-repeat;}
#DSDCon a:hover {background: transparent url(images/DSD_navi.gif) -442px -75px no-repeat;}

#DSDFouAc {background: transparent url(images/DSD_navi.gif) 0 -150px no-repeat;}
#DSDHisAc {background: transparent url(images/DSD_navi.gif) -108px -150px no-repeat;}
#DSDImpAc {background: transparent url(images/DSD_navi.gif) -168px -150px no-repeat;}
#DSDNewAc {background: transparent url(images/DSD_navi.gif) -267px -150px no-repeat;}
#DSDDonAc {background: transparent url(images/DSD_navi.gif) -368px -150px no-repeat;}
#DSDConAc {background: transparent url(images/DSD_navi.gif) -442px -150px no-repeat;}



//-->