@charset "utf-8";
/* CSS Document */
/****************************** Main Css ******************************/
* {margin:0;padding:0}
*/
html, body {border: 0; margin: 0; padding: 0; height: auto;}

body {	
	font-family: Tahoma;
	font-size:12px;
	color: #000000; /*Font color*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
	p {}
	p, ul, ol { margin: 0; padding: 0; }
	img, img a { border: none; }
	form { margin: 0; padding: 0; font-family: Tahoma;}
	button, input { font-family: Tahoma; }
	
option, select{
	padding: 1px 2px 1px 3px;
	font-family: Tahoma;
}

.body-home {
		background: url(../images/home/bg_home.jpg) repeat-x #f9d457;
	}	
.body-demo {
	background: url(../images/home/bg_home.jpg) repeat-x red;
}
.body-who {
	background:url(../images/who/bg-blue.jpg) repeat-x #336699;
}	

.body-what {
	background:url(../images/what/bg-what.jpg) repeat-x #499e65;
}	

.body-where {
	background:url(../images/where/bg-where.jpg) repeat-x #f9d457;
}	

.body-sg {
	background:url(../images/sg/bg-sg.jpg) repeat-x #990000;
}

.body-events {
	background:url(../images/home/bg-events.jpg) repeat-x #f5c248;
}	

/************************* Global linking *************************/	
a:link {
	color: #336699;
	text-decoration: none;
}
a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #0099FF;
}

/************************* Wrapper Css *************************/	
#Wrapper {
	width: 100%;
	background-image:url(../images/bg-header.jpg);
	background-repeat:repeat-x;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}



.Main-wrapper{
	width:940px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

#Middle-Wrapper-home {
	width: 100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.middle-container{
	width:940px;
	float:left;
}

#MainFlash{
	width:940px;
	float:left;
}

.graphic-header-who, .graphic-header-where, .graphic-header-what, .graphic-header-sg {
	width:170px;
	height:49px;
	float:left;
	margin:0 0 0 3px;
	padding:41px 0 0 55px;
}

.graphic-header-sitemap, .graphic-header-announcement, .graphic-header-news,.graphic-header-livesg, .graphic-header-contact, .graphic-header-profile,.graphic-header-contact, .graphic-header-hot-tags,.graphic-header-map,.graphic-header-faq,.graphic-header-help, .graphic-header-rss, .graphic-header-sign, .graphic-header-forum, .graphic-header-search, .graphic-header-events, .graphic-header-user-profile, .graphic-header-error-page {
	width:170px;
	height:49px;
	float:left;
	margin:0 0 0 3px;
	padding:41px 24px 0 31px;
}

.graphic-header-main {
	width:225px;
	height:89px;
	float:left;
}

.graphic-header-faq{
	background:url(../images/home/faq-header.gif) no-repeat;
}

.graphic-header-help{
	background:url(../images/home/help-header.gif) no-repeat;
}

.graphic-header-rss{
	background:url(../images/home/rss-header.gif) no-repeat;
}

.graphic-header-profile{
	background:url(../images/profile/profile-header.gif) no-repeat;
}
.graphic-header-contact{
	background:url(../images/contact/contact-header.gif) no-repeat;
}
.graphic-header-hot-tags{
	background:url(../images/hot_tags/hot_tags-header.gif) no-repeat;
}
.graphic-header-map{
	background:url(../images/map/map-header.gif) no-repeat;
}
.graphic-header-who{
	background:url(../images/who/who-header_2.gif) no-repeat;
}

.graphic-header-livesg{
	background:url(../images/livesg/livesg-header.gif) no-repeat;
}

.graphic-header-news{
	background:url(../images/news/news-header.gif) no-repeat;
}

.graphic-header-where{
	background:url(../images/where/where-header2.gif) no-repeat;
}

.graphic-header-what{
	background:url(../images/what/what-header2.gif) no-repeat;
}

.graphic-header-sitemap{
	background:url(../images/home/sitemap-header.gif) no-repeat;
}

.graphic-header-announcement{
	background:url(../images/home/annoucement-header.gif) no-repeat;
}

.graphic-header-contact{
	background:url(../images/home/contactus-header.gif) no-repeat;
}

.graphic-header-sign{
	background:url(../images/home/sign_in-header.gif) no-repeat;
}

.graphic-header-search{
	background:url(../images/home/search-header.gif) no-repeat;
}

.graphic-header-forum{
	background: url(../images/home/forum-header.gif) no-repeat;
}

.graphic-header-events{
	background:url(../images/home/events-header.gif) no-repeat;
}

.graphic-header-sg{
	background:url(../images/sg/sg-header.gif) no-repeat;
}

.graphic-header-user-profile{
background:url(../images/user_profile-header.gif) no-repeat;
}

.graphic-header-error-page{
background:url(../images/home/page_not_found-header.gif) no-repeat;
}

.graphic-header-right{
	width:705px;
	margin:0;
	padding: 0 1px 0 0;
	float:left;
	text-align:left;
}

.graphic-header-misc{
	width:930px;
	margin:0;
	padding: 0 1px 0 0;
	float:left;
	text-align:left;
}

.header-text{
	width:153px;
	margin:0;
	float:left;
	text-align:left;
}

.middle-content-container{
	width:893px;
	background-color:#FFFFFF;
	border:1px #e5e5e5 solid;
	padding:0px 14px;
	text-align:left;
	float:left;
}

.main-bottom{
	width: 95%;
	height: 30px;
	float:left;
	padding-bottom:10px;
}

.right-content-container-info {
	width:197px;
	border:1px #ded7d7 solid;
	margin-top:8px;
	float:right;
	padding:5px 5px 2px 5px;
}

.subscribe-top{
width:209px;
float:right;
padding:0;
margin:0;
/*padding:8px 0 0 0;
margin:0 10px 0 0;*/
}

.subscribe-bottom{
width:209px;
float:right;
height:3px;
padding:0;
/*margin:0 10px 0 0;*/
}

/**html .subscribe{
\margin-left:0;
m\argin-left:0;
}*/

*html .subscribe-top{
\padding:0;
p\adding:0;
\margin:0;
m\argin:0;
}

.subscribe {
	width:209px;
	margin:8px 0 0 0;
	float:right;
	padding:0 0 2px 10px;

}

.subscribe-color{
background-color:#ded7d7;
margin:0;
padding:0;
}

.sub-box{
	width:205px;
padding:0;
margin:0;
float:left;
padding: 3px 0 0 3px;
}

.error-message{
margin:0;
padding:0;
/*text-indent:3px; 
padding-left:3px;*/
}

.sub-box2{
	width:205px;
padding:0;
margin:0;
float:left;

}

.sub-box-left{
width:161px;
padding:7px 0 0 4px;
*padding:0 0 0 4px;
margin:0;
float:left;
}

.sub-box-right{
width:31px;
float:right;
padding:6px 0 0 0;
margin:0;
}

