@charset "UTF-8";
/* CSS Document */

body {
	font: 80% Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: url(/media/media,72813,en.png) repeat left top;
}

#logohome h1 {
	text-indent: -9000px;
	}

#logohome h1, #logohome h1 a {
	width: 120px;
	height: 120px;
	margin-left:20px;
	display: block;	
	}


#container {
	width: 840px;
	background: url(/media/media,72816,en.png) repeat-y center top;
	margin: 0em auto;
	padding: 0em;
}
#header {
	background: url(/media/media,72823,en.png) no-repeat center center;
	height: 150px;
	width: 100%;
}
body.green #header{
	background: url(/media/media,72825,en.png) no-repeat center center;
}
body.pink #header{
	background: url(/media/media,72826,en.png) no-repeat center center;
}
body.yellow #header{
	background: url(/media/media,72827,en.png) no-repeat center center;
}
body.blue #header{
	background: url(/media/media,72824,en.png) no-repeat center center;
}
#breadcrumb{
	width:100%;}
#breadcrumb li {
	float: left;
	list-style: none;
	margin-left:0.5em;
}
#breadcrumb a{
	color:#3A2073;
}
#breadcrumb ul {
	font-size:85%;
	background:#FFFFFF;
	width:800px;
	margin: 0em 0em 0em 20px;
}

html>/**/body #breadcrumb ul{
	margin-left:-10px;
}

#breadcrumb a{
	font-weight:bold;
	background: url(/media/media,72814,en.png) no-repeat right center;
	padding-right: 1.5em;
	
}
#breadcrumb a.last{
	background: url(/media/breadcrumb_arrow_none.png) no-repeat right center;
}



#topnav ul{
	margin-left:0em;
	float:right;
	width:800px;
	margin-top:70px;
	margin-right:10px;
}
html>body #topnav ul{
	margin-right:20px;
}
html:first-child #topnav ul{
	margin-top:72px;
	width:780px;
}
#topnav li{
	float:right;
	list-style:none;}
#topnav a{
	display:block;
}

#topnav a.blue {
	background: url(/media/media,72829,en.png) no-repeat center center;
	height: 30px;
	width: 93px;
}
#topnav a.yellow {
	background: url(/media/media,72836,en.png) no-repeat center center;
	height: 30px;
	width: 180px;
}
#topnav a.green {
	background: url(/media/media,72832,en.png) no-repeat center center;
	height: 30px;
	width: 99px;
}
#topnav a.pink  {
	background: url(/media/media,72834,en.png) no-repeat center center;
	height: 30px;
	width: 108px;
}

#topnav li ul.blue{
	height:7px;
	width: 800px;
	position: absolute;
	top: 40px;
	margin-left:-320px;
}
html>body #topnav li ul.blue{
	margin-left:-413px;
	top: 44px;
}
html>/**/body #topnav li ul.blue{
	margin-left:-360px;
	top: 44px;
}
html:first-child #topnav li ul.blue{
	top: 42px;
}
#topnav li ul.yellow{
	height:7px;
	width: 800px;
	position: absolute;
	top: 40px;
	margin-left:-413px;
}
html>body #topnav li ul.yellow{
	margin-left:-593px;
	top: 44px;
}
html>/**/body #topnav li ul.yellow{
	margin-left:-453px;
	top: 44px;
}
html:first-child #topnav li ul.yellow{
	top: 42px;
}
#topnav li ul.green{
	height:7px;
	width: 800px;
	position: absolute;
	top: 40px;
	margin-left:-593px;
}
html>body #topnav li ul.green{
	margin-left:-692px;
	top: 44px;
}
html>/**/body #topnav li ul.green{
	margin-left:-633px;
	top: 44px;
}
html:first-child #topnav li ul.green{
	top: 42px;
}
#topnav li ul.pink{
	height:7px;
	width: 800px;
	position: absolute;
	top: 40px;
	margin-left:-692px;
}
html>body #topnav li ul.pink{
	margin-left:-800px;
	top: 44px;
}
html>/**/body #topnav li ul.pink{
	margin-left:-732px;
	top: 44px;
}
html:first-child #topnav li ul.pink{
	top: 42px;
}

#topnav ul.blue li{
	background: url(/media/media,72830,en.png) no-repeat center center;
	width: 100%;
	height:7px;
}

#topnav ul.green li{
	background: url(/media/media,72831,en.png) no-repeat center center;
	width: 100%;
	height:7px;
}
#topnav ul.yellow li{
	background: url(/media/media,72835,en.png) no-repeat center center;
	width: 100%;
	height:7px;
}
#topnav ul.pink li{
	background: url(/media/media,72833,en.png) no-repeat center center;
	width: 100%;
	height:7px;
}

