@charset "utf-8";
/*  Copyright 2008 Multicultural Arts & Media Centre */


body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	line-height: 1.116;
	background-image: url(images/background.png);
	background-position: top;
	background-repeat: repeat-x;
}

a{
	color: #000099;
	text-decoration: none;
}

a:link{
	color: #000099;
	text-decoration: none;
}

a:visited{
	color: #000099;
	text-decoration: none;
}

a:hover{
	color: #000099;
	text-decoration: underline;
}

ul{
	list-style-type: square;
}

ul ul{
	list-style-type: disc;
}

ul ul ul{
	list-style-type: none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#mastcontainer{
	width: 770px;
	border: none;
	padding: 0px 0px 0px 0px;
}

#container{
	float: inherit;
	width: 770px;
	border: none;
	padding: 5px 0px 5px 0px;
	background-color: #ffffff;
}


/******************** START Top page menu style (Currently obsolete July 08) ********************/

#globalNav{
	padding: 10px 0px 15px 5px;
	background-color: #ffffff;
}

#globalNav a {
	font-size: 80%;
	padding: 0 4px 0 0;
}

#globalNav a:hover{
	background-color: #99ffff;
}

#globalNav ul {
	list-style-type: none;
	display: inline;
	padding: 1px 1px 1px 1px;
	border: solid 1px;
	background-color: #03618f;
}

#globalNav li {
	list-style-type: none;
	display: inline;
	padding: 1px 1px 1px 1px;
}

#globalNav img {
	border: 0px;
	float: left;
	padding: 0px 0px 0px 10px;
}

/******************** END Top page menu style (Currently obsolete July 08) ********************/

#leftset {
	background-image: url(images/leftnavtop.gif);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #03618f;
	float: left;
	width: 200px;
	height: auto;
}

/******************** START Left hand menu styles ********************/

#ddblueblockmenu{
	border: 1px solid black;
	border-bottom-width: 0;
	width: 185px;
}

#ddblueblockmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: normal 90% Verdana, Arial, Helvetica, sans-serif;
}

#ddblueblockmenu li a{
	display: block;
	padding: 3px 0;
	padding-left: 9px;
	width: 169px; /*185px minus all left/right paddings and margins*/
	text-decoration: none;
	text-align: left;
	color: white;
	background-color: #03618f;
	border-bottom: 1px solid #90bade;
	border-left: 7px solid #ffffff;
}

* html #ddblueblockmenu li a{ /*IE only */
	width: 187px; /*IE 5*/
	w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li.li1 a:hover {
	background-color: #2586d7;
	border-left-color: #FF0000;
}

#ddblueblockmenu li.li2 a:hover {
	background-color: #2586d7;
	border-left-color: #00FF00;
}

#ddblueblockmenu li.li3 a:hover {
	background-color: #2586d7;
	border-left-color: #FFFF00;
}

#ddblueblockmenu li.li4 a:hover {
	background-color: #2586d7;
	border-left-color: #FF00FF;
}

#ddblueblockmenu li.li5 a:hover {
	background-color: #2586d7;
	border-left-color: #00FFFF;
}

#ddblueblockmenu div.menutitle1{
	color: black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding: 1px 0;
	padding-left: 5px;
	background-color: #FF6666;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
}

#ddblueblockmenu div.menutitle2{
	color: black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding: 1px 0;
	padding-left: 5px;
	background-color: #87e88b;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
}

#ddblueblockmenu div.menutitle3{
	color: black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding: 1px 0;
	padding-left: 5px;
	background-color: #f2f764;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
}

#ddblueblockmenu div.menutitle4{
	color: black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding: 1px 0;
	padding-left: 5px;
	background-color: #d95ce8;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
}

#ddblueblockmenu div.menutitle5{
	color: black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding: 1px 0;
	padding-left: 5px;
	background-color: #5cbfe8;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
}

/******************** END Left hand menu styles ********************/

#rightset {
	background-color: #FFFFFF;
	float: right;
	width: 550px;
	padding: 10px;
}

#rightset ul {
	list-style-type: none;
	display: inline;
	padding: 0px 0px 0px 0px;
	border: none;
}

#rightset li {
	list-style-type: none;
	display: inline;
	padding: 1px 1px 1px 1px;
}

#bottomcontainer {
	background-color: #FFFFFF;
	float: right;
	vertical-align: bottom;
	width: 100%;
}
/***********************************************/
/*Component Divs                               */
/***********************************************/
#topimg{
	border: none;
	padding: 0px 0px 0px 0px;
	position: relative;
	vertical-align: bottom;
}