/*.subscribe-color td{
background:red;
}*/

.nano-input{
width:156px;
padding:1px 0 1px 3px;
vertical-align: middle;
font-size: 11px;
font-family: Tahoma;
}
/****************************** Header Css ******************************/
#header{
	width: 940px;
	height: 92px;
	background-color:#FFFFFF;
	float:left;
	background:url(/images/logo_title.gif) no-repeat 110px 0;

}

#logo{
	width: 107px;
	height: 87px;
	float:left;
}

.header-right-container{
	font-size:11px;
	width:770px;
	float:right;
}

#date{
	width:145px;
	padding-right:6px;
	padding-top:10px;
	text-align:right;
	float:right;
	color:#8c8c8c;
}

#top-login{
	width:615px;
	color:#6f645a;
	padding-top:10px;
	float:right;
	text-align:right;
}

#header-right-container-bg{
	width:405px;
	height:47px;
	margin: 8px 5px 0 3px;
	/**background-image:url(../images/bg_search.gif);**/
	border-right: 1px solid #e2e2e2;
	float:right;
}
#header-right-container-reno{
	width:183px;
	height:39px;
	margin: 16px 0 0 7px;
	float:right;
	padding-right:8px;
}
#header-right-container-reno table td{
padding-bottom:5px;

}

#header-right-container-reno .nano-input{
width: 140px;
margin-right:6px;
}


#btn-search{
	margin-top:8px;
	width:60px;
	float:right;
}

#category{
	width:195px;
	margin-top:8px;
	padding-right:7px;
	float:right;
}

#search-box{
	width:130px;
	margin-top:8px;
	float:right;
	font: Tahoma, arial, helvetica, sans-serif;
}

.category-box{

	padding:2px;
	line-height:13px;
	font-size:11px;
	float:right;
}

.search-box-container{
	width:130px;
	padding:2px;
	font-size:11px;
	line-height:13px;
	float:right;
}

/****************************** Top Header Component ******************************/
#breadcrumb{
	color:#979797;
	width:460px;
	text-align:left;
	float:left;
	padding-top:3px;
}

#breadcrumb a{
	color:#336699;
}

.breadcrumb-top-container{
	font-size:11px;
	width:886px;
	padding:8px 0 0 0;
	border-bottom:dotted 1px #bfbfbf;
	float:left;
	background-color:#FFFFFF;
}

#right-top-nav{
	width:410px;
	padding-bottom:5px;
	float:right;
	text-align:right;
}

#share, #text-size, #email-container, #print-container{
	width:auto;
	float:right;
	padding-left: 5px;
}

#text-size{
	border-right: 1px solid #e2e2e2;
}

/****************************** Main Nav Css ******************************/
#nav-main{
	width: 879px;
/*	background-image:url(../images/bg-navi.gif);
	background-repeat:repeat-x;*/
	height: 28px;
	float:left;
}

#nav-home, #nav-who, #nav-what, #nav-where, #nav-sg, #nav-events, #nav-news, #nav-faq, #nav-livesg, #nav-forum,
#nav-home-sel, #nav-who-sel, #nav-what-sel, #nav-where-sel, #nav-sg-sel, #nav-events-sel, #nav-news-sel, #nav-faq-sel, #nav-forum-sel, #nav-livesg-sel{
	float:left;
}

#nav-home a, #nav-who a, #nav-what a, #nav-where a, #nav-sg a, #nav-events a, #nav-news a, #nav-faq a, #nav-forum a, #nav-livesg a, 
#nav-home-sel a, #nav-who-sel a, #nav-what-sel a, #nav-where-sel a, #nav-sg-sel a, #nav-events-sel a, #nav-news-sel a, #nav-faq-sel a,#nav-forum-sel a, #nav-livesg-sel a{
	height:28px;
	float:left;
	display:block;
	text-indent: -9999px;	
}

#nav-home a:focus, #nav-who a:focus, #nav-what a:focus, #nav-where a:focus, #nav-sg a:focus, #nav-events a:focus, #nav-news a:focus, #nav-faq a:focus,#nav-forum a:focus, #nav-livesg a:focus, 
#nav-home-sel a:focus, #nav-who-sel a:focus, #nav-what-sel a:focus, #nav-where-sel a:focus, #nav-sg-sel a:focus, #nav-events-sel a:focus, #nav-news-sel a:focus, #nav-faq-sel a:focus, #nav-forum-sel a:focus, #nav-livesg-sel a:focus{
	height:28px;
	overflow:hidden;
}


/***** nav - home*****/
#nav-home, #nav-home a{
	width: 75px;
	height:28px;
	background: url(../images/navi/mainnav.gif) 0 0;
}

#nav-home a:hover, #nav-home a:active {
	width: 75px;
	height:28px;
	background: url(../images/navi/mainnav.gif) 0 -28px;
}

#nav-home-sel{
	width: 75px;
	height:28px;
	background: url(../images/navi/mainnav.gif) 0 -56px;
}

/***** nav - who*****/
#nav-who, #nav-who a{
	width: 107px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -75px 0;
}

#nav-who a:hover, #nav-who a:active {
	width: 107px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -75px -28px;
}

#nav-who-sel, #nav-who-sel a{
	width: 107px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -75px -56px;
}

/***** nav - what*****/
#nav-what, #nav-what a{
	width: 97px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -182px 0;
}

#nav-what a:hover, #nav-what a:active {
	width: 97px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -182px -28px;
}

#nav-what-sel, #nav-what-sel a{
	width: 97px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -182px -56px;
}

/***** nav - where*****/
#nav-where, #nav-where a{
	width: 106px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -279px 0;
}

#nav-where a:hover, #nav-where a:active {
	width: 106px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -279px -28px;
}

#nav-where-sel, #nav-where-sel a{
	width: 106px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -279px -56px;
}

/***** nav - sg*****/
#nav-sg, #nav-sg a{
	width: 110px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -385px 0;
}

#nav-sg a:hover, #nav-sg a:active {
	width: 110px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -385px -28px;
}

#nav-sg-sel, #nav-sg-sel a{
	width: 110px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -385px -56px;
}

/***** nav - events*****/
#nav-events, #nav-events a{
	width: 67px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -495px 0;
}

#nav-events a:hover, #nav-events a:active {
	width: 67px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -495px -28px;
}

#nav-events-sel, #nav-events-sel a{
	width: 67px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -495px -56px;
}

/***** nav - news*****/
#nav-news, #nav-news a{
	width: 63px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -562px 0;
}

#nav-news a:hover, #nav-news a:active {
	width: 63px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -562px -28px;
}

#nav-news-sel, #nav-news-sel a{
	width: 63px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -562px -56px;
}

/***** nav - faq*****/
#nav-faq, #nav-faq a{
	width: 49px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -705px 0;
}

#nav-faq a:hover, #nav-faq a:active {
	width: 49px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -705px -28px;
}