#topnav ul.pink, #topnav ul.green, #topnav ul.yellow, #topnav ul.blue{
	display:none;
}
body #topnav li:hover ul.pink, body #topnav li:hover ul.green, body #topnav li:hover ul.blue, body #topnav li:hover ul.yellow,
body.green #topnav li:hover ul.pink, body.green #topnav li:hover ul.green, body.green #topnav li:hover ul.blue, body.green #topnav li:hover ul.yellow,
body.pink #topnav li:hover ul.pink, body.pink #topnav li:hover ul.green, body.pink #topnav li:hover ul.blue, body.pink #topnav li:hover ul.yellow,
body.yellow #topnav li:hover ul.pink, body.yellow #topnav li:hover ul.green, body.yellow #topnav li:hover ul.blue, body.yellow #topnav li:hover ul.yellow,
body.blue #topnav li:hover ul.pink, body.blue #topnav li:hover ul.green, body.blue #topnav li:hover ul.blue, body.blue #topnav li:hover ul.yellow{
display:block}

#column1 {
	float: left;
	width: 609px;
	margin-left: 15px;
}
#homecolumn1 {
	float: left;
	width: 619px;
	margin-left: 10px;
}

#homecolumn1 img {
	border: none;
}

html>body #column1 {
	margin-left: 30px;
}
html>body #homecolumn1 {
	margin-left: 20px;
}

#column1 a {
	color: #0066CC;
}
#column1 a:hover {
	text-decoration: none;
}


.green h1 {
	background: url(/media/media,72819,en.png) no-repeat left top;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
	margin-top:0.3em;
}
.pink h1 {
	background: url(/media/media,72820,en.png) no-repeat left top;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
	margin-top:0.3em;
}
.yellow h1 {
	background: url(/media/media,72821,en.png) no-repeat left top;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
	margin-top:0.3em;
}
.blue h1 {
	background: url(/media/media,72818,en.png) no-repeat left top;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
	margin-top:0.3em;
}

#column2, #homecolumn2 {
	float: right;
	width: 180px;
	margin-right: 10px;
}

#homecolumn2 p{
margin-left:0.5em;}
html>body #column2,  html>body #homecolumn2  {
	margin-right: 20px;
}
#homecolumn2 input{
	border: 1px none #e4e4e4;
}
#homecolumn2 img{
	border: none;
}
.invisible {
	overflow: hidden;
	position: absolute;
	height: 0em;
	width: 0em;
}
.ff {
	clear: both;
	float: none;
	width: 100%;
}
#rightnav ul {
	margin-left: 0em;
	width: 100%;
}
html>/**/body #rightnav ul {
	margin-left: -3.2em;
	width: 100%;
}
#rightnav li {
	list-style: none;
}
#rightnav a {
	color: #000000;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 0.5em;
}
#rightnav li li a{
	background: #F2f2f2;
}
#rightnav a:hover {
	color: #000000;
	background: #cccccc;
}
#rightnav h2 {
	background: url(/media/media,72822,en.png) no-repeat center center;
	padding-bottom: 0.6em;
	padding-top: 0.6em;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:-0.8em;
}
#footer {
	font-size: 85%;
	color: #999999;
	text-align: center;
	border-top: 1px solid #CCCCCC;
	clear:both;
	margin-top:1em;
}
#column1 #footer a, #homecolumn1 #footer a {
	color: #999999;
}
#footer li {
	float: left;
	list-style: none;
	margin-right: 0.5em;
	text-align: center;
}
#footer ul {
	margin-right: auto;
	margin-left: auto;
	float: none;
	text-align: center;
}
#footernav {
	width: 55%;
	margin:-1.7em auto 0em;
	padding:0em;
}
html>/**/body #footernav {
	margin-top: -1em;
}
#footernav ul{
	margin:0em;
	padding:0em;
}
#footernav a {
	background: url(/media/media,72817,en.png) no-repeat right center;
	padding-right: 1em;
}
#footernav a.last {
	background: url(/media/footer_bar_none.png) no-repeat right center;
}
#footernav a:hover {
text-decoration:none;
}
.homebox{
	float: left;
	width: 48%;
	padding-left:0.5em;
	padding-right:0.5em;
}
html>body .homebox{
	width: 47.5%;
}
html:first-child .homebox{
	width: 48%;
}
.homebox a{
	color:#000000;
	text-decoration:none;
}
#homerow1col1.homebox a{
	color:#73aa00;
	text-decoration:none;
	font-weight:bold;
	font-size:95%;
}
#homerow1col2.homebox a{
	color:#F69C0A;
	text-decoration:none;
	font-weight:bold;
	font-size:95%;
}
#homerow1col1.homebox li{
	font-size:90%;
	list-style:none;
	background: url(../images/home_box1_line.png) repeat-x center bottom;
	padding-bottom:0.75em;
	padding-top:0.35em;
	}
#homerow1col2.homebox li{
	font-size:90%;
	list-style:none;
	background: url(../images/home_box2_line.png) repeat-x center bottom;
	padding-bottom:0.75em;
	padding-top:0.35em;
	}
#homerow1col1.homebox li li, #homerow1col2.homebox li li{
	background: url(none);
	}
#homerow1col1.homebox ul, #homerow1col2.homebox ul{
margin-left:0.7em;
margin-right:1em;}
html>/**/body #homerow1col1.homebox ul, html>/**/body #homerow1col2.homebox ul{
margin-left:-2.5em;}

