* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}

body, html 
{
color: #000; 
font-family: Verdana, Arial, Tahoma, sans-serif;
background:url(../images/bg-body.gif);
}

#skip
{
display:none;
}
body {
font-size: 70%;
/* removed 31/07/08
min-width: 800px;
*/
}
a
{
color: #000099;
}
a:hover
{
color: #0000FF;
text-decoration: none;
}

h1, h2, h3 
{
font-weight: bold;
}
h1 {
font-size: 16px;
color:#00aeef;
}
h2
{
font-size:12px;
}
h1 a, #header h2
{
color: #fff;
}
.clear 
{ 
clear: both; 
}

#mainContainer 
{
min-height: 300px;
background: #add8e6 url(../images/bg-right.gif) top right repeat-y;
/* removed 31/07/08
max-width:1212px;
width: expression(document.body.clientWidth < 802? "800px" : document.body.clientWidth > 1212? "1210" : "auto");
*/
background-color:#ffffff;
padding:0 10px 0 9px;
}
* html #mainContainer 
{
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
a:hover
{
text-decoration:none;
}

/**************************
HEADER
**************************/
#header 
{
display:none;
}

/**************************
Top Navigation
**************************/
#nav {
display:none;
}

/************************
Sub Drop Down Navigation
*************************/
div.subnav 
{
display:none;
}

/***Breadcrum****/
.breadcrum
{
display:none;
}

/**************************
CONTENT AND COLUMNS
**************************/
.outer 
{
/* changed 31/07/08
border-left: 155px solid #fff;  This is the width and the color for our left column 
border-right: 195px solid #fff; This is the width and the color for our right column 
*/
border-left: 15px solid #fff; 
border-right: 15px solid #fff;
}
* html .outer 
{
/*** No need for hacking IE on this layout ***/
}
.outerhome 
{
border-left: 155px solid #fff; /*** This is the width and the color for our left column ***/
}

.inner 
{
width: 100%; 
background:#ffffff 
}


.float-wrap {
float: left;
width: 100%;
/* changed 31/07/08
margin-left: -155px;  Same length as .outer border-left but with negative value 
*/
margin-left: 15px;
background:#ffffff 
}

#content {
/* removed 31/07/08
float: right;
*/
/* changed 31/07/08
margin-right: -155px;   Same length as .outer border-left but with negative value 
width: 100%;
*/
margin-right: 15px;
width: 50%;
background:#ffffff url(../images/bg-top-center.gif) 0 0 repeat-x;

}
* html #content {
position: relative;
}
.contentWrap{
 margin-left:6px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}

/***************
Common Class For Main Content
************/
.fonts
{
float:right;
list-style:none;
padding-top:10px;
}
.fonts
{
display:none;
}

ul.fonts li
{
float:left;
height:17px;
border-right:solid 1px #494949;
padding:0 10px;
}
ul.fonts li a
{
float:left;
display:block;
text-indent:-9999em;
width:10px;
height:17px;

}
a#smalla
{
background:url(../images/btn_decrease.gif) 0 6px no-repeat;
}
a#biga
{
background:url(../images/btn_increase.gif) 0 4px no-repeat;
}
ul.fonts li.last
{
border:none;
}



/****
Normal Page
****/
.normalpage h1, .normalpage .intro
{
margin:10px 0 0 12px;

}

.normalpage a:hover
{
text-decoration:underline;
}


.normalpage h1
{
float:left;
}
.normalpage .intro
{
clear:left;
font-size: 14px;
color:#00aeef;
font-weight:normal;
padding:6px 25px 12px 0;
background:url(../images/line-divider.gif) bottom left repeat-x;
}
.topimage
{
/* removed 31/07/08
margin:15px 0 0 0;
height:266px;
padding-top:1px;
background:url(../images/main-banner.gif) 0 0 no-repeat;
*/
/* added 31/07/08 */
display:none;
}
.normalpage p
{
color:#494949;
font-size:11px;
margin:10px 10px 0 12px;
}
.normalpage p.help
{
border:solid 1px #e7bbce;
padding:6px 0 11px 13px;
margin-top:18px;
}
.normalpage a
{
color:#494949;
}

/****** media relase ****/

.pdf
{
background:url(../images/pdf-ico.gif) 0 0 no-repeat;
padding-left:16px;
margin:10px 10px 0 12px;
padding-bottom:10px;
}

.pdf p a
{
text-decoration:underline;
}

/****
Hom Page
****/
#btnmore
{
	display:block; 
	text-align:center; 
	margin-bottom:20px;
	text-decoration:none;
}
.hometop, .homebot
{
 border:solid 1px #ccccc8;
 margin-top:16px;
 position:relative;
 min-height:201px; 
 background:url(../images/home-bg-bottom.gif) bottom left repeat-x;
 
}
.topcorner
{
	background:url(../images/top-left-corner.gif) 0 0 no-repeat;
	position:absolute;
	top:-1px;
	left:-1px;
	height:14px;
	width:27px;
}
.toprightcorner
{
	background:url(../images/top-right-corner.gif) 0 0 no-repeat;
	position:absolute;
	right:-1px;
	height:12px;
	width:65px;
	top:-1px;
}
.leftlady
{
	background:url(../images/leftlady.jpg) 0 0 no-repeat;
	position:absolute;
	bottom:-1px;
	left:-1px;
	width:172px;
	height:191px;
}
.rightlady
{
	background:url(../images/rightlady.jpg) 0 0 no-repeat;
	position:absolute;
	bottom:-1px;
	right:-1px;
	width:168px;
	height:189px;

}
.botcorner
{
	background:url(../images/home-bot-left-corner.gif) 0 0 no-repeat;
	position:absolute;
	bottom:-1px;
	left:-1px;
	width:13px;
	height:14px;
}
.botrightcorner
{
	background:url(../images/home-bot-right-corner.gif) 0 0 no-repeat;
	position:absolute;
	bottom:-1px;
	right:-1px;
	width:11px;
	height:12px;
}
.hometop p, .hometop h1, .hometop h2
{
text-align:center;
padding:0 200px;

}
.hometop h1
{
 padding-top:30px;
 color:#00aeef;
}