#nav-faq-sel, #nav-faq-sel a{
	width: 49px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -705px -56px;
}
/***** nav - livesg*****/
#nav-livesg, #nav-livesg a{
	width: 80px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -625px 0;
}

#nav-livesg a:hover, #nav-livesg a:active {
	width: 80px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -625px -28px;
}

#nav-livesg-sel, #nav-livesg-sel a{
	width: 80px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -625px -56px;
}

/***** nav - forum*****/
#nav-forum, #nav-forum a{
	width: 72px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -754px 0;
}

#nav-forum a:hover, #nav-forum a:active {
	width: 72px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -754px -28px;
}

#nav-forum-sel, #nav-forum-sel a{
	width: 72px;
	height:28px;
	background: url(../images/navi/mainnav.gif) -754px -56px;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #cacaca; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-size:12px;
line-height:18px;
z-index:100;
width: 160px;
visibility: hidden;
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
/*text-indent: 5px;*/
border-bottom: 1px solid #cacaca; /*THEME CHANGE HERE*/
padding: 3px 8px;
text-decoration: none;
font-weight:bold;
color: #336699;
/*background:url(../images/navi/nav_line.gif)no-repeat top left;*/
background-color:#FFFFFF;
font-weight:normal;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
/*font-weight:bold;
/*background:url(../images/bg_topnav1.jpg)repeat-x;*/
background-color:#dad7cc;

}

/****************************** Index Content area Css ******************************/
.main-content-container {
	width: 930px;
	padding: 0 0 0 5px;
	text-align:center;
}

/****************************** Homepage Css ******************************/
.main-content{
	width: 928px;
	background:#FFFFFF;
	margin: 13px 5px 0 5px;
	text-align:left;
	float:left;
}
.main-content-index{
	width: 928px;
	float:left;
}

.main-content-copy{
	width: 898px;
	float:left;
	padding: 12px 15px;
}

.main-footer-index{
	width: 913px;
	float:left;
	padding-left:15px;
}

.main-left-container {
	width:679px;
	padding: 0 0 12px 0;
	/*padding: 0 0 0 15px;*/
	float:left;
}

.main-right-container {
	width:210px;
	padding:0 0 12px 0;
	/*padding: 15px 0 15px 0;*/
	float:right;
}

#announcement-box{
	width:677px;
	height:24px;
	background-image:url(../images/home/bg-announcement.gif);
	float:left;
	/*margin-top:12px;*/
}

.left-wrap{
width:677px;
float:left;
}

#announcement-title{
	width:110px;
	font-weight:bold;
	padding: 5px 0 0 7px;
	font-size:12px;
	float:left;
}

#announcement-info{
	width:545px;
	padding: 5px 0 0 7px;
	font-size:12px;
	float:left;
}

.smaller-left-container {
	width:204px;
	font-size:11.5px;
	line-height:180%;
	/*padding-bottom:13px;*/
	/*padding-top:3px;*/
	float:left;
}

.bigger-left-container{
	width:458px;
	padding-left:15px;
	float:left;
}

.latestnews-container{
	width:454px;
	float:left;
	border:1px #ded7d7 solid;
	padding-bottom:3px;
}

.right-content-container {
	width:220px;
	float:right;
}


.quicklinks-container {
	font-family: Tahoma;
	vertical-align:top;
	width:208px;
	line-height:13px;
	font-size:12px;
	float:right;
}

.left-content1{
background:#efefee;
border-top: 1px dotted #c7c7c7;
border-bottom: 1px dotted #c7c7c7;
float:left;
}

.contact-content{
	width:711px;
	margin:12px 0 0 0;
	float:left;
}

.category-container{
	width:226px;
	line-height:5px;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #bfbfbf;
	float:left;
}

.category-header{
	width:320px;
	color:#cc0000;
	float:left;
}

.sub-container{
width:930px;
padding:0 0 0 10px;
}

.sub-main-content{
	width:893px;
	border: 2px solid #e5e5e5;
	background:#FFFFFF;
	text-align:left;
	float:left;
	padding: 0 10px 0 16px;
}

.sub-main-content2{
	width:893px;
	border: 2px solid #e5e5e5;
	text-align:left;
	float:left;
	padding: 0 10px 0 16px;
	background:#FFFFFF;
}


.sub-main-content-line{
	width:893px;
	border: 2px solid #e5e5e5;
	text-align:left;
	float:left;
	padding: 0 10px 0 16px;
	background:#FFFFFF url(../images/bg_line.gif) repeat-y ;
}

#content-title{
	width:350px;
	padding:5px 0 0 0;
	margin:5px 0 0 0;
	float:left;
}
#content-title-description{
	width:350px;
	line-height:180%;
	padding:10px 0 0 0;
	margin:5px 0 0 0;
	float:left;
}

#content-title3{
	width:500px;
	padding:5px 0 0 0;
	margin:5px 0 0 0;
	float:left;
}

#content-title-description p{
	padding-bottom: 8px;
}
#content-title2{
	width:350px;
	padding:5px 0 0 0;
	margin:5px 0 0 0;
	float:left;
}

.photo-left{
float:left;
padding:5px 12px 12px 0;
display:block;
}

.photo-right{
float:right;
margin:2px 20px 0 5px;
}

.photo-profile{
float:left;
padding:3px;
display:block;
border: #bfbfbf solid 1px;

}

/****************************** Left content Css - 2 cols ******************************/
.full-content{
	width:886px;
	margin: 0;
	float:left;
}

.full-content-color{
	width:874px;
	padding:6px; 
	background:#efefee;
	float:left;
	text-align:left;
}

.full-content-copy{
	width:874px;
	margin: 0;
	float:left;
	padding: 6px;
}

/****************************** Left content Css - 2 cols ******************************/
.left-content{
line-height:150%;
}

.profile-content{
width:179px;
float:left;
padding-top:15px;
padding-right: 20px;
}
.main-content-header{
	width:687px;
	float:left;
	padding-bottom:8px;
}
.left-content{
width:687px;
float:left;
}

.left-content-3cols{
width:692px;
float:left;
}

.left-content-listing{
width:687px;
float:left;
}

.left-content-listing ul{
list-style:none;
float:left;
}

.left-content-listing ul li{
width:677px;
padding:10px 10px 18px 0;
float:left;
display:block;
border-bottom: #bfbfbf dotted 1px;
line-height:140%;
}

.paging{
width:100%;
padding:9px 0;
background:#efefee;
float:left;
text-align:center;
}

/** Left content - Rss -**/
.rss-icon{
padding:5px 15px 15px 0;
float:left
}


.rss-table{
width:640px;
float:left;
border:1px #f2f2f2 solid;
background:#fffdeb;
padding:5px 8px;
}


/****************************** Right content Css - 2 cols ******************************/
.right-content{
width:179px;
float:right;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
border-left:#e2e1e1 1px solid ;
border-right:#e2e1e1 1px solid ;
background:#f1f1f1;

}