a.ironman{
	background: url(../images/home_smallimages_ironman.png) no-repeat left top;
	padding-left:45px;
	padding-bottom:2.4em;
}
a.fantasticfour{
	background: url(../images/home_smallimages_fantasticfour.png) no-repeat left top;
	padding-left:45px;
	padding-bottom:2.4em;
}
a.spiderman{
	background: url(../images/home_smallimages_spiderman.png) no-repeat left top;
	padding-left:45px;
	padding-bottom:2.4em;
}
a.jaws{
	background: url(../images/home_smallimages_jaws.png) no-repeat left top;
	padding-left:45px;
	padding-bottom:2.4em;
}
a.superman{
	background: url(../images/home_smallimages_superman.png) no-repeat left top;
	padding-left:45px;
	padding-bottom:2.4em;
}
a.vector{
	background: url(../images/home_smallimages_vector.png) no-repeat left top;
	padding-left:45px;
	padding-bottom:2.4em;
}
a.diehard{
	background: url(../images/home_smallimages_diehard.png) no-repeat left top;
	padding-left:45px;
	padding-bottom:2.4em;
}







#homerow1col1.homebox ul ul, #homerow1col2.homebox ul ul{
margin-left:45px;}

html>/**/body #homerow1col1.homebox ul ul, html>/**/body #homerow1col2.homebox ul ul{
margin-left:5px;}
.homebox a .golink{
color:#0066CC;
font-weight:bold;
font-size:95%;
text-decoration:underline;}
.homebox a:hover, .homebox a:hover .golink{
text-decoration:none;}
#homecolumn2 a{
color:#000000;
text-decoration:none;}
#homecolumn2 a .golink{
color:#73AA00;
font-weight:bold;
font-size:95%;
text-decoration:underline;}

#homecolumn2 a:hover, #homecolumn2 a:hover .golink{
text-decoration:none;}

.homerow{
clear:both;
}
html>/**/body .homerow{
margin-top:-1em;
}
.homerow img{
float:right;
border:none;
}
.homerow h2{
            padding-bottom:0.5em;
            /* padding-top:1em; <-- NOT NEEDED. EXTRA PADDING */
            margin-bottom:-0.5em;}

html>body .homerow h2{
            padding-bottom:1em;
            /* padding-top:1em; <-- NOT NEEDED. EXTRA PADDING */
            margin-bottom:-0.5em;}


			/* NEW */
/* Mozilla Firefox H4CK*/            
div.homerow div.homebox h2 img, x:-moz-any-link  { margin-right: -8px;}

/* Fix the overflow wrapping around */
div.homebox {    overflow: hidden; }
/* END NEW */   


.h2photography{	background: url(/media/media,73596,en.png) no-repeat left top;}
.h2eventsworkshops{	background: url(/media/media,73590,en.png) no-repeat left top;}
.h2recentworkshops{	background: url(/media/media,73598,en.png) no-repeat left top;}
/* ### COMMENTED OUT AS NOT NEEDED ANYMORE ###
.h2magazine{ background: url(/upforit07media/media,73602,en.png) no-repeat left top;}
.h2presspacker{	background: url(/upforit07media/media,73597,en.png) no-repeat left top;}
.h2competitions{ background: url(/upforit07media/media,73589,en.png) no-repeat left top;}
.h2itsup2u{	background: url(/upforit07media/media,73593,en.png) no-repeat left top;}
.h2haveyoursay{	background: url(/upforit07media/media,73591,en.png) no-repeat left top;}
 */
.h2login{	background: url(/media/media,73594,en.png) no-repeat left center; padding-top:0.5em; padding-bottom:0.65em; margin-left:0.3em;}
.h2tellafriend{background: url(/media/media,73599,en.png) no-repeat left center;  padding-top:0.5em; padding-bottom:0.5em; margin-left:0.3em;}
.h2benefits{background: url(/media/media,73588,en.png) no-repeat left center;  padding-top:0.5em; padding-bottom:0.5em; margin-left:0.3em;}
.h2newsfeed{background: url(/media/media,75854,en.jpg) no-repeat left center; padding-top:1.2em; padding-bottom:1.2em; margin-left:0.3em;}
.h2malaysianmembers{background: url(/media/media,73592,en.jpg) no-repeat left center; padding-top:1.3em; padding-bottom:1.3em; margin-left:0.3em;}


/* #############################: BEGIN EDITS :############################################# */

 

.col1_event { text-align: left; background: url(/media/media,73607,en.png) repeat-x center bottom; padding: 0px 0px 2px 0px; margin: 5px 8px 5px 8px;}

.col2_event { text-align: left; background: url(/media/media,73608,en.png) repeat-x center bottom; padding: 0px 0px 2px 0px; margin: 5px 8px 5px 8px;}

.col1_event img.event_img, .col2_event img.event_img { float: left; margin: 0px 10px 5px 0px;}

p.event_p { float: left; margin: 0px; padding: 0px; font-size: 90%;}                                                    

div.clear10 { clear: both; height: 10px; font-size: 1px;}

div.clear { clear: both; height: 1px; font-size: 1px;}

 

/* ##############################: END EDITS :############################################# */

.eventsworkshops img, .recentworkshops img {
float:left;
padding-right: 5px;
}