.hometop h2
{
color:#494949;
padding-top:20px;
}
.hometop p
{
color:#494949;
padding:10px 170px 30px 174px;
}

 
.homebot
{
margin-top:5px;
position:	relative;
min-height:210px;
padding:10px 0;
}


.outerbox
{
max-width:		790px;
position:	relative;
margin:auto;
}

/****
Feature Box 
****/
.outerbox .modbox2 {
	float:		left;
	width:		31%;
	margin:		5px 0 0 4px;
	position:	relative;
	border:solid 1px #ccccc8;
	padding:0 8px 0 1px;
	max-width:250px;
	

}


.latestnews h2
{
	background:url(../images/bg-heading-news.png) repeat-x;
	height:28px;
	float:left;
	width:100%;

}
.latestnews h2 a
{
	height:28px;	
	position:relative;
	display:block;
}
 .arrow
{
	position:absolute;
	height:28px;
	top:-28px;
	right:-2px;
	width:16px;

}
.middlebg
{
	float:left;
	width:100%;
	margin:0 0 4px 4px;
}
.latestnews .middlebg
{
	background: #b2d234 url(../images/bg-news.gif) top left repeat-x;
}
.whocanhelp .middlebg
{
	background: #e5e5e1 url(../images/bg-help.gif) top left no-repeat;

}
.buytickets .middlebg
{
	background:#ec008b;

}
.workforus .middlebg
{
	background:#6ec48b;
	width:170px;
	margin-left:5px;
}
.workforus
{
	height:auto;
}
.leaf
{
	float:left;
	width:100%;
	min-height:150px;
	position:relative;
	height:15em;

}
.latestnews .leaf
{
	background:  url(../images/news-bot.gif) bottom right no-repeat;

}
.yellowleaf
{
	background:  url(../images/help-bot.png) bottom right no-repeat;
	width:118px;
	height:35px;
	position:absolute;
	bottom:0;
	right:0;


}
.buytickets .leaf
{
	background:  url(../images/ticket-bot.gif) bottom right no-repeat;

}
.workforus .leaf
{
	background:  url(../images/work-leaf.gif) bottom right no-repeat;

}
.workforus p
{
	margin-bottom:10px;
	float:left;
}
.mainimage
{
background: url(../images/buyticket-image.jpg) top right no-repeat;
width:100%;
height:108px;
position:relative;

}
.text
{
	margin-left:8px;
	z-index:10;
}
.rabbion
{
	background:  url(../images/news-left.jpg) top left no-repeat;
	float:left;
	width:100%;
	min-height:150px;
	position:relative;
}
.ppl
{
	position:absolute;
	top:2px;
	right:0;
	background:  url(../images/news-right.png) no-repeat;
	width:147px;
	height:107px;
	
}
.latestnews p, .whocanhelp ul li a
{
	margin:114px 0 0 12px;
	width:111px;
	text-align:left;
	color:#494949;
	font-size:12px;
	

		
}

.helpyoungpeople
{
 background:url(../images/mod-helpyoungpeople.jpg) 6px 34px no-repeat;

}
#right .helpyoungpeople
{
 height:188px;
 width:180px;
 

}
.getinvolved
{
 background:url(../images/mod-getinvolved.jpg) 2px 0  no-repeat;
 


}
.bgmain
{
margin-left:4px;
background:#8fcfe7;
width:171px;
padding-bottom:20px;
margin-bottom:4px;

margin-top:108px;
}
.getinvolved p
{
margin:0 0 0 16px;
width:136px;
text-align:left;
color:#494949;
padding:8px 0 0 0;
}
.bigbuyticket
{
 background:url(../images/bg-buylottery.jpg) top left no-repeat;
 width:364px;
}

.workforus p
{
margin:0 0 0 16px;
width:136px;
text-align:left;
color:#494949;
padding:8px 0 0 0;
}
.whocanhelp h2
{
	background:url(../images/bg-heading-help.gif) repeat-x;
	height:28px;
	float:left;
	width:100%;


}

.whocanhelp ul
{
  text-align:left;
  margin:0 0 0 30px;
}
.whocanhelp ul li
{
  margin-top:8px;
  line-height:12px;
}
.whocanhelp ul li a
{
margin:110px 0 0 0;


}

.buytickets h2{
 background:url(../images/bg-heading-ticket.gif) top left repeat-x;
}


.modbox2 h2
{
margin:3px 4px 0 4px;

}



/**************************
LEFT COLUMN
**************************/

#left {
display:none;

}



/*************************
RIGHT COLUMN
**************************/
#right {
display:none;

}

 
/**************************
FOOTER

**************************/
#footer {
display:none;
}