#right-title-didyouknow, #right-title-hottag, #right-title-help, #right-title-this-section, #right-title-faq, #right-title-interactive, .right-content-share, #right-title-category{
	font-size:12px;
	margin-bottom:14px;
	float:left;
	text-align:left;
	line-height: 140%;
	border-bottom:#e2e1e1 1px solid;
}
#right-title-help{
	border-bottom:none;
	margin-bottom:0px;
}
#right-title-category-no-line-bottom{
	width:166px;
	padding: 0px 0 0 13px;
	font-size:12px;
	float:left;
	text-align:left;
	line-height: 140%;
	border-bottom:none;
	margin-bottom:0px;
}

.no-line-bottom{
	border-bottom:none !important;
	margin-bottom:0px !important;
}

#right-title-didyouknow p, #right-title-hottag p, #right-title-help p, #right-title-this-section p, #right-title-faq p, #right-title-interactive p, .right-content-share p, .right-title-sharebox p, #right-title-category p{
padding-bottom:0;

}
/****************************** right content  Css ******************************/

/** Right content - category **/
#right-title-category{
	width:166px;
	padding: 0px 0 13px 13px;
}

.category{
	width:145px;
}

.category ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display:block;
}

.category ul li{
	width:120px;
	padding:0px 15px 0px 15px;
	display:block;
	background:url(../images/home/bullet.gif) 0 70% no-repeat;
}


/** Right content - did u know **/
#right-title-didyouknow{
width:155px;
padding: 0px 11px 13px 13px;
}

/** Right content - Hot Tag **/
#right-title-hottag{
width:155px;
padding: 0px 11px 13px 13px;
}
/** Right content - Help **/
#right-title-help{
width:155px;
padding: 0px 11px 13px 13px;
}

.help-container{
width: 155px;
padding:3px 0 0 0;
float:left;
font-weight:normal;
}

/** Right content - In this section **/
#right-title-this-section{
	width:166px;
	padding: 0px 0 13px 13px;
}

.this-section{
	width:150px;
	line-height:170%;
	padding-top:8px;
}

.this-section ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display:block;
}

.this-section ul li{
	width:120px;
	padding:0px 15px 0px 15px;
	line-height:140%;
	display:block;
	background:url(../images/where/bullet.gif) 0 5px no-repeat;
}

/** Right content - faq **/
#right-title-faq{
	width:169px;
	padding: 0px 0 13px 10px;
}

.qn-container{
	width: 153px;
	padding:0 5px 5px 0;
	float:left;
}

.qn-box{
width:135px;
padding:3px 0 0 4px;
float:left;
}

.qn-box1{
	width:10px;
	padding:3px 0 0 0;
	float:left;
}

.faq{
	font-size:11px;
	width:146px;
	padding: 0 12px 5px 0;
	float:right;
	text-align:right;
}
.answer{
	font-size:12px;
	width:154px;
	padding: 5px 0 0 4px;
	float:left;
	text-align:left;
	font-weight:bold;
}

/** Right content - Interactive **/
#right-title-interactive{
	width:169px;
	padding-left:11px;
	padding-right:0px;
}

.video{
	font-size:11px;
	width:135px;
	/*border-bottom: #bfbfbf dotted 1px;*/
	display:block;
	padding: 10px 0 15px 24px;
	background:url(../images/who/icon-film.gif) no-repeat 5px 11px;
}
.photo{
	font-size:11px;
	width:135px;
	/*border-bottom: #bfbfbf dotted 1px;*/
	display:block;
	padding: 10px 0 15px 24px;
	background:url(../images/who/icon-photo.gif) no-repeat 5px 11px;
}


/** Right content - share **/
.right-content-share{
	width:165px;
	padding-bottom:5px;
	display:block;
}

.right-title-sharebox{
	width:165px;
	height:auto;
	border:none;
	/*text-align:center;*/
	font-size:12px;
	float:left;
	line-height: 140%;	
	margin-left:-6px;
}

.right-title-sharebox img{
	margin-top:10px;
}

.right-title-sharebox-page-helpful{
	width:164px;
	height:auto;
	border:none;
	/*text-align:center;*/
	font-size:12px;
	float:left;
	line-height: 140%;	
	padding-left:13px;
}

.right-title-sharebox-page-helpful img{
	margin-top:10px;
}

/****************************** left content Css - 3 cols ******************************/

/****************************** Left side Nav Css ******************************/
.left-nav{
	width:193px;
	background:#f1f1e9;
	float:left;
	display:block;
	margin:0;
}
.left-nav ul{
	width:193px;
}

.left-nav ul li{
	width:193px;
	padding:0;
}


.left-nav-btn{
	width:193px;
	background:#f1f1e9;
	float:left;
}

.left-nav-btn ul{
	width:193px;
	list-style-type: none;
	float:left;
}

.left-nav-btn1{
	width:193px;
	padding: 0 0 0 0;
	float:left;
	display:block;
}

.left-nav-btn1 ul{
	width:193px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

.left-nav-btn1 ul li {
	width:193px;

	background-color:#f1f1e9;
	margin:0;
	float:left;
}

.left-nav-btn1 li a{
	width:155px;
	padding:7px 10px 7px 28px;
	margin:0;
	float:left;	
	display:block;
	background: url(../images/who/btn-bullet.gif) no-repeat 15px 10px;
	/*background: url(../images/home/btn-bullet.gif) no-repeat 15px 9px;*/
}

.left-nav-btn1 a:hover{
	background: #e7e4d9 url(../images/who/btn-bullet.gif) no-repeat 15px 10px;
	/*background: #e7e4d9 url(../images/home/btn-bullet.gif) no-repeat 15px 9px;*/
	text-decoration:none;
}

.left-nav-btn1 a:active{
	text-decoration:none;
}

.left-nav-btn1 li a.selected{
	padding:7px 10px 7px 28px;
	background: #dad7cc url(../images/who/btn-bullet.gif) no-repeat 15px 10px;
	/*background: #dad7cc url(../images/home/btn-bullet.gif) no-repeat 15px 9px;*/
	text-decoration:none;
}
/*************sub left navi*************/
.subright-nav-btn2{
	width:193px;
	float:left;
}

.subright-nav-btn2 ul{
	width:193px;
	float:left;
}

.subright-nav-btn2 ul li{
	width:160px;
	list-style:none;
	display:block;
	float:left;
	padding:3px 5px 3px 28px;
	background:url(../images/who/dash.gif) no-repeat 12px 0 ;
}

.subright-nav-btn2 li a{
	width:160px;
	display:block;
}

.subright-nav-btn2 a:hover{
	text-decoration:underline;
}

.subright-nav-btn2 a:active{
	text-decoration:none;
}

.subright-nav-btn2 a.selected{
	color:#006699;
	text-decoration:none;
	text-align:left;
}

/*************sub left quicklinks*************/
.left-nav-quicklinks{
	width:193px;
	height:43px;
	background-image:url(../images/who/bg-quicklinks.gif);
	background-repeat:no-repeat;
	float:left;
}

.quicklinks{
	font-size:12px;
	margin:12px 0 0 13px;
	float:left;
	font-family: Tahoma;
	width: 165px;
}

.quicklinks-home{
	font-size:12px;
	float:left;
	font-family: Tahoma;
	width: 100%;width: 100%;
}

/****************************** Main Content Css - 3 cols  ******************************/
#main-middle-container{
	width:480px;
	float:right;
	text-align:left;
	line-height:16px;
}