#mainholderimg{
	border: none;
	padding: 0px 0px 0px 0px;
	position: relative;
	vertical-align: top;
	float: left;
}

#mainbannerimg{
	border: none;
	padding: 0px 0px 0px 0px;
	position: relative;
	vertical-align: top;
	float: right;
}

#bottomimg{
	border: none;
	padding: 0px 0px 5px 0px;
	position: relative;
	vertical-align: top;
}

#bigimg{
	border: none;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 0px;
	position: relative;
	float: right;
}

.imgright{
	float: right;
	margin: 0px;
	padding: 0px;
}

/***********************************************/
/*styling Divs                                 */
/***********************************************/

#mastcontainer p{
	padding: 0px 0px 0px 0px;
}

#rightset p{
	padding: 0px 0px 0px 0px;
	text-align: justify;
}

#leftset p{
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#leftset img{
	vertical-align: bottom;
	padding-top: 10px;
}

#rightset img{
	vertical-align: inherit;
	float: left;
}

#bottomcontainer p{
	padding: 5px 5px 5px 15px;
	text-align: left;
	color: #FFFFFF;
	background-color: #03618f;
	border:solid 1px #000000;
}

#newsSection{
	width: 375px;
	height: 175px;
	overflow: scroll;
	float: left;
	padding: 10px;
	background-color: #03618f;
	text-align: justify;
	color: #FFFFFF;
	vertical-align: sub;

}

#newsP{
text-align: center;
}

/*News Section */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
float: left;
border-top: 0px solid navy;
border-left: 0px solid navy;
border-right: 0px solid navy;
border-bottom: 0px solid navy;
width: 250px; /*width of featured content slider*/
height: 245px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
float: left;
background: white;
width: 247px; /*width of content DIVs within slider. Total width should equal slider's inner width */
height: 239px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 94px; /*Width of pagination DIV. Total width should equal slider's outer width*/
text-align: center;
float: left;
}

.pagination a{
padding-right: 0px;
text-decoration: none; 
color: #000000;
}

.pagination a:hover, .pagination a.selected{
color: #000000;
}

#newsRed{
background-image:url(images/Image3link.png);
height: 49px;
width: 94px;
}

#newsGreen{
background-image:url(images/Image1link.png);
height: 49px;
width: 94px;
}

#newsYellow{
background-image:url(images/Image4link.png);
height: 49px;
width: 94px;
}

#newsPurple{
background-image:url(images/Image5link.png);
height: 49px;
width: 94px;
}

#newsBlue{
background-image:url(images/Image2link.png);
height: 49px;
width: 94px;
}

/* END of news section */


.wwwH3{
padding-left: 355px;
color: #ffffff;
}

.wwwP{
padding-left: 355px;
text-align: centre;
color: #ffffff;
}

#lowerSection{
background-color: #03618f;
}

#lowerSectionStall{
background-color: #03618f;
background-image: url(images/newsbottom.png);
background-position: bottom;
background-repeat: no-repeat;
}

#stallNewsImage{
vertical-align: bottom;
}

#gMap{
	padding-left: 5px;
}

/* Each page has a different height, to allow flow, the mega mela logo has extra padding */
/* Below, each page has it's own padding spacing, just change the padding-bottom to adjust the size */

#leftImgObjective{
	vertical-align: bottom;
	padding-bottom: 5px;
}

#leftImgManagement{
	vertical-align: bottom;
	padding-bottom: 5px;
}

#leftImgAchievements{
	vertical-align: bottom;
	padding-bottom: 5px;
}

#leftImgFreelance{
	vertical-align: bottom;
	padding-bottom: 5px;
}

#leftImgMela{
	vertical-align: bottom;
	padding-bottom: 5px;
}

#leftImgWwo{
	vertical-align: bottom;
	padding-bottom: 5px;
}

#leftImgEventman{
	vertical-align: bottom;
	padding-bottom: 5px;
}

#leftImgStall{
	vertical-align: bottom;
	padding-bottom: 5px;
}

#leftImgSponsor{
	vertical-align: bottom;
	padding-bottom: 5px;
}

#stallTable{
	width: 530px;
	background-color: #03618f;
	border: none;
}

#stallTable td{
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#videoImg1{
	float: left;
	padding-right: 70px;
	padding-left: 20px;
}

#videoImg2{
	float: right;
}

#galleryH2{
	float: left;
}

/*Gallery thumbnail viewer*/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/*END Gallery thumbnail viewer*/

.galleryPhoto{
padding-top: 5px;
padding-right: 20px;
}

.galleryPhotoLeft{
padding-top: 5px;
padding-right: 20px;
padding-left: 8px;
}

.galleryPhotoRight{
padding-top: 5px;
}