#main-middle-container p{
	padding-top:3px;
	padding-bottom:5px;
	line-height:140%;
}

.left-content p{
	padding-bottom:10px;
}

#main-middle-container hr, .left-content hr{
	border:none;
	border-top: 1px solid #c7c7c7;
	width: 100%;
	height: 1px;
	margin: 10px 0 5px 0;
}


.main-middlecontent-header{
	width:480px;
	float:left;
	padding-bottom:8px;

}
.main-middlecontent-container{
	width:480px;
	float:left;
	line-height: 18px;
}

.main-content-body{
width:100%;
float:left;
}

.main-content-body p{
padding-top:5px;
padding-bottom:5px;
margin:3px 0;
line-height:150%;
}

.main-content-body ul{
width:95%;
list-style-type:circle;
float:left;
line-height:18px;
display:block;
padding: 0 0 0 25px;
}

.main-content-body ul li {
	list-style:circle;
	padding:0 0 0 15px;
	list-style-position:outside;
	padding:0 0 5px 0;
}

.main-content-body ol {
list-style-type:decimal;
float:left;
line-height:18px;
display:block;
padding: 0 0 10px 30px;
}

.main-content-body ol li{
	display: list-item;
	list-style-position:outside;
	list-style-type: decimal;
	padding:0 0 5px 0;
	}

/*. ol{
	width:480px;
	float:left;
	line-height: 18px;
	list-style-type: decimal;
	display: block;
}


. ol li{
	width:410px;
	float:left;
	display: list-item;
	list-style-type: decimal;
	margin: 0;
	padding: 0 0 10px 0;
	margin-left:20px;
}*/

. p{
	padding-bottom: 18px;
}

.main-middlecontent-container2{
	width:460px;
	background-color:#f1eaea;
	padding:5px;
	float:left;
}

#flashhead{
	width:473px;
	float:left;
}

.main-middlecontent{
	width:473px;
	float:left;
	padding-bottom:6px;
}

.main-middlecontent-right{
	width:480px;
	float:left;
	padding-bottom:6px;
	text-align:right;
}
/*** this is for sg_ecard-personalise page****/

.main-middlecontent-top{
	width:477px;
	height:20px;
	float:left;
	background: #FFFFFF url(../images/sg/ecards/ecard_top.jpg) no-repeat bottom left;
}
.main-middlecontent-photo{
	width:472px;
	height:266px;
	float:left;
	min-height:259px;
	background: #FFFFFF url(../images/sg/ecards/ecard_shadow.gif) repeat-y;
	text-align:center;
}
.main-middlecontent-photo-area{
	width:100%;
	height:259px;
	text-align:center;
}
.e-card-shadow{
width:466px;
background:url(../images/sg/ecards/e-card-shadow-b.png) repeat-x;
height:7px;
position:relative;
top:0;
/*top:268px;*/
left:3px;
*left:0;
}

.main-middlecontent-tab{
	width:472px;
	float:left;
}

.main-middlecontent2{
	width:480px;
	float:left;
	padding-top:12px;
	padding-bottom:6px;
}
.main-middlecopy{
	width: 460px;
	float:left;
}
.icon-picture{
	width: 312px;
 	display:block;
 	padding: 3px 0 15px 20px;
	background:url(../images/where/icon-pictures.gif) no-repeat 0 5px;
	float:right;
}

/************* Related Site *************/
.main-related{
	width:473px;
	padding:0 0 0 0;
	float:left;
}

.main-related ul{
	width:473px;
 	margin: 0;
 	padding: 0;
 	float: left;
 	list-style: none;
 	display:block;
}

.main-related ul li{
	width:216px;
	padding:0 0 5px 15px;
	display:block;
	background:url(../images/home/bullet.gif) 0 5px  no-repeat;
	float:left;
}

/************* Recommendation *************/
.main-recommendation{
	width:453px;
	border-top: 3px solid #c0c0ba;
	background-color:#f0f0e8;
	margin:15px 0 0 0;
	padding: 8px 10px;
	float:left;
}

.main-recommendation-header{
	width:220px;
	float:left;
}

.main-sign-in{
	width:230px;
	float:right;
	text-align:right;
	font-size:11px;
}

.main-recommendation-container{
	width:453px;
	padding: 10px 0 10px 10px;
	float:left;
}

/************* Ecard  *************/
.main-middlecontent-ecard{
	width:463px;
	float:left;
	padding:15px 5px 10px 5px;
	text-align:center;
}

/********* Profile Css *********/
.profile{
	width:480px;
	padding:10px 0 0 0;
	float:left;
}

.profile ul{
	width:480px;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	display:block;
}

.profile ul li{
	width:230px;
	padding:0 5px 10px 0;
	display:block;
	float:left;
}

.profile-container{
padding:0;
margin:0;
width:226px;
float:left;
}

.profile-middle-container{
width:205px;
float:left;
padding: 7px 8px 7px 11px;
background:url(../images/who/profile/bg-box.jpg) repeat-x #ffffff;
border-left:1px solid #b7b7b7;
border-right:1px solid #b7b7b7;
font-size:11px;
}


.readmore{
width:60px;
float:left;
padding: 7px 0 0 10px;
text-align:left;
}

.arrow{
width: 10px;
padding: 6px 0 0 3px;
float:left;
}

/****************************** Event Css ******************************/



/****************************** Sitemap Css ******************************/
.sitemap{
width:824px;
padding:0 0 0 50px;
margin:0;
float:left;
}

.sitemap-small{
width:700px;
padding:0 0 0 50px;
margin:0;
float:left;
}

.sitemap ul, .sitemap-small ul{
list-style:none;
float:left;
}

.sitemap ul li, .sitemap-small ul li{
width:172px;
margin:0;
padding:0 14px 8px 14px;
background:url(../images/home/bullet.gif) no-repeat 0 4px;
float:left;
display:block;
}

.sitemap-title{
width:876px;
padding:7px 0 7px 10px;
margin:0;
float:left;
background:#efefee;
}

/****************************** Iframe container for 3 cols(small) ******************************/
.iframe-3col-content{
width:480px;
margin:0;
float:left;

}
.iframe-3col-copy{
width:450px;
margin:0;
float:left;
padding:10px;
}
.iframe-3col-content ul{
width:450px;
float:left;
padding: 15px 15px 15px 10px;
}

.iframe-3col-content ul li{
width:138px;
float:left;
padding: 0 0 10px 12px;
/*padding: 0 4px 10px 8px;*/
display:block;
list-style:none;
}

.image-top{
width:138px;
float:left;
}

.image-middle{
height:130px;
width:119px;
background:url(../images/sg/listing/bg.gif) repeat-y;
padding:3px 11px 0 8px;
text-align:center;
float:left;
}

.image-middle-noborder{
width:119px;
height:130px;
padding:3px 0 0 5px;
text-align:center;
float:left;
}

.image-middle-noborder p{
padding:5px 0 0 0;
line-height:14px;
/*height:55px;*/
}

.image-middle p{
padding:5px 0;
line-height:14px;
}

.thumb-3col-paging{
width:480px;
padding:9px 0;
background:#efefee;
float:left;
text-align:center;
margin:0;
}

.thumb-3col-header{
width:461px;
padding:15px 0 15px 19px;
float:left;
text-align:center;
border-bottom:1px dotted #ded7d7;
}

.thumb-3col-header2{
width:336px;
float:left;
text-align:left;
}

.btn-upload{
width:110px;
padding:0 15px 0 0;
float:right;
}

.thumb-3-col-title{
font-size:16px;
color:#990000;
padding:10px 0 0 19px;
font-weight:bold;
width:400px;
float:left;
text-align:left;
}

.thumb-text{
width:119px;
height:35px;
line-height:120%;
float:left;
text-align:center;
display:block;
}
/****************************** Iframe container for 2 cols (Large) ******************************/
.iframe-2col-content{
width:684px;
margin:0;
float:left;
}
.iframe-2col-content p{
margin:30px 0;
text-align:center;
/**text-indent:100px;*/
line-height:140%;
}

.iframe-2col-copy{
width:684px;
margin:0;
float:left;

/*padding: 10px;*/
}
.iframe-2col-content ul{
width:661px;
float:left;
padding: 15px 10px 10px 13px;
}

.iframe-2col-content ul li{
width:138px;
float:left;
padding: 0 12px 10px 15px;
display:block;
list-style:none;
}
.iframe-2col-paging{
width:684px;
background:#efefee;
float:left;
text-align:center;
}
.iframe-2col-header{
width:684px;
padding:12px 0 0 0;
float:left;
text-align:center;
}


/****************************** Year in Review Css ******************************/
.review-header{
	width:463px;
	height:22px;
	color:#FFFFFF;
	background:url(../images/who/year-in-review/table-bg.gif) #f5eff1 repeat-x;
	padding:3px 0 0 10px;
	margin:10px 0 0 0;
	float:left;
	font-weight:bold;
}

.review-container{
	background:url(../images/who/year-in-review/bg-table.gif) repeat-y;
	width:473px;
	float:left;
}
.review-container-cola{
	width:314px;
	float:left;
	padding: 8px;
}

.review-container-colb{
	width:130px;
	float:left;
	padding: 6px 0 0 10px;

}

.review-container-colc{
	width:130px;
	float:left;
	padding: 6px 0 0 25px;

}

* html .review-container-colc{
	width:130px;
	float:left;
	padding: 6px 0 0 18px;

}

.book-cover-col{
width:120px;
float:left;
}

.download-col{
width:120px;
float:left;
}

.download-text{
width:85px;
padding: 5px 5px;
float:left;
}

.download-icon{
width:20px;
padding: 5px 0 0 5px;
float:left;
}

/****************************** css table 3 Cols******************************/
.table-3cols {
	width: 450px;
	padding: 0;
	margin: 0;
	text-align:left;
	vertical-align:top;
}

.table-3cols th {
	padding:5px 3px;
	text-align:left;
	vertical-align:top;
}

.table-3cols td {
	padding:5px 3px;
	text-align:left;
	vertical-align:top;
}
/**** css table bottom line ****/
.table-bottomline {
	width: 98%;
	padding: 0;
	margin: 0;
	text-align:left;
	vertical-align:top;
}
.table-bottomline p {
padding-bottom: 10px;
}
.table-bottomline th  {
	padding:5px 3px;
	text-align:left;
	vertical-align:top;
}

.table-bottomline td {
	padding:5px 3px;
	text-align:left;
	vertical-align:top;
	margin-bottom: 10px;
	padding-right: 10px;
	border-bottom:1px #bfbfbf dotted ;
}
/**** css table 100% ****/
.table-100 {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align:left;
	vertical-align:top;
	float:left;
}
.table-100 th  {
	padding:5px 3px;
	text-align:left;
	vertical-align:top;
}

.table-100 td {
	padding:5px 5px;
	text-align:left;
	vertical-align:top;
	margin-bottom: 10px;
	padding-right: 10px;
}


.table-100 tr td ul li {
	margin:0 0 0 20px;
}


.table-100-color{
  background-color:#fcf4f8;	
}
.table-100-color-grey{
  background-color:#efefee;
}

.table-100-header{
	border-bottom:1px #bfbfbf solid ;
	font-weight:bold;
	background:url(../images/line01.gif) repeat-x;
}

/****table-color-blue****/
.table-100-b {
	width: 480px;
	padding: 0;
	margin: 0;
	text-align:left;
	vertical-align:top;
}


.table-100-b td {
	padding:5px 5px;
	text-align:left;
	vertical-align:top;
	margin-bottom: 10px;
	padding-right: 10px;
}


.table-100-color-blue{
background-color:#d4e3ff;
}

.table-100-color-blue2{
	background-color:#e8f0ff;
	}


.table-80 {
	width: 85%;
	padding: 0;
	margin: 0;
	text-align:left;
	vertical-align:top;
}
.table-80 th {
	padding:3px 3px;
	text-align:left;
	vertical-align:top;
}

.table-80 td {
	padding:3px 3px;
	text-align:left;
	vertical-align:top;
}

.table-90 {
	width: 95%;
	padding: 0;
	margin: 0;
	text-align:left;
	vertical-align:top;
}
.table-90 th {
	padding:4px 5px;
	text-align:left;
	vertical-align:top;
}

.table-90 td {
	padding:4px 5px;
	text-align:left;
	vertical-align:top;
}

/**** css table_2 100% ****/
.table-100a {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align:left;
	vertical-align:top;
}
.table-100a th  {
	padding:5px 3px;
	text-align:left;
	vertical-align:top;
}

.table-100a td {
	padding:7px 5px 7px 22px;
	text-align:left;
	vertical-align:top;
	margin-bottom: 10px;
	line-height:180%;
}

/****** year in review- download pdf******/
#wrap{
	width:314px;
	float:left;
}
* html #wrap {
width:314px;
w\idth:314px;

}
#outer{
/*background:url(../images/who/year-in-review/bg-table.gif) repeat-x;*/
	background:#f5eff1;/*header table bg*/
	color:#4c7300;
	width:323px;
	float:left;
	padding-bottom:30px;
}
#wrap table{/*main table bg*/
	background:#f5eff1;
	color:#000000;
	border-collapse:collapse;
	width:314px;
	
}
	
#wrap td{
	line-height:1.2em;
	position:relative;
	text-align:left;
	border-bottom:1px dotted #bbb8b9;
	vertical-align:bottom;
	padding:10px 5px 0 0;
	font-style:normal;
}
* html #wrap td{
	border:none;
	background:url(../images/who/year-in-review/dots.gif) repeat-x #f5eff1 left bottom ;/***for IE 6***/
	line-height:1.4em;
}
#wrap th{
	background:#f5eff1;
	color:#000000;
	vertical-align:bottom;
	white-space:nowrap;
	padding:0 0 0 13px;
	font-weight:normal;
	
}
#wrap td em{
	margin:0 ;

	position:relative;
	top:.25em;
	padding:0;
	background:#f5eff1;
  vertical-align:bottom;
  font-style:normal;
}
#wrap th em{
	position:relative;
	font-style:normal;
	top:.3em;
}


/**Middle content - year in review landing page **/

.review-content{
	background:#ffffff url('../images/who/year-in-review/bg-table-landing.gif') repeat-x;
	width:473px;
	float:left;
	padding:10px 0 30px 0;
}

.review-content-msg{
	background:#ffffff url('../images/who/year-in-review/bg-table-landing.gif') repeat-x;
	width:463px;
	float:left;
	padding:10px 0 30px 10px;
	text-align:center;
	vertical-align:baseline;
}

.review-content ul{
width:473px;
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}

.review-content ul li{
	width:103px;
	padding:5px 0 5px 12px;
	float:left;
	display:block;
	text-align:center;
}

/*******gallery-details*******/


.gallery-content{
width:450px;
margin:0;
float:left;
padding-top:12px;
}

.gallery-detail{
width:330px;
float:left;
text-align:left;
}

.gallery-detail-bigger{
width:445px;
float:left;
text-align:left;
}

.gallery-thumbup{
width:84px;
height:69px;
float:right;
background:url(../images/sg/gallery/icon-thumbup_bg.gif) no-repeat;
display:block;
cursor:pointer;
}

.thumbup-no{
width:40px;
float:right;
color:#cf1926;
font-size:29px;
font-weight:bold;
text-align:left;
padding:8px 0 3px 0;
margin:0 5px 0 0;
}

.thumb-text2{
width:80px;
float:left;
font-size:12px;
text-align:center;
color:#525252;
margin:0;
padding:1px 0 0 4px;
}

.gallery-thumbup a:hover {
	text-decoration: none;
}

.thumb-text-red{
width:80px;
float:left;
font-size:12px;
font-weight:bold;
color:#cf1926;
text-align:center;
margin:0;
padding:2px 0 3px 4px;
}


.gallery-content-container{
width:430px;
padding:0 0 10px 15px;
/*margin:0 0 0 10px;*/
float:left;
}



/**comment box**/

.comments-container{
width:431px;
float:left;
margin:10px 0 0 10px;
padding: 0 10px 5px 0;
line-height:16px;
}

.comment-box{
width:417px;
float:left;
}

.comment-box ul{
list-style:none;
float:left;
}

.comment-box ul li{
width:387px;
padding:5px 0;
float:left;
}

.comments{
width:387px;
float:left;
margin:0 0 0 5px;
padding:5px 15px 5px 10px;
/*background:#f6f6f6;*/
}

.comments-textbox{
width:470px;
height:67px;
float:left;
margin:5px 0;
}

/*****gallary details slideshow*****/

#slideshow {
	list-style:none; 
	color:#fff;
}

#slideshow span {
	display:none;
}

#wrapper1 {
	width:438px;
	margin:0; 
	display:none;
}

#wrapper1 * {
	margin:0; 
	padding:0;
}

#fullsize {
	position:relative;
	width:438px; 
	height:299px;
	margin:0;
	padding:5px 0 0 0;
	float:left;
	/*padding:2px; */
	/*border:1px solid #ccc;*/ 
	/*background:#000;*/
}

#information {
	/*position:absolute; 
	bottom:0;*/ 
	width:438px; 
	height:0; 
	color:#fff; 
	overflow:hidden; 
	z-index:200; 
	opacity:.7; 
	filter:alpha(opacity=70);
}

#information h3 {
	padding:4px 8px 3px; 
	font-size:14px;
}

#information p {
	padding:0 8px 8px;
}

#image {
	width:438px;
}

#image img {
	position:absolute;
	float:left; 
	z-index:25; 
	width:auto;
	left:0;
}

.imgnav {
	position:absolute; 
	width:25%; 
	height:306px; 
	cursor:pointer; 
	z-index:150;
}


#imglink {
	position:absolute;
	height:298px; 
	width:100%; 
	z-index:100; 
	opacity:.4; 
	filter:alpha(opacity=40);
}

.linkhover {
	background:url(images/link.gif) center center no-repeat;
}

#thumbnails {
	margin-top:10px;
}

#slideleft {
	float:left; 
	width:13px; 
	height:69px;
	padding:10px 0 0 0;
	background:url(../images/sg/gallery/btn-left-arrow.gif) center center no-repeat;
 }
 
#slideleft:hover {
background-color:#ffffff;
}

#slideright {
	float:right; 
	width:13px; 
	height:69px;
	padding:10px 0 0 0; 
	background:url(../images/sg/gallery/btn-right-arrow.gif) center center no-repeat;
}

#slideright:hover {
	background-color:#ffffff;
}

#slidearea {
	float:left; 
	position:relative; 
	width:408px;
	/*padding:10px 0 0 0;*/
	margin:5px 0 0 3px; 
	height:69px; 
	overflow:hidden;
}

#slider {
	position:absolute; 
	left:0; 
	height:81px;
}

#slider img {
	cursor:pointer; 
}

.thumb-paging2{
width:470px;
padding:6px 10px;
margin:0;
background:#efefee;
float:left;
text-align:center;
}

/****sg_newletter****/

/*.newsletter{
width:480px;
padding:3px 5px;
float:left;
text-align:left;
background:#efefee;
}*/

.newsletter-info{
width:470px;
padding:5px 5px;
float:left;
text-align:left;
}
.newsletter-info ul{
list-style:none;
float:left;
padding:0 0 0 15px;
}

.newsletter-info ul li{
width:430px;
margin:0;
background:url(../images/home/bullet.gif) no-repeat 0 10px;
float:left;
display:block;
text-align:left;
padding:5px 0 5px 15px;
line-height:140%;
border-bottom:1px dotted #bfbfbf;
}

.main-middlecontent-newletter{
width:480px;
float:left;
padding-bottom:6px;
}

.select-box{
width:100px;
float:right;
padding: 0 6px;
}

.box-outline{
width:480px;
height:auto;
border:1px #ded7d7 solid;
float:left;
}

.select-year{
width:100px;
}

.newletter-date{
width:200px;
float:left;
padding:3px 0 0 17px;
font-weight:bold;
}

.news-top{
width:480px;
height:18px;
float:left;
padding:5px 0 10px 0;
background:url(../images/home/btn-bg-tab-selected.gif) #FFFFFF repeat-x;
}


/*****input btn*****/

input.btn{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
background-color:#f7f7f7;
border:1px solid #dcdcdc;
margin:5px 0 0 0;
font-weight: bold;
}

input.btnhov {
border-color:#a4c0dc;
}

/****drop down****/

.dropdown{
width:200px;
}

/****browse****/
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

/**Middle content - sg gallery upload sucessful **/

.upload-content{
	background:url(../images/sg/bg-table-diag.gif) repeat-x #ffffff;
	width:473px;
	float:left;
	padding:15px 0 30px 0;
}

/**Sign in**/

.sign-in-bg-round{
width:878px;
margin:0;
float:left;
}

.sign-in-bg-middle{
width:878px;
float:left;
background:url(../images/sign/bg-round-big.gif) repeat-y;
}

.sign-in-content-container{
width:374px;
padding: 0 0 0 40px;
float:left;
}

.sign-in-content-rt-container{
width:374px;
padding: 0 0 0 70px;
float:left;
}

.sign-in-content{
width:374px;
float:left;
}

.sign-in-content-bg{
width:374px;
background:url(../images/sign/bg-box.gif) repeat-y;
float:left;
}

.sign-box{
width:374px;
height:18px;
float:left;
}

/**sign up**/

.sign-up-bg-middle{
width:878px;
float:left;
background-color:#e9f3fa;
}

.sign-up-content{
width:765px;
padding:0 0 0 50px;
margin:0;
float:left;
}

.sign-up-content-top{
width:765px;
float:left;
}

.sign-up-content-middle{
width:765px;
background:url(../images/sign/sign_up2_shadow_middle.gif) repeat-y;
float:left;
}

.sign-up-header-container{
width:281px;
padding: 30px 0 12px 140px;
float:left;
}

.sign-table-area{
width:675px;
padding:5px 0 0 90px;
float:left;
}


/**** css table 100% ****/
.table-100-sign {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align:left;
	vertical-align:top;
}

.table-100-sign td {
	padding:9px 5px 0 5px;
	text-align:left;
	vertical-align:top;
}

.table-bottomline2 {
	padding:5px 3px;
	text-align:left;
	vertical-align:top;
	margin-bottom: 10px;
	padding-right: 10px;
	border-bottom:1px #bfbfbf dotted ;
}

/*** left content extended ***/

.left-content-extended{
width:874px;
float:left;
}

.graphic-header-misc {
	width:924px;
	height:89px;
	padding: 0 0 0 8px;
	float:left;
}

/****back to top****/
 .backtotop {
	background: url(../images/arrow.gif) no-repeat 0 3px;
	font-size: 0.7em;
	text-indent: 18px;
	clear: both;
	padding-top: 20px;
}

/****************************** Footer Css ******************************/
#footer{
	width: 886px;
	height: 30px;
	border-top:1px #bfbfbf dotted ;
	background-color:#FFFFFF;
	margin-top:15px;
	font-weight:normal;
}

#footercontent { 
	width: 886px;
  	margin: 0;
  	padding: 0;
	color:#999999;
  	list-style: none;
	font-size:11px;
	float: left;
  	}
	
	#footer-home{
	width: 900px;
	height: 30px;
	border-top:1px #bfbfbf dotted ;
	background-color:#FFFFFF;
}

#footercontent-home { 
	width: 900px;
  	margin: 0;
  	padding: 0;
	color:#999999;
  	list-style: none;
	font-size:11px;
	float: left;
  	}
	
#footercontent a {

  	text-decoration: none;
}
	
#footercontent a:hover, a:active{
	text-decoration:underline;
}

#copyright {
	width:700px;
  	float: left;
  	margin: 0;
  	padding: 7px 0;
	font-weight:normal;
	text-align:left;
}
#Powered {
	width:170px;
	text-align:right;
  	float: right;
  	margin: 0;
  	padding: 7px 0;
} 


	
/****************************** Clear float Css ******************************/	
#clear{
	clear:both;
}

/****************************** image float Css *****************************/	
.floatright{ margin-left:10px; margin-bottom:10px;}
.floatleft{ margin-right:10px; margin-bottom:10px;}


/**** css publication table- 100% ****/
.table-100pu{
	width: 100%;
	padding: 0;
	margin: 0;
	text-align:left;
	vertical-align:top;
	float:left;	
}
.table-100pu_th{
	padding:5px 3px;
	text-align:left;
	vertical-align:top;
}
.table-100pu td {
	padding:5px 5px 5px 3px;
	text-align:left;
	vertical-align:top;
	margin-bottom: 2px;
}
.table-100pu_td {
	padding: 0;
	text-align:left;
	vertical-align:top;
	margin: 0;
	float:left;
	width:98%;

}
.EmptyRow
{
    height:50px;    
    vertical-align:middle;
    text-align:center; 
    width:480px;
}
.EmptyRow
{
    text-align:-moz-center; /*For Firefox*/
    display:table-cell;
}
/***publication-pdf***/

.publication-box{
width:300px;
float:left;
text-align:left;
}

.publication-icon{
width:20px;
float:left;
padding:0 6px 0 0;
}

.publication-text{
width:275px;
float:right;
text-align:left;
}
.image-left{
float:left;
padding:6px 0 7px 10px;
display:block;
}


.innerrightcontent{
position:relative;
float:left;
width:181px;
height:14px;
margin-top:-10px;
padding:0px;
margin-left:-1px;
background:url(../images/navi/right-content-bg.gif) top left no-repeat;

}

.innerrightcontentbt{
position:relative;
float:left;
width:181px;
height:15px;
margin-left:-1px;
margin-bottom:-10px;
background:  url(../images/navi/right-content-bgbt.gif) no-repeat bottom;

}

.rightwrapper{width:179px;
float:right;}

/******* in this section ********/
.wrapinthis{width:179px; margin-right:6px;padding:0px; float:right; margin-bottom:10px;}
.wrapinthis ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display:block;
}
.wrapinthis ul li{
	width:120px;
	padding:0px 15px 0px 15px;
	line-height:120%;
	display:block;
	background:url(../images/home/btn-bullet.gif) 0 3px no-repeat;
}


.inthissection{width:181px; height:28px; float:left; background: url(../images/navi/thissection.gif); }
.inthisseccenter{width:159px; padding:5px 5px 0px 15px; margin:0px; float:left; height:auto; background:#FFFFFF; border-left:#e2e1e1 solid 1px; border-right:#e2e1e1 solid 1px; text-align:left; line-height:150%; }
.inthissecbottom{width:181px; height:10px; float:left; background: url(../images/navi/inthissecbottom.gif) no-repeat; margin-top:0px; display:block;}
.bitspacer{width:179px; height:16px; float:right;}

/***  headers ***/
.h8 {
 /*display:block;*/
 /*line-height:100%;*/
}